第1篇 入门篇 2
第1章 HTML5概述 2
1.1 HTML5简介 3
1.2 HTML的发展历程 3
1.3 HTML5的新认识和新特性 4
1.3.1 HTML5的新认识 4
1.3.2 HTML5的新特性 5
1.4 无插件方式 5
1.5 HTML的标签构成 6
1.5.1 HTML标签概述 6
1.5.2 开始标签＜html＞ 7
1.5.3 头部标签＜head＞ 8
1.5.4 标题标签＜title＞ 8
1.5.5 主体标签＜body＞ 8
1.5.6 编写时注意事项 8
1.6 编写HTML文件 9
1.6.1 HTML文件的编写方法 9
1.6.2 手工编写页面 10
1.6.3 使用可视化软件制作页面 11
1.6.4 使用浏览器浏览HTML文件 15
1.6.5 查看源文件 15
1.7 本章小结 16
第2章 HTML5基本标记 17
2.1 头部标记＜head＞ 18
2.2 标题标记＜title＞ 18
2.3 元信息标记＜meta＞ 19
2.3.1 设置页面关键字 19
2.3.2 设置页面描述 20
2.3.3 设置作者信息 20
2.3.4 设置编辑工具 21
2.3.5 设置网页文字及语言 21
2.3.6 设置限制搜索方式 22
2.3.7 设置定时跳转页面 22
2.3.8 设置网页的有效期 24
2.3.9 删除过期的cookie 24
2.3.10 禁止从缓存中调用 25
2.3.11 强制打开新窗口 25
2.3.12 设置网页的过渡效果 26
2.4 基底网址标记＜base＞ 29
2.5 注释＜！-- --＞ 30
2.6 页面主体标记＜body＞ 31
2.6.1 文字颜色属性text 31
2.6.2 背景颜色属性bgcolor 32
2.6.3 背景图像属性background 32
2.6.4 链接文字属性link 35
2.6.5 边距属性margin 38
2.7 综合应用 38
2.7.1 设定自动刷新 38
2.7.2 创建基本的HTML网页 39
2.8 本章常见错误 40
2.8.1 时间和链接地址之间分隔符写成逗号或空格 40
2.8.2 页面关键字设置过多 40
2.9 本章小结 41
2.10 跟我上机 41
第3章 网页文本内容 42
3.1 标题文字 43
3.1.1 标题文字标记＜h＞ 43
3.1.2 标题文字的对齐方式属性align 43
3.2 文字格式 45
3.2.1 文字字体属性face 45
3.2.2 文字大小属性size 46
3.2.3 文字颜色属性color 47
3.2.4 粗体、斜体、下划线标记＜strong＞、＜em＞、＜u＞ 48
3.2.5 上标与下标标记＜sup＞、＜sub＞ 49
3.2.6 删除线标记＜strike＞ 49
3.2.7 等宽文字标记＜code＞、＜samp＞ 50
3.2.8 空格码“＆nbsp；” 51
3.2.9 其他特殊符号 52
3.3 段落格式 53
3.3.1 段落标记＜p＞ 53
3.3.2 取消换行标记＜nobr＞ 54
3.3.3 换行标记＜br＞ 54
3.3.4 保留原始排版标记＜pre＞ 55
3.3.5 水平居中标记＜center＞ 56
3.3.6 文字段落缩进标记＜blockquote＞ 57
3.4 添加水平线 58
3.4.1 水平线标记＜hr＞ 58
3.4.2 水平线宽度与高度属性width、size 59
3.4.3 水平线的颜色属性color 60
3.4.4 水平线的对齐方式属性align 61
3.4.5 去掉水平线阴影属性noshade 61
3.5 其他文字标记 62
3.5.1 文字标注标记＜ruby＞ 62
3.5.2 声明变量标记＜var＞ 63
3.5.3 忽视HTML标签标记＜plaintext＞、＜xmp＞ 64
3.5.4 基字标记＜BASEFONT＞ 65
3.5.5 设置地址文字标记＜ADDRESS＞ 65
3.6 综合应用 66
3.6.1 通过格式标签定义文本样式 66
3.6.2 在文字上方标注说明 67
3.7 本章常见错误 68
3.7.1 粗体和斜体使用错误 68
3.7.2 换行符＜br＞使用过多 68
3.8 本章小结 68
3.9 跟我上机 68
第4章 列表的使用 70
4.1 列表标记 71
4.2 有序列表 71
4.2.1 有序列表标记＜ol＞ 71
4.2.2 有序列表的类型属性type 72
4.2.3 有序列表的起始数值属性start 74
4.3 无序列表 75
4.3.1 无序列表标记＜ul＞ 75
4.3.2 无序列表的类型属性type 76
4.4 有序列表和无序列表的组合 78
4.5 菜单列表标记＜menu＞ 80
4.6 定义列表标记＜dl＞ 81
4.7 目录列表标记＜dir＞ 82
4.8 嵌套列表 83
4.8.1 定义列表的嵌套 83
4.8.2 有序列表和无序列表的嵌套 85
4.9 综合应用 86
4.9.1 定义列表的使用 86
4.9.2 ol列表的使用 87
4.9.3 有序列表的嵌套 89
4.10 本章常见错误 90
4.10.1 有序列表的start属性不是数字 90
4.10.2 列表使用不当 90
4.11 本章小结 90
4.12 跟我上机 91
第5章 超链接 92
5.1 什么是超链接和路径 93
5.1.1 超链接 93
5.1.2 路径 93
5.2 超链接 94
5.2.1 超链接标记＜a＞ 94
5.2.2 链接到其他网页 94
5.2.3 目标窗口属性target 96
5.3 内部链接 98
5.4 外部链接 100
5.4.1 通过HTTP协议进行外部链接 101
5.4.2 FTP协议的外部链接 102
5.4.3 发送E-mail的外部链接 103
5.4.4 下载文件链接 104
5.5 书签链接 105
5.5.1 建立书签 106
5.5.2 同页面的书签链接 107
5.5.3 不同页面的书签链接 109
5.6 其他链接 110
5.6.1 脚本链接 110
5.6.2 空链接 111
5.7 综合应用 111
5.7.1 设置图片的超链接 111
5.7.2 框架的嵌套 112
5.8 本章常见错误 113
5.8.1 链接文件地址不正确 113
5.8.2 建立书签链接未写“＃” 114
5.9 本章小结 114
5.10 跟我上机 114
第6章 使用图像 116
6.1 常用图像格式 117
6.2 向网页中插入图像 117
6.3 图像属性 118
6.3.1 图像高度属性height 118
6.3.2 图像宽度属性width 119
6.3.3 图像边框属性border 121
6.3.4 图像水平间距属性hspace 122
6.3.5 图像垂直间距属性vspace 123
6.3.6 图像的对齐方式属性align 123
6.3.7 图像的提示文字属性alt 125
6.4 图像的超链接 126
6.4.1 设置图像的超链接 126
6.4.2 设置图像的热区链接 128
6.5 综合应用 131
6.5.1 图像中的提示文字属性 131
6.5.2 3种不同对齐方式 132
6.6 本章常见错误 133
6.6.1 同时设置图像的宽度或高度使图像变形 133
6.6.2 图像文件路径不正确 133
6.7 本章小结 133
6.8 跟我上机 134
第7章 表格应用 135
7.1 表格的构成 136
7.1.1 表格的基本构成＜table＞、 ＜tr＞、＜td＞ 136
7.1.2 表格的标题＜caption＞ 137
7.1.3 表格的表头＜th＞ 138
7.2 表格基本属性 140
7.2.1 表格宽度width 140
7.2.2 表格高度height 141
7.2.3 表格对齐方式align 143
7.2.4 表格边框宽度border 144
7.2.5 表格边框颜色bordercolor 145
7.2.6 内框宽度cellspacing 146
7.2.7 表格内文字与边框间距cellpadding 147
7.2.8 表格背景颜色bgcolor 149
7.2.9 表格的背景图像background 150
7.3 表格行属性 151
7.3.1 行高度的设置height 151
7.3.2 行的边框颜色bordercolor 152
7.3.3 行的背景颜色bgcolor、background 153
7.3.4 行文字的水平对齐方式align 154
7.3.5 行文字的垂直对齐方式valign 156
7.3.6 表格标题的垂直对齐方式align 157
7.4 单元格属性 158
7.4.1 单元格大小width、height 158
7.4.2 水平跨度colspan 159
7.4.3 垂直跨度rowspan 160
7.4.4 对齐方式align、valign 162
7.4.5 单元格的背景色bgcolor 163
7.4.6 单元格的边框颜色bordercolor 164
7.4.7 单元格的亮边框bordercolorlight 166
7.4.8 单元格的暗边框bordercolordark 167
7.4.9 单元格的背景图像background 168
7.5 完整的表格结构 170
7.5.1 表格的表首标记＜thead＞ 170
7.5.2 表格的表主体标记＜tbody＞ 172
7.5.3 表格的表尾标记＜tfoot＞ 173
7.6 表格嵌套 175
7.7 综合应用 176
7.7.1 表格的内部边框样式属性rules 176
7.7.2 表格的边框样式属性frame 177
7.7.3 表格的嵌套应用 179
7.8 本章常见错误 181
7.8.1 背景图像属性放置在＜tr＞标记中 181
7.8.2 cellpadding参数值过大 181
7.9 本章小结 182
7.10 跟我上机 182
第8章 编辑表单页面 183
8.1 表单概述 184
8.2 表单标记及其属性 184
8.2.1 name属性 185
8.2.2 action属性 185
8.2.3 method属性 185
8.2.4 enctype属性 186
8.2.5 target属性 186
8.3 输入标记＜input＞ 186
8.3.1 文字域text 187
8.3.2 密码域password 188
8.3.3 单选按钮radio 189
8.3.4 复选框checkbox 190
8.3.5 普通按钮button 190
8.3.6 提交按钮submit 191
8.3.7 重置按钮reset 191
8.3.8 图像域image 192
8.3.9 隐藏域hidden 193
8.3.10 文件域file 193
8.4 文本域标记＜textarea＞ 194
8.5 菜单和列表标记＜select＞、＜option＞ 195
8.6 在Dreamweaver中快速创建表单 196
8.7 综合应用 198
8.7.1 让密码域更安全 198
8.7.2 制作个人信息页面 199
8.7.3 编写用户注册信息页 201
8.8 本章常见错误 203
8.8.1 上传文件表单没有设置enctype属性 203
8.8.2 表单中的列表不能实现多选 203
8.9 本章小结 203
8.10 跟我上机 203
第9章 常用的网页标签 206
9.1 层 207
9.1.1 层的分类 207
9.1.2 定义数据块 207
9.2 ＜div＞标签 208
9.2.1 ＜div＞标签概述 208
9.2.2 ＜div＞标签的属性 209
9.2.3 ＜span＞与＜div＞标签 216
9.3 ＜layer＞和＜ilayer＞标签 217
9.3.1 标签层的使用 218
9.3.2 ＜layer＞和＜ilayer＞标签的区别 219
9.4 ＜iframe＞标签 219
9.4.1 ＜iframe＞标签概述 219
9.4.2 ＜iframe＞际签的属性 220
9.5 综合应用 222
9.5.1 两个div并排 222
9.5.2 应用div制作下拉菜单导航条 222
9.5.3 设置一行两列浮动布局 226
9.6 本章常见错误 227
9.6.1 页面中的id属性值不唯一 227
9.6.2 主体层中z-index属性值大于背景层 228
9.7 本章小结 228
9.8 跟我上机 228
第10章 多媒体页面 230
10.1 文字的滚动 231
10.1.1 ＜marquee＞标记 231
10.1.2 direction属性 231
10.1.3 behavior属性 232
10.1.4 scrollamount属性 233
10.1.5 scrolldelay属性 234
10.1.6 loop属性 235
10.1.7 width、height属性 235
10.1.8 bgcolor属性 236
10.1.9 hspace、vspace属性 237
10.2 背景音乐 238
10.2.1 ＜bgsound＞标记 238
10.2.2 loop属性 239
10.3 多媒体文件 240
10.3.1 ＜embed＞标记 240
10.3.2 autostart属性 241
10.3.3 loop属性 242
10.3.4 hidden属性 243
10.4 综合应用 244
10.4.1 嵌入MP3音乐 244
10.4.2 嵌入Flash动画 245
10.5 本章常见错误 246
10.5.1 文件URL地址不正确 246
10.5.2 ＜embed＞标记的loop属性值设置为数字 246
10.6 本章小结 246
10.7 跟我上机 246
第2篇 提高篇 248
第11章 绘制图形 248
11.1 canvas基础 249
11.1.1 canvas元素简介 249
11.1.2 插入canvas元素 249
11.1.3 绘制矩形实例 251
11.2 使用路径绘制圆形 252
11.2.1 绘制圆形 253
11.2.2 绘制火柴人 254
11.2.3 绘制贝济埃曲线 257
11.3 运用样式与颜色 259
11.3.1 fillStyle和strokeStyle属性 259
11.3.2 globalAlpha属性 261
11.3.3 线型Line styles 262
11.4 实现图形的变形 264
11.4.1 坐标的变换 264
11.4.2 矩阵变换 266
11.5 绘制渐变图形 269
11.5.1 绘制线性渐变 269
11.5.2 绘制径向渐变 271
11.6 绘制阴影和组合图形 272
11.6.1 绘制阴影 272
11.6.2 绘制组合图形 273
11.7 绘制文字 275
11.8 应用图像 277
11.8.1 绘制图像 277
11.8.2 图像的局部放大 279
11.8.3 图像平铺 280
11.8.4 图像裁剪 282
11.8.5 处理像素 283
11.9 保存与恢复状态 285
11.10 文件的保存 285
11.11 对画布绘制实现动画 286
11.12 综合应用 287
11.12.1 使用canvas API绘制简单动画 287
11.12.2 移动、缩放、旋转绘制的图形 288
11.13 本章常见错误 288
11.13.1 canvas未设置id属性 288
11.13.2 shadowBlur属性值错误 289
11.14 本章小结 289
11.15 跟我上机 289
第12章 HTML5与HTML4 291
12.1 HTML5的语法变化 292
12.1.1 HTML5中的标记方法 292
12.1.2 HTML5与之前版本的区别 293
12.2 新增的元素和废除的元素 294
12.2.1 新增的结构元素 294
12.2.2 新增的行内（inline）语义元素 295
12.2.3 新增的块级（block）语义元素 296
12.2.4 新增的input元素的类型 297
12.2.5 新增的多媒体元素与交互性元素 298
12.2.6 废除的元素 299
12.3 新增的属性和废除的属性 299
12.3.1 新增的属性 300
12.3.2 废除的属性 302
12.4 全局属性 303
12.4.1 designMode属性 303
12.4.2 hidden属性 304
12.4.3 contentEditable属性 304
12.4.4 tabindex属性 305
12.4.5 spellcheck属性 305
12.5 综合应用 306
12.5.1 article元素嵌套 306
12.5.2 section元素 307
12.6 本章常见错误 308
12.6.1 charset和http-equiv属性同时使用 308
12.6.2 spellcheck未声明属性值 308
12.7 本章小结 309
12.8 跟我上机 309
第13章 HTML5的新增结构元素 310
13.1 新增的主体结构元素 311
13.1.1 article元素 311
13.1.2 section元素 314
13.1.3 nav元素 316
13.1.4 aside元素 317
13.1.5 time元素 319
13.1.6 pubdate属性 320
13.2 新增的非主体结构元素 320
13.2.1 header元素 320
13.2.2 hgroup元素 321
13.2.3 footer元素 322
13.2.4 address元素 323
13.3 综合应用 323
13.3.1 article元素嵌套 323
13.3.2 section元素应用 324
13.4 本章常见错误 325
13.4.1 使用section元素时的常见错误 325
13.4.2 用menu元素代替nav元素 325
13.5 本章小结 325
13.6 跟我上机 326
第14章 表单的新增元素 327
14.1 新增表单元素与属性 328
14.1.1 增加与改良的input元素 328
14.1.2 output元素 333
14.1.3 应用新增元素制作注册表单 333
14.1.4 新增的属性 335
14.2 验证表单 338
14.2.1 自动验证 338
14.2.2 checkValidity显式验证法 339
14.2.3 使用setCustomValidity（）方法自定义错误信息 340
14.2.4 避免验证 342
14.3 新增和改良的页面元素 342
14.3.1 details元素 342
14.3.2 figure与figcaption元素 343
14.3.3 progress元素 344
14.3.4 mark元素 346
14.3.5 meter元素 348
14.3.6 cite元素 349
14.3.7 重新定义的small元素 349
14.3.8 改良的ol列表 349
14.3.9 改良的dl列表 350
14.4 综合应用 351
14.4.1 search搜索类型的input元素 351
14.4.2 range类型的input元素 352
14.5 本章常见错误 353
14.5.1 progress元素的属性值错误 353
14.5.2 使用required或pattern未指定name属性的值 354
14.6 本章小结 354
14.7 跟我上机 354
第15章 多媒体播放 356
15.1 HTML5页面中的多媒体 357
15.2 多媒体元素的属性 358
15.3 多媒体元素的方法 362
15.3.1 媒体播放时的方法 362
15.3.2 canPlayType（）方法 363
15.4 多媒体元素的事件 364
15.4.1 事件处理 364
15.4.2 事件介绍 364
15.5 综合应用 368
15.5.1 video元素的error属性的返回值 368
15.5.2 自定义video元素控制条工具栏 369
15.6 本章常见错误 370
15.6.1 不支持的播放格式 370
15.6.2 播放文件URL地址不正确 371
15.7 本章小结 371
15.8 跟我上机 371
第16章 文件与拖放 373
16.1 选择文件 374
16.1.1 FileList与file对象 374
16.1.2 BIob对象的属性 375
16.1.3 通过类型过滤文件 376
16.2 使用FileReader对象读取文件 377
16.2.1 检测浏览器对FileReader对象的支持 378
16.2.2 FileReader对象的方法 378
16.2.3 实现图片的预览 379
16.2.4 文本文件的读取 380
16.2.5 FileReader对象中的事件 382
16.3 拖放API 384
16.3.1 实现拖放的步骤 384
16.3.2 拖放实例 384
16.4 dataTransfer对象 386
16.4.1 设置拖放效果 387
16.4.2 设置拖放图标 387
16.5 综合应用 388
16.5.1 使用JavaScript实现元素拖放 388
16.5.2 元素在拖放过程中触发的事件 389
16.6 本章常见错误 390
16.6.1 两个拖放效果值不相等 390
16.6.2 页面未设置为不执行默认处理 390
16.7 本章小结 391
16.8 跟我上机 391
第17章 Web API与通信API 393
17.1 Web Storage 394
17.1.1 Web Storage简介 394
17.1.2 WebStorage的API 394
17.1.3 两种不同存储类型的实例——计数器 396
17.2 Web SQL数据库 398
17.2.1 Web SQL数据库简介 398
17.2.2 Web SQL Database API的使用 398
17.3 跨文档消息通信 400
17.3.1 postMessageAPI的使用 401
17.3.2 跨文档消息传输 401
17.4 综合应用 403
17.4.1 JSON对象的存储实例——用户信息卡 403
17.4.2 简单用户登录 406
17.5 本章常见错误 409
17.5.1 重复创建已经存在的数据表 409
17.5.2 创建数据表时未使用事务 409
17.6 本章小结 409
17.7 跟我上机 410
第18章 Web Workers处理线程 412
18.1 创建和使用Worker 413
18.2 Worker能做什么 413
18.3 多个JavaScript文件的加载与执行 414
18.4 线程的嵌套 415
18.4.1 线程的单层嵌套 415
18.4.2 多个子线程实现数据交互 417
18.5 综合应用 420
18.5.1 使用线程传递JSON对象 420
18.5.2 使用线程嵌套交互数据 421
18.6 本章常见错误 422
18.6.1 在后台线程的脚本文件中使用文档对象或窗口对象 422
18.6.2 导入脚本文件出现错误 422
18.7 本章小结 422
18.8 跟我上机 422
第19章 离线应用和地理位置定位 425
19.1 HTML5离线Web应用概述 426
19.2 创建HTML5离线应用 427
19.2.1 缓存清单文件manifest 427
19.2.2 配置IIS服务器 429
19.2.3 浏览manifest文件 429
19.3 浏览器与服务器的交互 430
19.4 applicationCache对象 431
19.4.1 swapCache（）方法 432
19.4.2 applicationCache对象的事件 433
19.5 Geolocation API概述 436
19.5.1 getCurrentPosition（）方法 436
19.5.2 watchCurrentPosition（）方法 438
19.5.3 clearWatch（）方法 439
19.6 position对象 439
19.7 综合应用 440
19.7.1 简单离线应用 440
19.7.2 离线留言数据交互 441
19.7.3 在页面上使用Google地图 442
19.7.4 获取地理位置定位 444
19.8 本章常见错误 445
19.8.1 使用swapCache（）方法得不到及时更新的页面 445
19.8.2 获得用户当前位置信息时拒绝共享 445
19.9 本章小结 445
19.10 跟我上机 445
第3篇 实战篇 448
第20章 旅游信息网前台页面设计 448
20.1 网站简介 449
20.2 系统设计 449
20.2.1 系统目标 449
20.2.2 网站预览 449
20.3 系统开发及运行环境 453
20.4 关键技术 453
20.4.1 网站主体结构设计 453
20.4.2 HTML5结构元素的使用 454
20.5 网站公共部分设计 455
20.5.1 设计网站header 455
20.5.2 设计网站footer 461
20.6 网站主页设计 462
20.6.1 网站介绍及相关图片 462
20.6.2 左侧导航的实现 464
20.7 留下足迹页设计 467
20.7.1 音乐播放 467
20.7.2 添加留言功能 468
20.8 本章小结 470