第一章 网页和网站制作流程1.1 认识网页 21.1.1 网页和网站 21.1.2 网页的基本构成元素 21.2 什么是网页设计 31.2.1 网页设计概述 31.2.2 网页设计和网页制作 41.2.3 网页设计的特点 51.2.4 网页制作相关术语 61.3 网页设计中所涵盖的内容 111.3.1 视听元素 111.3.2 版式设计 111.4 如何设计网页 121.4.1 网页设计的基本原则 121.4.2 网页设计成功的要素 131.4.3 网页设计风格及色彩搭配 141.5 网页设计的原则 141.5.1 为用户考虑的原则 141.5.2 主题突出原则 151.5.3 整体原则 161.5.4 内容与形式相统一 161.5.5 更新和维护的原则 171.6 网页设计师应具备的素质 171.6.1 艺术素质 1716.2 技能素质 181.6.3 综合素质 181.7 网站的制作流程 191.7.1 前期策划 191.7.2 原型设计 201.7.3 页面美化 211.7.4 页面开发 221.7.5 后期维护 221.8 静态页面的制作流程 221.8.1 观察设计稿 221.8.2 拆分设计稿 231.8.3 网页设计实现 23第二章 CSS样式入门2.1 CSS的基本概念 252.1.1 CSS的特点 252.1.2 CSS的基本语法 252.1.3 CSS的冲突 26技能案例：使用就近原则 262.2 网页设计中的CSS 282.2.1 如何使用CSS 282.2.2 CSS能做什么 292.2.3 CSS不能做什么 302.3 CSS的基本用法 302.3.1 内联样式 302.3.2 嵌入样式 30技能案例：设置嵌入样式 302.3.3 外部样式 312.4 CSS的单位和值 312.4.1 定义颜色值 322.4.2 定义字体 332.5 CSS基础选择符 342.5.1 通配选择符 342.5.2 标签选择符 352.5.3 id选择符 352.5.4 类选择符 35技能案例：使用类选择符定义样式 362.5.5 群组选择符 362.5.6 基础选择符浏览器适配 362.6 CSS的层次选择符 362.6.1 后代选择符 37技能案例：使用后代选择符定义样式 372.6.2 子选择符 372.6.3 相邻兄弟选择符 37技能案例：使用相邻兄弟选择符设置样式 372.6.4 通用兄弟选择符 38技能案例：使用通用兄弟选择符定义样式 382.6.5 层次选择符浏览器适配 392.7 伪类和伪元素 392.7.1动态伪类选择符 392.7.2 目标伪类选择符 402.7.3 语言伪类选择器 402.7.4 UI元素状态伪类选择器 402.7.5 结构伪类选择器 412.7.6 伪类选择符浏览器适配 422.7.7 伪元素选择符 442.8 应用案例——为页面添加CSS样式 452.8.1 设计分析 452.8.2 制作步骤 452.8.3 案例总结 512.9 举一反三——产品介绍网站 512.9.1 案例分析 522.9.2 视频操作 52第三章 使用DIV+CSS布局页面3.1 定义Div 553.1.1 什么是Div 553.1.2 插入Div 553.1.3 Div的嵌套和固定格式 563.2 CSS布局定位 573.2.1 浮动定位 573.2.2 position定位 603.3 可视化盒模型 623.3.1 盒子模型 623.3.2 视觉可视化模型 643.3.3 空白边叠加 643.4 常见的网页布局方式 653.4.1 居中布局设计 653.4.2 浮动布局设计 663.4.3 高度自适应 703.5 盒模型的控制属性 703.5.1 overflow 70技能案例：显示滚动条 713.5.2 overflow-x 71技能案例：显示横向滚动条 713.5.3 overflow-y 72技能案例：显示竖向滚动条 723.6 应用案例——使用DIV+CSS布局页面 733.6.1 设计分析 733.6.2 制作步骤 733.6.3 案例总结 783.7 举一反三——制作健康网站 783.7.1 案例分析 783.7.2 视频操作 79第四章 使用CSS控制网页中的背景4.1 背景颜色 814.1.1 设置页面背景颜色 81技能案例：添加背景颜色 814.1.2 设置块背景颜色 82技能案例：添加块背景 824.1.3 渐变背景 83技能案例：设置线性渐变背景 83技能案例：设置径向渐变背景 844.2 背景图片 864.2.1 为页面设置背景图片 86技能案例：设置背景图片 864.2.2 背景图片的重复 87技能案例：设置背景图片的重复 874.2.3 设置背景图片的位置 88技能案例：设置背景图片的位置 884.2.4 设置背景滚动 90技能案例：设置页面背景滚动 904.2.5 背景样式缩写的方式 904.3 背景定位 914.3.1 背景定位属性的语法 914.3.2 背景定位属性的浏览器适配 914.4 背景裁切 924.4.1 背景裁切属性的语法 924.4.2 背景裁切的浏览器适配 924.5 背景大小 934.5.1 背景大小属性的语法 934.5.2 背景大小浏览器的适配 934.6 多重背景图像 944.6.1 多重背景图像属性的语法 944.6.2 多重背景图像的浏览器适配 954.6.3 CSS多背景属性的优势 954.7 应用案例——制作金融类网站页面 964.7.1 设计分析 964.7.2 制作步骤 964.7.3 案例总结 1024.8 举一反三——制作电子商品网站 1024.8.1 案例分析 1034.8.2 视频操作 103第五章 使用CSS控制页面文字样式5.1 控制文本样式 1065.1.1 文本字体和大小 106技能案例：设置网页中的文字字体 1075.1.2 文本颜色和粗细 110技能案例：设置网页中文字的颜色 1105.1.3 文本的3种样式 112技能案例：设置网页中文字的样式 1125.1.4 文本的美化方式 113技能案例：为网页中的文字设置下划线效果 1135.1.5 英文字母大小写 1135.2 控制段落样式 1145.2.1 段落水平对齐 114技能案例：设置文字左对齐、水平居中与右对齐 1145.2.2 段落垂直对齐 116技能案例：设置文本段落垂直对齐 1165.2.3 行间距和字间距 1175.2.4 首字下沉 118技能案例：设置网页中段落首字母下沉 1185.3 文字阴影及模糊