XHTML+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】体验DreamweaVerCS3对CSS的支持
　　【任务1-2-4】体验CSS的盒模型
　　【任务1-2-5】体验CSS的选择符及属性设置
　　【任务1-2-6】体验CSS属性值的缩写
　　【任务1-2-7】体验DreamweaverCS3中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】创建网页index0201.html
　　2.3 拓展实践
　　【任务2-3】创建网页index0202.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
　　【任务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.hmal
　　【任务5-1-2】创建网页0502.html
　　【任务5-1-3】创建网页0503.html
　　5.2 操作实战创建网页index0501.html
　　5.3 拓展实践创建网页index0502.html
　　5.4 技术点睛应用JavaScript代码在网页中插人Hash动画
　　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 拓展实践创建网页indeXt09012.html
　　9.4 技术点睛多行多列式网页布局
　　9.5 知识拓展
　　参考文献

　　    《XHTML+CSS网页布局与美化案例教程（附光盘1张）》围绕18个真实的网页设计任务展开。教学任务以完成网页设计任务为主线，其主要目的是让读者了解并使用Web标准，熟悉XHTML和CSS，学会应用CSS美化网页与网页元素，掌握使用XHTML+CSS布局网页的方法。教学实施以“体验网页的布局与美化－网页元素的应用与美化－网页的布局与美化”为主线划分为9个单元（体验网页的布局与美化、文本与列表的美化、图像与背景的应用与美化、超级链接与导航栏的美化、表格的应用与美化、表单的应用与美化、两列式网页的布局与美化、三列式网页的布局与美化、多列式网页的布局与美化）。
　　    《XHTML+CSS网页布局与美化案例教程（附光盘1张）》以训练网页的布局与美化技能为中心，在完成多个难易程度不同的网页设计任务过程中，逐步体会网页布局与美化的各种技巧，掌握XHTML和CSS的理论知识，熟悉CSS在美化与布局网页方面的优势，学会遵循Web标准设计网页，逐步形成应用CSS美化和布局网页的专业能力。
　　    《XHTML+CSS网页布局与美化案例教程（附光盘1张）》可以作为各相关专业的网页布局与美化教材，也可以作为培训教材和开发网站的参考书。