顶部
收藏

XHTML+CSS 网页布局与美化案例教程

新世纪高职高专教改项目成果教材

作者:
陈承欢
定价:
39.90 元
版面字数:
620千字
开本:
16开
装帧形式:
平装
版次:
1
最新版次
印刷时间:
2014年
ISBN:
978-7-04-030236-3
物料号:
30236-00
出版时间:
2010-08-24
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机多媒体技术

本书围绕18个真实的网页设计任务展开。教学任务以完成网页设计任务为主线,其主要目的是让读者了解并使用Web标准,熟悉XHTML和CSS,学会应用CSS美化网页与网页元素,掌握使用XHTML+CSS布局网页的方法。教学实施以“体验网页的布局与美化-网页元素的应用与美化-网页的布局与美化”为主线划分为9个单元(体验网页的布局与美化、文本与列表的美化、图像与背景的应用与美化、超级链接与导航栏的美化、表格的应用与美化、表单的应用与美化、两列式网页的布局与美化、三列式网页的布局与美化、多列式网页的布局与美化)。

本书以训练网页的布局与美化技能为中心,在完成多个难易程度不同的网页设计任务过程中,逐步体会网页布局与美化的各种技巧,掌握XHTML和CSS的理论知识,熟悉CSS在美化与布局网页方面的优势,学会遵循Web标准设计网页,逐步形成应用CSS美化和布局网页的专业能力。

本书可以作为各相关专业的网页布局与美化教材,也可以作为培训教材和开发网站的参考书。

  • 目录
    • 单元1 体验网页的布局与美化
      • 教学要点
        • 1.1 前导训练
          • 【任务1-1-1】创建本地站点
            • 【任务1-1-2】建立网页0101.html
              • 【任务1-1-3】准备网页0102.html且浏览其效果
                • 【任务1-1-4】准备网页0103.html且浏览其效果
                  • 【任务1-1-5】准备网页0104.html且浏览其效果
                  • 1.2 操作实战
                    • 【任务1-2-1】体验网页中结构与表现的分离
                      • 【任务1-2-2】体验符合Web标准的网页设计规则
                        • 【任务1-2-3】体验Dreamweaver CS3对CSS的支持
                          • 【任务1-2-4】体验CSS的盒模型
                            • 【任务1-2-5】体验CSS的选择符及属性设置
                              • 【任务1-2-6】体验CSS属性值的缩写
                                • 【任务1-2-7】体验Dreamweaver CS3中CSS的属性设置
                                  • 【任务1-2-8】体验使用XHTML+CSS布局网页
                                  • 1.3 拓展实践
                                    • 【任务1-3】分析网页index0102.html
                                    • 1.4 技术点睛
                                      • 1.4.1 盒模型尺寸的计算实例分析
                                        • 1.4.2 盒模型的兼容性问题
                                          • 1.5 知识拓展
                                          • 单元2 文本与列表的美化
                                            • 教学要点
                                              • 2.1 前导训练
                                                • 准备工作
                                                  • 【任务2-1-1】创建网页0201.html
                                                    • 【任务2-1-2】创建网页0202.html
                                                      • 【任务2-1-3】创建网页0203.html
                                                        • 【任务2-1-4】创建网页0204.html
                                                        • 2.2 操作实战
                                                          • 【任务2-2】创建网页index 0201.html
                                                          • 2.3 拓展实践
                                                            • 【任务2-3】创建网页index 0202.html
                                                            • 2.4 技术点睛
                                                              • 2.4.1 设置段落首字下沉效果
                                                                • 2.4.2 控制列表项行内显示
                                                                  • 2.4.3 控制列表符号的个性化显示
                                                                    • 2.4.4 应用CSS样式实现列表的截字效果
                                                                      • 2.4.5 利用定义列表实现图像切换和选项卡切换
                                                                      • 2.5 知识拓展
                                                                      • 单元3 图像与背景的应用与美化
                                                                        • 教学要点
                                                                          • 3.1 前导训练
                                                                            • 准备工作
                                                                              • 【任务3-1-1】创建网页0301.html
                                                                                • 【任务3-1-2】创建网页0302.html
                                                                                  • 【任务3-1-3】创建网页0303.html
                                                                                    • 【任务3-1-4】创建网页0304.html
                                                                                    • 3.2 操作实战 创建网页index0301.html
                                                                                      • 3.3 拓展实践 创建网页index0302.html
                                                                                        • 3.4 技术点睛
                                                                                          • 3.4.1 图文混排布局
                                                                                            • 3.4.2 制作全图排版网页
                                                                                              • 3.4.3 实现“图片替代文本”效果
                                                                                                • 3.4.4 利用CSS Sprites原理合成图片
                                                                                                  • 3.4.5 利用背景图像实现圆角布局
                                                                                                    • 3.4.6 利用CSS样式控制圆角布局
                                                                                                      • 3.4.7 利用CSS样式设置图像的阴影效果
                                                                                                      • 3.5 知识拓展
                                                                                                      • 单元4 超级链接与导航栏的美化
                                                                                                        • 教学要点
                                                                                                          • 4.1 前导训练
                                                                                                            • 准备工作
                                                                                                              • 【任务4-1-1】创建网页0401.html
                                                                                                                • 【任务4-1-2】创建网页0402.html
                                                                                                                  • 【任务4-1-3】创建网页0403.html
                                                                                                                    • 【任务4-1-4】创建网页0404.html
                                                                                                                    • 4.2 操作实战 创建网页index0401.html
                                                                                                                      • 4.3 拓展实践 创建网页index0402.html
                                                                                                                        • 4.4 技术点睛
                                                                                                                          • 4.4.1 利用CSS样式定义各种不同形式的超级链接
                                                                                                                            • 4.4.2 利用定义列表制作垂直导航栏
                                                                                                                              • 4.4.3 利用CSS样式实现水平导航栏及分隔小竖条
                                                                                                                                • 4.4.4 利用背景图像制作立体导航菜单
                                                                                                                                  • 4.4.5 实现导航栏菜单自动伸缩和超级链接的悬停交换效果
                                                                                                                                  • 4.5 知识拓展
                                                                                                                                  • 单元5 表格的应用与美化
                                                                                                                                    • 教学要点
                                                                                                                                      • 5.1 前导训练
                                                                                                                                        • 准备工作
                                                                                                                                          • 【任务5-1-1】创建网页0501.html
                                                                                                                                            • 【任务5-1-2】创建网页0502.html
                                                                                                                                              • 【任务5-1-3】创建网页0503.html
                                                                                                                                              • 5.2 操作实战 创建网页index0501.html
                                                                                                                                                • 5.3 拓展实践 创建网页index0502.html
                                                                                                                                                  • 5.4 技术点睛 应用JavaScript代码在网页中插入Flash动画
                                                                                                                                                    • 5.5 知识拓展
                                                                                                                                                    • 单元6 表单的应用与美化
                                                                                                                                                      • 教学要点
                                                                                                                                                        • 6.1 前导训练
                                                                                                                                                          • 准备工作
                                                                                                                                                            • 【任务6-1-1】创建网页0601.html
                                                                                                                                                              • 【任务6-1-2】创建网页0602.html
                                                                                                                                                                • 【任务6-1-3】创建网页0603.html
                                                                                                                                                                  • 【任务6-1-4】创建网页0604.html
                                                                                                                                                                  • 6.2 操作实战 创建网页index0601.html
                                                                                                                                                                    • 6.3 拓展实践
                                                                                                                                                                      • 【任务6-3-1】创建网页index0602.html
                                                                                                                                                                        • 【任务6-3-2】创建网页index0603.html
                                                                                                                                                                        • 6.4 技术点睛 表单按钮与单行文本域的美化
                                                                                                                                                                          • 6.5 知识拓展
                                                                                                                                                                          • 单元7 两列式网页的布局与美化
                                                                                                                                                                            • 教学要点
                                                                                                                                                                              • 7.1 前导训练
                                                                                                                                                                                • 准备工作
                                                                                                                                                                                  • 【任务7-1-1】创建网页0701.html
                                                                                                                                                                                    • 【任务7-1-2】创建网页0702.html
                                                                                                                                                                                      • 【任务7-1-3】创建网页0703.html
                                                                                                                                                                                      • 7.2 操作实战 创建网页index0701.html
                                                                                                                                                                                        • 7.3 拓展实践 创建网页index0702.html
                                                                                                                                                                                          • 7.4 技术点睛
                                                                                                                                                                                            • 7.4.1 网页的单列式布局与元素的自适应
                                                                                                                                                                                              • 7.4.2 网页元素的嵌套布局
                                                                                                                                                                                                • 7.4.3 网页的两列式布局
                                                                                                                                                                                                • 7.5 知识拓展
                                                                                                                                                                                                  • 7.5.1 如何使用CSS的定位属性控制元素的位置
                                                                                                                                                                                                    • 7.5.2 CSS布局网页的基本布局模型及各自的特点
                                                                                                                                                                                                      • 7.5.3 浮动清除属性clear的取值及其含义
                                                                                                                                                                                                    • 单元8 三列式网页的布局与美化
                                                                                                                                                                                                      • 教学要点
                                                                                                                                                                                                        • 8.1 前导训练
                                                                                                                                                                                                          • 准备工作
                                                                                                                                                                                                            • 【任务8-1-1】创建网页0801.html
                                                                                                                                                                                                              • 【任务8-1-2】创建网页0802.html
                                                                                                                                                                                                                • 【任务8-1-3】创建网页0803.html
                                                                                                                                                                                                                • 8.2 操作实战 创建网页index0801.html
                                                                                                                                                                                                                  • 8.3 拓展实践 创建网页index0802.html
                                                                                                                                                                                                                    • 8.4 技术点睛 三列式网页布局
                                                                                                                                                                                                                      • 8.5 知识拓展
                                                                                                                                                                                                                      • 单元9 多列式网页的布局与美化
                                                                                                                                                                                                                        • 教学要点
                                                                                                                                                                                                                          • 9.1 前导训练
                                                                                                                                                                                                                            • 准备工作
                                                                                                                                                                                                                              • 【任务9-1-1】创建网页0901.html
                                                                                                                                                                                                                                • 【任务9-1-2】创建网页0902.html
                                                                                                                                                                                                                                  • 【任务9-1-3】创建网页0903.html
                                                                                                                                                                                                                                  • 9.2 操作实战 创建网页index0901.html
                                                                                                                                                                                                                                    • 9.3 拓展实践 创建网页index0902.html
                                                                                                                                                                                                                                      • 9.4 技术点睛 多行多列式网页布局
                                                                                                                                                                                                                                        • 9.5 知识拓展
                                                                                                                                                                                                                                        • 参考文献
                                                                                                                                                                                                                                          • 参考授课计划

                                                                                                                                                                                                                                          相关图书