前言 第1章 网页设计基础1.1 网页概述1.2 网站开发流程1.3 Web设计基础1.3.1 Web设计原则1.3.2 网站结构规划1.4 布局设计1.4.1 布局设计原则1.4.2 布局设计类型1.4.3 布局设计元素1.4.4 布局设计技术1.5 内容设计1.5.1 文本1.5.2 多媒体1.5.3 内容排版1.6 风格设计1.6.1 网页设计构成要素1.6.2 网页设计的风格类型1.7 色彩设计1.7.1 色彩基础1.7.2 网页中的色彩1.7.3 网页配色方案1.8 小结1.9 思考与练习第2章 HTML基础2.1 HTML文档结构2.2 HTML基本语法2.2.1 标记语法282.2.2 属性语法292.2.3 命名规则302.3 块元素与内联元素302.4 HTML的格式元素312.4.1 字符格式化312.4.2 输出322.4.3 块级332.4.4 wbr和time元素342.5 HTML5新增的文档结构元素352.5.1 文章语义（article、header、footer） 元素352.5.2 内容区块语义（section）元素372.5.3 侧栏（aside）与导航（nav）元素372.5.4 hgroup元素为标题分组382.6 小结382.7 思考与练习39第3章 CSS基础403.1 CSS语法与规则403.2 样式表的定义与使用423.2.1 内联方式423.2.2 内部样式块对象423.2.3 外部样式表433.3 选择器433.3.1 基本选择器443.3.2 层次选择器453.3.3 属性选择器473.3.4 伪类选择器483.3.5 伪元素选择器523.4 小结533.5 思考与练习53第4章 文本样式与背景544.1 长度单位与颜色544.1.1 长度单位544.1.2 颜色设置方法554.2 文本排版样式564.2.1 文本样式564.2.2 排版样式584.2.3 文本装饰614.3 背景样式624.3.1 基本背景属性624.3.2 多重背景图像634.3.3 CSS3新增背景属性644.3.4 渐变背景664.4 小结694.5 思考与练习70第5章 常用Web元素715.1 添加特殊符号715.2 图像715.2.1 图像标签725.2.2 图像的宽高、间距与边框725.2.3 图像的对齐方式725.2.4 figure元素735.3 超链接735.3.1 创建超链接735.3.2 链接对象755.3.3 网页链接属性设置785.3.4 图像映射785.4 列表795.4.1 无序列表795.4.2 有序列表805.4.3 嵌套列表825.4.4 定义列表825.4.5 菜单列表835.4.6 图像列表845.4.7 列表符号位置845.5 表格855.5.1 表格元素855.5.2 表格修饰875.5.3 设置表格行属性885.5.4 设置单元格属性885.5.5 单线表格的制作895.5.6 表格的嵌套905.6 内联框架905.7 小结915.8 思考与练习91第6章 盒模型926.1 盒模型概述926.1.1 边框936.1.2 填充946.1.3 边距956.2 边框高级属性956.2.1 圆角边框956.2.2 盒阴影976.2.3 图像边框976.3 伸缩盒996.3.1 CSS中的布局模式996.3.2 Flexbox模型的功能996.3.3 Flexbox模型的相关术语1006.3.4 Flexbox模型的使用1026.4 小结1066.5 思考与练习107第7章 界面设计1087.1 定位与布局1087.1.1 定位1087.1.2 浮动1097.1.3 显示1107.1.4 溢出1127.2 用户界面1137.2.1 轮廓1137.2.2 放大1137.2.3 盒模型组成模式1147.2.4 允许缩放1147.3 多列1157.3.1 多列的基本属性1157.3.2 列间距1167.3.3 列边框1167.3.4 跨列1177.3.5 列高1177.3.6 断行1187.4 CSS网格布局1187.4.1 重要术语1187.4.2 网格容器属性1197.4.3 网格项属性1267.5 小结1297.6 思考与练习129第8章 表单1308.1 网页表单概述1308.2 传统表单元素1318.2.1 传统表单输入类型1318.2.2 标注元素1358.2.3 文本区域1368.2.4 选择域1378.2.5 域集1388.3 HTML5表单的新特性1398.3.1 HTML5新增表单输入类型1398.3.2 HTML5新增表单元素1418.3.3 HTML5新增表单属性1428.4 小结1458.5 思考与练习145第9章 JavaScript1469.1 JavaScript简介1469.2 JavaScript程序1489.2.1 语句1489.2.2 函数1499.2.3 消息对话框1519.3 标识符和变量1529.3.1 命名规定1529.3.2 数据类型1539.3.3 变量1539.3.4 转义字符1559.4 运算符和表达式1559.4.1 算术运算符和表达式1559.4.2 赋值运算符和表达式1569.4.3 关系运算符和表达式1569.4.4 逻辑运算符和表达式1589.4.5 条件运算符和表达式1589.4.6 其他运算符和表达式1599.5 JavaScript程序控制结构1599.5.1 顺序程序1599.5.2 分支程序1609.5.3 循环程序1639.6 常用对象1669.6.1 对象简介1669.6.2 核心对象1669.6.3 文档1719.6.4 窗口1749.7 事件编程1749.7.1 事件简介1749.7.2 表单事件1769.7.3 鼠标事件1779.7.4 键盘事件1779.7.5 页面载入和离开1779.8 利用JS实现在线订购1789.9 小结1799.10 思考与练习179第10章 网页多媒体实现18010.1 HTML多媒体元素18010.1.1 多媒体元素的基本属性18010.1.2 多媒体元素的常用方法18310.1.3 多媒体元素的重要事件18610.1.4 Flash动画与视频18910.2 CSS动画设计18910.2.1 CSS变换18910.2.2 CSS过渡19410.2.3 CSS动画19510.3 HTML绘图19710.3.1 canvas元素的基本用法19710.3.2 绘制基本图形19810.3.3 绘制曲线20010.3.4 绘制文本20310.3.5 图像的绘制与裁切20410.4 HTML拖放20610.5 小结20710.6 思考与练习208第11章 jQuery20911.1 jQuery概述20911.2 jQuery选择器21111.2.1 基本选择器21111.2.2 层次选择器21211.2.3 过滤选择器21311.2.4 表单选择器21811.3 jQuery操作DOM22011.3.1 访问元素22011.3.2 结点操作22511.3.3 遍历元素22911.3.4 删除元素23011.4 jQuery中的事件23111.4.1 页面载入事件23111.4.2 绑定事件23111.4.3 切换事件23211.4.4 移除事件23311.4.5 trigger方法23411.5 jQuery动画与特效23411.5.1 基本动画23411.5.2 滑动动画23711.5.3 淡入淡出动画23811.5.4 自定义动画24011.6 jQuery UI插件24311.6.1 jQuery UI交互性插件24311.6.2 jQuery UI微型插件24611.7 小结24911.8 思考与练习250第12章 响应式网页设计25212.1 响应式网页简介25212.1.1 响应式网页的优点25212.1.2 响应式的概念25312.1.3 Viewport25312.1.4 流式网格25412.1.5 媒体查询25512.1.6 图像、视频与字体25712.2 Bootstrap响应式网页25812.2.1 布局25912.2.2 内容26312.2.3 组件26412.3 小结272 12.4 思考与练习272第13章 综合实例27313.1 网页仿制实例27313.1.1 导航条27413.1.2 轮播27513.1.3 自定义区域27613.1.4 Services区域27813.1.5 Portfolio区域27913.1.6 Contact区域28113.2 基于CMS快速构建网站实例28213.2.1 CMS与Drupal28213.2.2 Drupal基本应用28413.2.3 导入与导出站点29413.2.4 主题29613.2.5 内容类型30013.2.6 制作首页轮播30313.2.7 自定义首页区域31113.2.8 制作分类列表页31213.2.9 添加视频功能31713.3 小结31813.4 思考与练习319参考文献320