第1章 HTML5概述 1
1.1 HTML 5简介 1
1.1.1 HTML 1
1.1.2 HTML 5 2
1.1.3 HTML 5文件的基本结构 3
1.2 HTML 5文件的编写方法 3
1.2.1手工编写HTML 5 4
1.2.2使用HTML编辑器 5
1.3使用浏览器查看HTML 5文件 9
1.3.1与HTML5兼容的浏览器 9
1.3.2查看页面效果 9
1.3.3查看源文件 10
1.4问题解答 11
第2章 HTML5中的新增元素 12
2.1新增的主体结构元素 12
2.1.1 section元素 12
2.1.2 article元素 13
2.1.3 aside元素 16
2.1.4 nav元素 18
2.1.5 time元素 21
2.2新增的非主体结构元素 22
2.2.1 header元素 22
2.2.2 hgroup元素 24
2.2.3 footer元素 25
2.2.4 figure元素 28
2.2.5 address元素 30
2.3新增其他常用元素 32
2.3.1 mark元素 32
2.3.2 rp、rt与ruby元素 33
2.3.3 progress元素 34
2.3.4 command元素 35
2.3.5 embed元素 36
2.3.6 details与summary元素 37
2.3.7 datalist元素 38
2.4新增全局属性 39
2.4.1 contenteditable属性 39
2.4.2 spellcheck属性 40
2.4.3 tabIndex属性 41
2.5新增的其他属性 42
2.5.1表单相关的属性 42
2.5.2链接相关属性 51
2.5.3其他属性 53
2.6废除的属性 53
2.7问题解答 55
第3章 认识网页与网站 56
3.1网站的基本概念 56
3.1.1什么是网页 56
3.1.2什么是网站 56
3.2网页基本构成元素 57
3.3网页设计 58
3.3.1网页设计概述 58
3.3.2网页设计特点 59
3.3.3网页设计相关术语 62
3.3.4网页设计原则 63
3.3.5网页设计的成功要素 65
3.3.6网页设计风格及色彩搭配 66
3.4网页设计师应具备的素质 67
3.4.1艺术素质 68
3.4.2技能素质 68
3.4.3综合素质 68
3.5网站制作流程 69
3.5.1前期策划 69
3.5.2页面细化及实施 69
3.5.3网站上传 69
3.5.4后期维护 70
3.6综合实例——搜集网页素材 71
3.7问题解答 72
第4章 HTML 5中的文档结构 74
4.1 Web标准 74
4.1.1 Web标准概述 74
4.1.2 Web标准规定的内容 75
4.2 HTML 5文档的基本结构 76
4.2.1 HTML 5结构 76
4.2.2文档类型说明 77
4.2.3 HTML 5标记 77
4.2.4头标记 77
4.2.5网页的主体标记 80
4.2.6页面注释标记 81
4.3综合实例——符合W3C标准的HTML5网页 82
4.4问题解答 83
第5章 HTML 5中的文本和图像 84
5.1添加文本 84
5.1.1普通文本 84
5.1.2特殊字符文本 84
5.1.3文本特殊样式 86
5.2排版文本 88
5.2.1段落标记与换行标记 88
5.2.2标题标记 91
5.3建立文本列表 92
5.3.1建立无序列表 92
5.3.2建立有序列表 93
5.3.3建立不同类型的无序列表 94
5.3.4建立不同类型的有序列表 96
5.3.5嵌套列表 96
5.3.6自定义列表 97
5.4添加图像 98
5.4.1网页支持的图片格式 98
5.4.2在网页中使用路径 99
5.4.3在网页中插入图像 101
5.5编辑图像 102
5.5.1设置图像的宽度和高度 102
5.5.2设置图像的提示文字 103
5.5.3设置图片为网页背景 104
5.5.4排列图像 105
5.6综合实例——图文并茂的房屋装饰装修网页 106
5.7问题解答 107
第6章 使用HTML5建立超链接 109
6.1 URL 109
6.1.1 URL的格式 109
6.1.2 URL的类型 110
6.2创建超链接 111
6.2.1设置文本和图片的超链接 111
6.2.2设置超链接指向的目标类型 112
6.2.3用新窗口显示超链接页面 115
6.2.4如何链接到同一页面的不同位置 116
6.3创建热点区域 118
6.4创建浮动框架 118
6.5综合实例——用Dreamweaver精确定位热点区域 120
6.6问题解答 122
第7章 使用HTML5创建表格 124
7.1表格的基本结构 124
7.2表格的基本操作 126
7.2.1创建表格 126
7.2.2定义表格的边框类型 128
7.2.3定义表格的表头 129
7.2.4设置表格背景 131
7.2.5设置单元格背景 132
7.2.6合并单元格 133
7.2.7排列单元格中的内容 138
7.2.8设置单元格的行高与列宽 139
7.3完整的表格标记 140
7.4综合实例——制作计算机报价表 142
7.5问题解答 145
第8章 使用HTML5创建表单 146
8.1表单概述 146
8.2表单基本元素的使用 147
8.2.1单行文本输入框 147
8.2.2多行文本输入框 148
8.2.3密码域 149
8.2.4单选按钮 150
8.2.5复选框 151
8.2.6下拉选择框 152
8.2.7普通按钮 153
8.2.8提交按钮 154
8.2.9重置按钮 155
8.3表单高级元素的使用 156
8.3.1 url属性 157
8.3.2 email属性 157
8.3.3 date和time 158
8.3.4 number属性 160
8.3.5 range属性 161
8.3.6 required属性 162
8.4综合实例——创建用户反馈表单 163
8.5问题解答 164
第9章 使用HTML 5绘制图形 166
9.1 canvas概述 166
9.1.1添加canvas元素 166
9.1.2绘制矩形 167
9.2绘制基本形状 168
9.2.1绘制圆形 168
9.2.2使用moveTo与lineTo绘制直线 169
9.2.3使用bezierCurveTo绘制贝济埃曲线 171
9.3绘制渐变图形 173
9.3.1绘制线性渐变 173
9.3.2绘制径向渐变 175
9.4绘制变形图形 176
9.4.1变换原点坐标 176
9.4.2图形缩放 178
9.4.3旋转图形 179
9.5图形组合 180
9.6绘制带阴影的图形 182
9.7使用图像 184
9.7.1绘制图像 184
9.7.2图像平铺 185
9.7.3图像裁剪 187
9.7.4像素处理 189
9.8绘制文字 191
9.9图形的保存与恢复 193
9.9.1保存与恢复状态 193
9.9.2保存文件 194
9.9.3绘制图形综合应用 195
9.10综合实例——绘制火柴棒人物 197
9.11问题解答 201
第10章 HTML5中的音频和视频 202
10.1 audio标签 202
10.1.1 audio标签概述 202
10.1.2 audio标签的属性 203
10.1.3音频解码器 204
10.1.4浏览器对audio标签的支持情况 204
10.2 video标签 204
10.2.1 video标签概述 204
10.2.2 video标签的属性 205
10.2.3视频解码器 206
10.2.4浏览器对video标签的支持情况 206
10.3问题解答 207
第11章 获取地理位置 208
11.1用Geolocation API获取地理位置 208
11.1.1地理定位的原理 208
11.1.2获取定位信息的方法 208
11.1.3常用地理定位方法 209
11.1.4如何判断浏览器是否支持HTML 5获取地理位置信息 209
11.1.5指定纬度和经度坐标 210
11.2浏览器对地理定位的支持情况 214
11.3综合实例——在网页中调用Google地图 214
11.4问题解答 217
第12章 Web通信新技术 218
12.1跨文档消息传输 218
12.1.1跨文档消息传输的基本知识 218
12.1.2跨文档通信应用测试 218
12.2 Web Sockets API 221
12.2.1什么是WebSocket API 221
12.2.2 Web Sockets通信基础 221
12.2.3在服务器端使用Web Sockets API 223
12.2.4在客户端使用Web Sockets API 227
12.3综合实例——编写简单的Web Socket服务器 227
12.4问题解答 232
第13章 本地存储技术 233
13.1认识Web存储 233
13.3.1本地存储和Cookie的区别 233
13.3.2 Web存储方法 233
13.2 HTML 5 Web Storage API 234
13.2.1测试浏览器的支持情况 234
13.2.2 sessionStorage方法 235
13.2.3 localStorage方法 237
13.2.4 Web Storage API的其他操作 238
13.3在本地建立数据库 242
13.3.1本地数据库概述 243
13.3.2用executeSql来执行查询 243
13.3.3使用transaction方法处理事件 243
13.4浏览器对Web存储的支持情况 244
13.5综合实例——制作简单Web留言本 244
13.6问题解答 248
第14章 线程处理技术 249
14.1 Web Workers 249
14.1.1 Web Workers概述 249
14.1.2线程中常用的变量、函数与类 250
14.1.3与线程进行数据的交互 250
14.2线程嵌套 253
14.2.1单线程嵌套 253
14.2.2多个子线程中的数据交互 256
14.3综合实例——创建Web Worker计数器 258
14.4问题解答 259
第15章 构建离线Web应用程序 260
15.1 HTML 5离线应用程序 260
15.1.1本地缓存 260
15.1.2本地缓存与浏览器网页缓存的区别 260
15.1.3支持离线行为 260
15.2了解Manifest（清单）文件 261
15.3了解applicationcache API 262
15.4浏览器对Web离线应用的支持情况 264
15.5综合实例——离线定位跟踪 264
15.6问题解答 270
第16章 HTML5的拖放功能 271
16.1一个简单的拖放实例 271
16.2分析拖放的实现过程 273
16.3浏览器对拖放功能的支持情况 274
16.4综合实例1——在网页中拖放文字 274
16.5综合实例2——在网页中来回拖放图片 277
16.6问题解答 278
第17章 HTML 5服务器发送事件 279
17.1服务器发送事件概述 279
17.2服务器发送事件的实现过程 279
17.2.1检测浏览器是否支持Server-Sent Event 279
17.2.2 EventSource对象 280
17.2.3服务器端代码 280
17.3综合实例——向服务器端发送事件 281
17.4问题解答 283
第18章 HTML 5、CSS3和JavaScript搭配应用 284
18.1综合实例1——打字效果的文字 284
18.2综合实例2——文字升降特效 286
18.3综合实例3——跑马灯效果 288
18.4综合实例4——闪烁图片 291
18.5综合实例5——左右移动的图片 293
18.6综合实例6——向上滚动菜单 295
18.7综合实例7——跟随鼠标移动的图片 297
18.8综合实例8——树形菜单 299
18.9综合实例9——时钟特效 305
18.10综合实例10——颜色选择器 308
18.11问题解答 310
第19章 综合实战——企业门户网站 312
19.1构思布局 312
19.1.1设计分析 312
19.1.2排版架构 313
19.2模块分割 314
19.2.1 Logo与导航菜单 314
19.2.2左侧文本介绍 316
19.2.3右侧导航链接 318
19.2.4版权信息 320
19.3整体调整 321
19.4问题解答 322
第20章 综合实战——HTML 5游戏 323
20.1游戏概述 323
20.2游戏需求分析 324
20.3 HTML 5、CSS和JavaScript搭配实现 325
20.3.1基本的HTML5结构和标记 325
20.3.2使用CSS修改页面 326
20.3.3 JavaScript编程 328