第1章 HTML5基础 1
1.1 HTML历史 2
1.2 HTML文档结构 4
1.2.1 HTML4基本结构 4
1.2.2 XHTML基本结构 5
1.2.3 HTML5基本结构 6
1.3 HTML基本语法 7
1.3.1 HTML4语法 7
1.3.2 XHTML语法 8
1.3.3 HTML5语法 9
1.4 案例实战 11
1.4.1 编写第一个HTML5文档 11
1.4.2 比较HTML4与HTML5文档结构 12
1.5 扫码阅读 13
1.6 在线练习 13
第2章 新建HTML5文档 14
2.1 设置头部信息 15
2.1.1 定义网页标题 15
2.1.2 定义网页元信息 16
2.1.3 定义文档视口 17
2.1.4 最新head指南 18
2.1.5 移动端HTML5 head头部信息说明 18
2.2 构建网页通用结构 18
2.2.1 定义文档结构 18
2.2.2 使用div和span 20
2.2.3 使用id和class 20
2.3 构建HTML5新结构 22
2.3.1 定义文章块 22
2.3.2 定义区块 23
2.3.3 定义导航条 26
2.3.4 定义边栏 27
2.3.5 定义主要区域 28
2.3.6 定义标题栏 29
2.3.7 定义标题组 30
2.3.8 定义页脚栏 31
2.4 案例实战 31
2.5 扫码阅读 34
2.6 在线练习 34
第3章 网页文本和版式 35
3.1 结构化文本 36
3.1.1 定义标题文本 36
3.1.2 定义段落文本 37
3.1.3 定义引用文本 38
3.2 描述性文本 39
3.2.1 定义强调文本 39
3.2.2 定义格式文本 40
3.2.3 定义输出文本 41
3.2.4 定义缩写文本 42
3.2.5 定义插入和删除文本 43
3.2.6 定义文本方向 43
3.3 功能性文本 44
3.3.1 定义标记文本 44
3.3.2 定义进度信息 45
3.3.3 定义刻度信息 46
3.3.4 定义时间信息 46
3.3.5 定义联系文本 48
3.3.6 定义换行断点 48
3.3.7 定义文本注释 49
3.4 案例实战 49
3.5 扫码阅读 51
3.6 在线练习 52
第4章 使用网页图像和多媒体信息 53
4.1 使用图像 54
4.1.1 插入图像 54
4.1.2 案例：图文混排 54
4.2 使用多媒体插件 56
4.2.1 使用＜embed＞标签 56
4.2.2 使用＜object＞标签 57
4.3 使用HTML5音频和视频 59
4.3.1 使用＜audio＞标签 59
4.3.2 使用＜video＞标签 60
4.4 案例实战 62
4.4.1 设计图文新闻 62
4.4.2 设计阴影白边 66
4.4.3 设计音乐播放器 67
4.4.4 设计视频播放器 69
4.5 HTML5多媒体API 72
4.5.1 设置属性 72
4.5.2 设置方法 72
4.5.3 设置事件 72
4.5.4 访问多媒体属性、方法和事件 72
4.6 在线练习 72
第5章 设计列表和超链接 73
5.1 新建列表 74
5.1.1 无序列表 74
5.1.2 有序列表 75
5.1.3 描述列表 77
5.1.4 菜单列表 79
5.1.5 快捷菜单 81
5.2 定义超链接 83
5.2.1 超链接分类 83
5.2.2 使用＜a＞标签 84
5.2.3 定义锚点链接 86
5.2.4 定义目标链接 87
5.2.5 定义下载链接 87
5.2.6 定义图像热点 88
5.2.7 定义框架链接 89
5.3 案例实战 90
5.3.1 为快捷菜单添加命令 90
5.3.2 设计快捷分享命令 92
5.3.3 设计任务列表命令 93
5.3.4 设计排行榜列表结构 94
5.3.5 设计图文列表栏目 95
5.4 在线练习 98
第6章 设计表格 99
6.1 认识表格结构 100
6.2 新建表格 101
6.2.1 定义普通表格 101
6.2.2 定义列标题 101
6.2.3 定义表格标题 103
6.2.4 表格行分组 103
6.2.5 表格列分组 104
6.3 设置＜table＞属性 107
6.3.1 定义单线表格 107
6.3.2 定义分离单元格 108
6.3.3 定义细线边框 109
6.3.4 添加表格说明 110
6.4 设置＜td＞和＜th＞属性 110
6.4.1 定义跨单元格显示 110
6.4.2 定义表头单元格 111
6.4.3 为单元格指定表头 112
6.4.4 定义信息缩写 113
6.4.5 单元格分类 113
6.5 案例实战 114
6.5.1 网站预览 114
6.5.2 设计方法 116
6.5.3 设计思路 117
6.5.4 构建基本框架 117
6.5.5 完善网页结构 118
6.6 在线练习 120
第7章 设计表单 121
7.1 新建表单 122
7.1.1 使用＜form＞标签 122
7.1.2 使用＜input＞标签 123
7.1.3 使用选项控件 125
7.1.4 使用辅助控件 127
7.2 设计新型输入框 129
7.2.1 定义Email框 129
7.2.2 定义URL框 130
7.2.3 定义数字框 130
7.2.4 定义范围框 131
7.2.5 定义日期选择器 132
7.2.6 定义搜索框 136
7.2.7 定义电话号码框 137
7.2.8 定义拾色器 137
7.3 设置输入框属性 138
7.3.1 定义自动完成 138
7.3.2 定义自动获取焦点 139
7.3.3 定义所属表单 140
7.3.4 定义表单重写 141
7.3.5 定义高和宽 142
7.3.6 定义列表选项 142
7.3.7 定义最小值、最大值和步长 142
7.3.8 定义多选 143
7.3.9 定义匹配模式 143
7.3.10 定义替换文本 144
7.3.11 定义必填 144
7.4 使用新表单对象 145
7.4.1 定义数据列表 145
7.4.2 定义密钥对生成器 146
7.4.3 定义输出结果 146
7.5 设置表单属性 147
7.5.1 定义自动完成 147
7.5.2 定义禁止验证 147
7.6 在线练习 148
第8章 综合演练：设计网站结构 149
8.1 准备工作 150
8.2 设计首页 150
8.2.1 首页分析 150
8.2.2 构建网页标题 151
8.2.3 构建侧边栏 152
8.2.4 构建主体内容 154
8.2.5 构建版权信息 155
8.3 设计详细页 156
8.4 在线练习 159
第9章 CSS3基础 160
9.1 CSS历史 161
9.2 初用CSS 161
9.2.1 CSS样式 162
9.2.2 引入CSS样式 162
9.2.3 CSS样式表 163
9.2.4 导入外部样式表 163
9.2.5 CSS格式化 164
9.2.6 CSS属性 164
9.2.7 CSS属性值 164
9.3 元素选择器 166
9.3.1 标签选择器 166
9.3.2 类选择器 166
9.3.3 ID选择器 167
9.3.4 通配选择器 168
9.4 关系选择器 168
9.4.1 包含选择器 168
9.4.2 子选择器 168
9.4.3 相邻选择器 169
9.4.4 兄弟选择器 170
9.4.5 分组选择器 170
9.5 属性选择器 170
9.6 伪选择器 173
9.6.1 结构伪类 174
9.6.2 否定伪类 180
9.6.3 状态伪类 181
9.6.4 目标伪类 182
9.7 CSS特性 183
9.7.1 CSS 继承性 183
9.7.2 CSS层叠性 183
9.8 在线练习 184
第10章 使用CSS3美化网页文本和图像 185
10.1 设计字体样式 186
10.1.1 定义字体类型 186
10.1.2 定义字体大小 187
10.1.3 定义字体颜色 187
10.1.4 定义字体粗细 187
10.1.5 定义艺术字体 188
10.1.6 定义修饰线 188
10.1.7 定义字体的变体 190
10.1.8 定义大小写字体 190
10.2 设计文本样式 191
10.2.1 定义文本对齐 191
10.2.2 定义垂直对齐 192
10.2.3 定义文本间距 192
10.2.4 定义行高 193
10.2.5 定义首行缩进 194
10.3 设计图像样式 195
10.3.1 定义图像大小 195
10.3.2 定义图像边框 196
10.3.3 定义不透明度 199
10.3.4 定义圆角特效 199
10.3.5 定义阴影特效 200
10.4 案例实战 202
10.4.1 设计文本阴影 202
10.4.2 控制文本溢出 204
10.4.3 控制文本换行 205
10.4.4 设计动态内容 207
10.4.5 设计个性字体 208
10.4.6 设计正文版式1 210
10.4.7 设计正文版式2 213
10.4.8 设计正文版式3 214
10.4.9 设计正文版式4 214
10.5 在线练习 215
第11章 使用CSS3背景图像和渐变背景 216
11.1 设计背景图像 217
11.1.1 设置背景图像 217
11.1.2 设置显示方式 217
11.1.3 设置显示位置 219
11.1.4 设置固定背景 221
11.1.5 设置定位原点 222
11.1.6 设置裁剪区域 224
11.1.7 设置背景图像大小 225
11.1.8 设置多重背景图像 226
11.2 设计渐变背景 227
11.2.1 定义线性渐变 227
11.2.2 设计线性渐变样式 229
11.2.3 定义重复线性渐变 229
11.2.4 定义径向渐变 229
11.2.5 设计径向渐变样式 231
11.2.6 定义重复径向渐变 231
11.3 案例实战 232
11.3.1 设计条纹背景 232
11.3.2 设计网页背景色 234
11.3.3 设计图标 235
11.3.4 特殊渐变应用场景 236
11.3.5 设计折角栏目 238
11.3.6 设计优惠券 241
11.4 在线练习 244
第12章 使用CSS3美化列表和超链接样式 245
12.1 设计超链接样式 246
12.1.1 使用动态伪类 246
12.1.2 定义下划线样式 247
12.1.3 定义特效样式 249
12.1.4 定义光标样式 250
12.2 设计列表样式 252
12.2.1 定义项目符号类型 252
12.2.2 定义项目符号图像 253
12.2.3 模拟项目符号 254
12.3 案例实战 254
12.3.1 设计图形按钮链接 254
12.3.2 设计背景滑动样式 255
12.3.3 设计背景交换样式 257
12.3.4 设计水平滑动菜单 258
12.3.5 设计垂直滑动菜单 259
12.3.6 设计Tab选项面板 261
12.3.7 设计下拉式面板 264
12.4 在线练习 266
第13章 使用CSS3美化表格和表单样式 267
13.1 设计表格样式 268
13.1.1 定义边框样式 268
13.1.2 定义单元格间距 269
13.1.3 定义标题位置 269
13.1.4 隐藏空单元格 270
13.2 设计表单样式 271
13.2.1 定义文本框样式 271
13.2.2 定义单选按钮和复选框样式 273
13.2.3 定义选择框样式 275
13.3 案例实战 277
13.3.1 设计细线表格 277
13.3.2 设计斑马线表格 280
13.3.3 设计结构样式表格 281
13.3.4 设计登录表单 283
13.3.5 设计搜索表单 285
13.3.6 设计联系表单 287
13.4 设计表格特殊样式 290
13.4.1 表格布局特性 290
13.4.2 定义列组和行组样式 290
13.4.3 表格结构的层叠顺序 290
13.5 在线练习 290
第14章 使用CSS3排版网页 291
14.1 CSS盒模型 292
14.1.1 认识 display 292
14.1.2 认识CSS盒模型 292
14.1.3 定义边界 293
14.1.4 定义边框 295
14.1.5 定义补白 296
14.2 设计浮动显示 297
14.2.1 定义float 298
14.2.2 使用clear 300
14.3 设计定位显示 302
14.3.1 定义position 302
14.3.2 设置层叠顺序 307
14.4 案例实战 308
14.4.1 设计两栏页面 309
14.4.2 设计三栏页面 310
14.4.3 设计居中网页 312
14.4.4 设计定位页面 314
14.4.5 设计伪列页面 314
14.4.6 设计浮动页面 315
14.5 扫码拓展阅读 315
14.6 在线练习 315
第15章 设计CSS3伸缩布局和响应布局 316
15.1 多列布局 317
15.1.1 设置列宽 317
15.1.2 设置列数 318
15.1.3 设置间距 318
15.1.4 设置列边框 319
15.1.5 设置跨列显示 320
15.1.6 设置列高度 321
15.2 新版伸缩盒 321
15.2.1 认识Flexbox 321
15.2.2 启动伸缩盒 322
15.2.3 设置主轴方向 323
15.2.4 设置行数 324
15.2.5 设置对齐方式 325
15.2.6 设置伸缩项目 328
15.3 媒体查询 330
15.3.1 认识＠media 330
15.3.2 使用＠media 332
15.4 案例实战 334
15.4.1 设计三栏伸缩页面 334
15.4.2 设计自适应页面 337
15.4.3 设计响应式页面 340
15.4.4 设计响应式菜单 342
15.5 在线练习 343
第16章 设计CSS3动画 344
16.1 设计变形动画 345
16.1.1 设置变形原点 345
16.1.2 定义 2D旋转 346
16.1.3 定义2D缩放 346
16.1.4 定义2D平移 347
16.1.5 定义D倾斜 348
16.1.6 定义2D矩阵 348
16.1.7 定义3D平移 349
16.1.8 定义3D缩放 350
16.1.9 定义3D旋转 350
16.2 设计过渡动画 351
16.2.1 设置过渡属性 351
16.2.2 设置过渡时间 352
16.2.3 设置延迟过渡时间 353
16.2.4 设置过渡动画类型 353
16.2.5 设置过渡触发动作 354
16.3 设计帧动画 359
16.3.1 设置关键帧 359
16.3.2 设置动画属性 360
16.4 案例实战 362
16.4.1 设计动画菜单 362
16.4.2 绘制3D盒子 364
16.4.3 设计旋转的3D盒子 366
16.4.4 设计折叠面板 367
16.5 在线练习 369
第17章 JavaScript基础 370
17.1 JavaScript历史 371
17.2 在网页中使用JavaScript 371
17.2.1 编写脚本 371
17.2.2 脚本位置 373
17.2.3 脚本基本规范 374
17.3 使用变量 375
17.3.1 声明变量 375
17.3.2 数据类型 376
17.4 使用运算符和表达式 377
17.5 使用语句 381
17.5.1 表达式语句和语句块 381
17.5.2 条件语句 381
17.5.3 循环语句 383
17.5.4 跳转语句 385
17.6 使用函数 386
17.6.1 定义函数 386
17.6.2 调用函数 387
17.6.3 函数参数 387
17.7 使用对象 389
17.7.1 创建对象 389
17.7.2 访问对象 390
17.8 使用数组 391
17.8.1 定义数组 391
17.8.2 存取元素 392
17.8.3 应用数组 393
17.9 案例实战 395
17.9.1 使用constructor检测数据类型 395
17.9.2 使用toString检测数据类型 395
17.9.3 值类型转换 395
17.9.4 引用类型转换 396
17.9.5 转换为字符串 396
17.9.6 转换为数字 396
17.9.7 转换为布尔值 396
17.9.8 强制转换 396
17.9.9 使用Arguments对象 396
17.9.10 使用call()和apply() 396
17.9.11 使用this 397
17.9.12 函数调用模式 397
17.10 在线练习 397
第18章 操作DOM 398
18.1 使用节点 399
18.1.1 节点类型 399
18.1.2 节点名称和值 399
18.1.3 访问节点 399
18.1.4 编辑节点 400
18.2 使用文档 400
18.2.1 访问文档子节点 401
18.2.2 访问文档信息 401
18.2.3 访问文档元素 401
18.2.4 访问文档集合 402
18.3 使用元素 402
18.3.1 访问元素 403
18.3.2 创建元素 403
18.3.3 复制元素 404
18.3.4 插入元素 404
18.3.5 删除元素 405
18.3.6 替换节点 406
18.3.7 获取焦点元素 407
18.4 使用文本 408
18.4.1 访问文本 408
18.4.2 创建文本 409
18.4.3 编辑文本 409
18.4.4 读取HTML字符串 409
18.4.5 插入HTML字符串 410
18.5 使用属性 411
18.5.1 访问属性 411
18.5.2 读取属性 412
18.5.3 设置属性 413
18.5.4 删除属性 414
18.5.5 使用类选择器 414
18.6 使用CSS选择器 415
18.7 扫码拓展阅读 416
18.8 在线练习 416
第19章 操作事件 417
19.1 事件基础 418
19.1.1 事件模型 418
19.1.2 事件流 418
19.1.3 事件类型 419
19.1.4 绑定事件 419
19.1.5 定义事件处理函数 420
19.1.6 注册事件 421
19.1.7 销毁事件 423
19.1.8 使用event 425
19.1.9 事件委托 427
19.2 案例实战 428
19.2.1 设计鼠标拖放操作 428
19.2.2 设计鼠标跟随特效 430
19.2.3 跟踪鼠标在对象内相对位置 432
19.2.4 设计推箱子游戏 434
19.2.5 设计满屏显示 434
19.2.6 自动读取选择文本 435
19.2.7 设计自动跳转菜单 435
19.2.8 禁止表单提交 435
19.2.9 分享选中文本 435
19.3 在线练习 435
第20章 操作CSS样式 436
20.1 操作CSS样式基础 437
20.1.1 访问行内样式 437
20.1.2 使用style 438
20.1.3 使用styleSheets 441
20.1.4 使用selectorText 444
20.1.5 修改样式 445
20.1.6 添加样式 445
20.1.7 访问渲染样式 446
20.2 案例实战 449
20.2.1 设计网页换肤 449
20.2.2 设计折叠面板 451
20.2.3 设计工具提示 453
20.3 在线练习 453
第21章 使用Ajax 454
21.1 使用XMLHttpRequest 455
21.1.1 定义XMLHttpRequest对象 455
21.1.2 建立XMLHttpRequest连接 456
21.1.3 发送GET请求 457
21.1.4 发送POST请求 457
21.1.5 转换串行化字符串 459
21.1.6 跟踪状态 460
21.1.7 中止请求 461
21.1.8 获取XML数据 461
21.1.9 获取HTML文本 462
21.1.10 获取JavaScript脚本 463
21.1.11 获取JSON数据 463
21.1.12 获取纯文本 464
21.1.13 获取头部信息 465
21.2 案例实战 465
21.3 扫码实战 468
21.3.1 Ajax交互提示 468
21.3.2 记录集分页显示 469
21.3.3 异步更新Tab面板内容 469
21.3.4 快速匹配搜索 469
21.4 搭建IIS虚拟服务器 469
21.5 在线练习 469
第22章 表格开发 470
22.1 访问表格 471
22.2 表格排序 472
22.2.1 设计适合排序的表格结构 472
22.2.2 实现基本排序功能 473
22.2.3 优化排序性能 475
22.2.4 优化类型排序 476
22.2.5 完善视觉交互效果 477
22.3 表格分页 478
22.4 表格过滤 481
22.4.1 快速过滤 481
22.4.2 多关键字匹配 482
22.4.3 列过滤 483
22.5 表格编辑 483
22.6 在线练习 484
第23章 表单开发 485
23.1 表单开发基础 486
23.1.1 访问表单对象 486
23.1.2 访问表单元素 486
23.1.3 访问字段属性 487
23.1.4 访问文本框的值 489
23.1.5 访问选择框的值 491
23.1.6 编辑选项 494
23.2 案例实战 497
23.2.1 设计表单结构 497
23.2.2 设计分组标题 498
23.2.3 设计提示信息 499
23.2.4 设计条件字段 500
23.2.5 表单验证 502
23.3 在线练习 505
第24章 综合实战 506
24.1 购物网站策划 507
24.2 设计网站结构 508
24.2.1 定义文件结构 508
24.2.2 定义网页结构 508
24.2.3 设计效果图 508
24.3 设计网站样式 509
24.3.1 网站样式分类 509
24.3.2 编写全局样式 509
24.3.3 编写可重用样式 509
24.3.4 编写网站首页主体布局 510
24.3.5 编写详细页主体布局 510
24.4 设计首页交互行为 510
24.4.1 搜索框文字效果 510
24.4.2 网页换肤 511
24.4.3 导航效果 512
24.4.4 商品分类热销效果 512
24.4.5 产品广告效果 513
24.4.6 超链接提示 514
24.4.7 品牌活动横向滚动效果 516
24.4.8 光标滑过产品列表效果 517
24.5 设计详细页交互行为 518
24.5.1 图片放大镜效果 518
24.5.2 图片遮罩效果 519
24.5.3 小图切换大图 520
24.5.4 选项卡 521
24.5.5 产品颜色切换 523
24.5.6 产品尺寸切换 524
24.5.7 产品数量和价格联动 525
24.5.8 产品评分的效果 525
24.5.9 模态对话框 526
24.6 扫码实战 527
24.6.1 综合实战：设计专题页 527
24.6.2 综合实战：设计电子相册 527
24.6.3 综合实战：设计在线记事本 527
24.7 在线练习 527