前言

第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 标记语法28
2.2.2 属性语法29
2.2.3 命名规则30
2.3 块元素与内联元素30
2.4 HTML的格式元素31
2.4.1 字符格式化31
2.4.2 输出32
2.4.3 块级33
2.4.4 wbr和time元素34
2.5 HTML5新增的文档结构元素35
2.5.1 文章语义（article、header、footer）
元素35
2.5.2 内容区块语义（section）元素37
2.5.3 侧栏（aside）与导航（nav）元素37
2.5.4 hgroup元素为标题分组38
2.6 小结38
2.7 思考与练习39
第3章 CSS基础40
3.1 CSS语法与规则40
3.2 样式表的定义与使用42
3.2.1 内联方式42
3.2.2 内部样式块对象42
3.2.3 外部样式表43
3.3 选择器43
3.3.1 基本选择器44
3.3.2 层次选择器45
3.3.3 属性选择器47
3.3.4 伪类选择器48
3.3.5 伪元素选择器52
3.4 小结53
3.5 思考与练习53
第4章 文本样式与背景54
4.1 长度单位与颜色54
4.1.1 长度单位54
4.1.2 颜色设置方法55
4.2 文本排版样式56
4.2.1 文本样式56
4.2.2 排版样式58
4.2.3 文本装饰61
4.3 背景样式62
4.3.1 基本背景属性62
4.3.2 多重背景图像63
4.3.3 CSS3新增背景属性64
4.3.4 渐变背景66
4.4 小结69
4.5 思考与练习70
第5章 常用Web元素71
5.1 添加特殊符号71
5.2 图像71
5.2.1 图像标签72
5.2.2 图像的宽高、间距与边框72
5.2.3 图像的对齐方式72
5.2.4 figure元素73
5.3 超链接73
5.3.1 创建超链接73
5.3.2 链接对象75
5.3.3 网页链接属性设置78
5.3.4 图像映射78
5.4 列表79
5.4.1 无序列表79
5.4.2 有序列表80
5.4.3 嵌套列表82
5.4.4 定义列表82
5.4.5 菜单列表83
5.4.6 图像列表84
5.4.7 列表符号位置84
5.5 表格85
5.5.1 表格元素85
5.5.2 表格修饰87
5.5.3 设置表格行属性88
5.5.4 设置单元格属性88
5.5.5 单线表格的制作89
5.5.6 表格的嵌套90
5.6 内联框架90
5.7 小结91
5.8 思考与练习91
第6章 盒模型92
6.1 盒模型概述92
6.1.1 边框93
6.1.2 填充94
6.1.3 边距95
6.2 边框高级属性95
6.2.1 圆角边框95
6.2.2 盒阴影97
6.2.3 图像边框97
6.3 伸缩盒99
6.3.1 CSS中的布局模式99
6.3.2 Flexbox模型的功能99
6.3.3 Flexbox模型的相关术语100
6.3.4 Flexbox模型的使用102
6.4 小结106
6.5 思考与练习107
第7章 界面设计108
7.1 定位与布局108
7.1.1 定位108
7.1.2 浮动109
7.1.3 显示110
7.1.4 溢出112
7.2 用户界面113
7.2.1 轮廓113
7.2.2 放大113
7.2.3 盒模型组成模式114
7.2.4 允许缩放114
7.3 多列115
7.3.1 多列的基本属性115
7.3.2 列间距116
7.3.3 列边框116
7.3.4 跨列117
7.3.5 列高117
7.3.6 断行118
7.4 CSS网格布局118
7.4.1 重要术语118
7.4.2 网格容器属性119
7.4.3 网格项属性126
7.5 小结129
7.6 思考与练习129
第8章 表单130
8.1 网页表单概述130
8.2 传统表单元素131
8.2.1 传统表单输入类型131
8.2.2 标注元素135
8.2.3 文本区域136
8.2.4 选择域137
8.2.5 域集138
8.3 HTML5表单的新特性139
8.3.1 HTML5新增表单输入类型139
8.3.2 HTML5新增表单元素141
8.3.3 HTML5新增表单属性142
8.4 小结145
8.5 思考与练习145
第9章 JavaScript146
9.1 JavaScript简介146
9.2 JavaScript程序148
9.2.1 语句148
9.2.2 函数149
9.2.3 消息对话框151
9.3 标识符和变量152
9.3.1 命名规定152
9.3.2 数据类型153
9.3.3 变量153
9.3.4 转义字符155
9.4 运算符和表达式155
9.4.1 算术运算符和表达式155
9.4.2 赋值运算符和表达式156
9.4.3 关系运算符和表达式156
9.4.4 逻辑运算符和表达式158
9.4.5 条件运算符和表达式158
9.4.6 其他运算符和表达式159
9.5 JavaScript程序控制结构159
9.5.1 顺序程序159
9.5.2 分支程序160
9.5.3 循环程序163
9.6 常用对象166
9.6.1 对象简介166
9.6.2 核心对象166
9.6.3 文档171
9.6.4 窗口174
9.7 事件编程174
9.7.1 事件简介174
9.7.2 表单事件176
9.7.3 鼠标事件177
9.7.4 键盘事件177
9.7.5 页面载入和离开177
9.8 利用JS实现在线订购178
9.9 小结179
9.10 思考与练习179
第10章 网页多媒体实现180
10.1 HTML多媒体元素180
10.1.1 多媒体元素的基本属性180
10.1.2 多媒体元素的常用方法183
10.1.3 多媒体元素的重要事件186
10.1.4 Flash动画与视频189
10.2 CSS动画设计189
10.2.1 CSS变换189
10.2.2 CSS过渡194
10.2.3 CSS动画195
10.3 HTML绘图197
10.3.1 canvas元素的基本用法197
10.3.2 绘制基本图形198
10.3.3 绘制曲线200
10.3.4 绘制文本203
10.3.5 图像的绘制与裁切204
10.4 HTML拖放206
10.5 小结207
10.6 思考与练习208
第11章 jQuery209
11.1 jQuery概述209
11.2 jQuery选择器211
11.2.1 基本选择器211
11.2.2 层次选择器212
11.2.3 过滤选择器213
11.2.4 表单选择器218
11.3 jQuery操作DOM220
11.3.1 访问元素220
11.3.2 结点操作225
11.3.3 遍历元素229
11.3.4 删除元素230
11.4 jQuery中的事件231
11.4.1 页面载入事件231
11.4.2 绑定事件231
11.4.3 切换事件232
11.4.4 移除事件233
11.4.5 trigger方法234
11.5 jQuery动画与特效234
11.5.1 基本动画234
11.5.2 滑动动画237
11.5.3 淡入淡出动画238
11.5.4 自定义动画240
11.6 jQuery UI插件243
11.6.1 jQuery UI交互性插件243
11.6.2 jQuery UI微型插件246
11.7 小结249
11.8 思考与练习250
第12章 响应式网页设计252
12.1 响应式网页简介252
12.1.1 响应式网页的优点252
12.1.2 响应式的概念253
12.1.3 Viewport253
12.1.4 流式网格254
12.1.5 媒体查询255
12.1.6 图像、视频与字体257
12.2 Bootstrap响应式网页258
12.2.1 布局259
12.2.2 内容263
12.2.3 组件264
12.3 小结272

12.4 思考与练习272
第13章 综合实例273
13.1 网页仿制实例273
13.1.1 导航条274
13.1.2 轮播275
13.1.3 自定义区域276
13.1.4 Services区域278
13.1.5 Portfolio区域279
13.1.6 Contact区域281
13.2 基于CMS快速构建网站实例282
13.2.1 CMS与Drupal282
13.2.2 Drupal基本应用284
13.2.3 导入与导出站点294
13.2.4 主题296
13.2.5 内容类型300
13.2.6 制作首页轮播303
13.2.7 自定义首页区域311
13.2.8 制作分类列表页312
13.2.9 添加视频功能317
13.3 小结318
13.4 思考与练习319
参考文献320