第1章 网页设计语言——HTML 1
1.1 HTML的第一个实例 1
1.2 HTML语言基础 2
1.2.1 HTML网页文档的结构 2
1.2.2 HTML网页文档的编写工具 4
1.3 HTML基本标签元素 4
1.3.1 HTML网页头部标签元素 4
1.3.2 HTML网页正文部分的标签元素 9
1.4 小结 19
习题 19
第2章 CSS 23
2.1 CSS的基本概念 23
2.1.1 CSS简介 23
2.1.2 CSS的发展历史 24
2.2 样式表的分类 25
2.2.1 外部样式表 25
2.2.2 页内样式表 26
2.2.3 行内样式表 26
2.3 样式表的基本知识 27
2.3.1 CSS的单位 27
2.3.2 CSS颜色定义 28
2.3.3 CSS属性 28
2.4 CSS选择器 33
2.4.1 通配符选择器(*) 35
2.4.2 元素选择器(E) 36
2.4.3 类选择器(.className) 36
2.4.4 id选择器(#ID) 37
2.4.5 后代选择器(E F) 38
2.4.6 子元素选择器(E>F) 39
2.4.7 相邻兄弟元素选择器(E+F) 39
2.4.8 通用兄弟选择器(E~F) 40
2.4.9 群组选择器(selector1,selector2,…,selectorN) 40
2.5 小结 41
习题 41
第3章 HTML5基础 43
3.1 HTML5语法的变化 43
3.1.1 HTML5语法标记 44
3.1.2 HTML5语法中的3个要点 45
3.1.3 HTML5标签实例 46
3.2 新增的元素和废除的元素 47
3.2.1 HTML5新增的结构元素 47
3.2.2 新增的块级语义元素 48
3.2.3 新增的行内语义元素 50
3.2.4 新增的多媒体元素和交互性元素 51
3.2.5 HTML5废除的元素 54
3.3 新增的属性和废除的属性 55
3.3.1 新增的属性 55
3.3.2 废除的属性 57
3.4 全局属性 59
3.4.1 contentEditable属性 59
3.4.2 hidden属性 60
3.4.3 spellcheck属性 60
3.4.4 tabIndex属性 61
3.4.5 designMode属性 62
3.5 小结 63
习题 63
第4章 HTML5的结构 64
4.1 主体结构元素 64
4.1.1 article元素 64
4.1.2 section元素 65
4.1.3 nav元素 66
4.1.4 aside元素 67
4.1.5 time元素 68
4.1.6 pubdate属性 69
4.2 非主体结构元素 70
4.2.1 header元素 70
4.2.2 hgroup元素 71
4.2.3 footer元素 73
4.2.4 address元素 74
4.3 小结 75
习题 75
第5章 HTML5中的表单 76
5.1 新增的表单元素与属性 76
5.1.1 新增的属性 76
5.1.2 新增与改良的input元素 83
5.1.3 output元素 88
5.1.4 利用新增元素制作注册表单 89
5.2 表单验证 93
5.2.1 自动验证 93
5.2.2 显式验证 95
5.2.3 取消验证 96
5.2.4 自定义错误信息 97
5.3 新增的页面元素 98
5.3.1 新增的figure元素 98
5.3.2 data-list 99
5.3.3 mark元素 100
5.3.4 progress元素 100
5.3.5 details元素 100
5.3.6 改良的ol、dl元素 102
5.3.7 加以严格限制的cite元素 103
5.3.8 重新定义的small元素 104
5.3.9 menu元素 105
5.4 小结 105
习题 105
第6章 HTML5的文件与拖放 107
6.1 选择文件 107
6.1.1 通过文件对象选择文件 107
6.1.2 使用blob接口获取文件的类型和大小 109
6.1.3 通过类型过滤选择文件 110
6.2 FileReader接口读取文件 112
6.2.1 通过类型过滤选择文件 112
6.2.2 FileReader接口的方法 112
6.2.3 readAsDataURL方法 113
6.2.4 readAsText方法 115
6.2.5 FileReader接口中的事件 116
6.3 拖放API 119
6.3.1 实现拖放的步骤 119
6.3.2 通过拖放显示欢迎信息 120
6.4 dataTransfer对象 122
6.4.1 dropEffect属性 123
6.4.2 effectAllowed属性 123
6.4.3 dataTransfer的其他成员 126
6.5 小结 127
习题 127
第7章 多媒体播放 128
7.1 HTML5多媒体概述 128
7.1.1 HTML4中的多媒体 128
7.1.2 HTML5中的多媒体 129
7.2 多媒体元素的基本属性 131
7.3 多媒体元素的常用方法 134
7.3.1 媒体播放时的方法 134
7.3.2 canPlayType(type)方法 136
7.4 多媒体元素的重要事件 137
7.4.1 事件处理方式 137
7.4.2 事件介绍 137
7.4.3 事件实例 138
7.5 小结 142
习题 142
第8章 用HTML5绘制图形 143
8.1 canvas基础知识 143
8.1.1 canvas是什么 143
8.1.2 在页面中放置canvas元素 143
8.1.3 绘制带边框的矩形 145
8.2 画布中的路径设置 147
8.2.1 使用arc方法绘制圆形 147
8.2.2 使用moveTo和lineTo路径绘制火柴人 149
8.2.3 贝塞尔和二次方曲线 151
8.3 运用样式与颜色 155
8.3.1 fillStyle和strokeStyle 155
8.3.2 透明度globalAlpha 156
8.3.3 线型linestyles 157
8.4 绘制渐变图形 158
8.4.1 线性渐变 158
8.4.2 径向渐变 160
8.5 绘制变形图形 162
8.5.1 坐标变换 162
8.5.2 矩阵变换 164
8.6 给图形绘制阴影 167
8.7 组合多个图形 169
8.8 小结 172
习题 172
第9章 数据存储 173
9.1 Web Storage 173
9.1.1 什么是Web Storage 173
9.1.2 使用Web Storage中的API 174
9.1.3 sessionStorage和localStorage的实例 175
9.1.4 Web Storage综合例子——留言本 178
9.1.5 JSON对象的存数实例——用户信息卡 180
9.2 本地数据库 183
9.2.1 Web SQL数据库简介 183
9.2.2 使用Web SQL Database API 184
9.2.3 本地数据库应用实例——用户登录 186
9.3 小结 190
习题 191
第10章 离线Web应用 192
10.1 离线Web应用概述 192
10.1.1 离线Web应用的基本知识 192
10.1.2 本地缓存和浏览器网页缓存的区别 193
10.2 创建HTML5离线应用 193
10.2.1 缓存清单(manifest) 193
10.2.2 配置IIS服务器 195
10.2.3 浏览器缓存清单 196
10.3 浏览器与服务器的交互过程 196
10.4 applicationCache对象 198
10.4.1 swapCache方法 198
10.4.2 applicationCache对象的事件 200
10.5 小结 203
习题 203
第11章 Web Worker处理线程 205
11.1 Web Worker概述 205
11.1.1 创建和使用Web Worker 205
11.1.2 Web Worker应用实例——求和运算 206
11.2 线程嵌套 208
11.2.1 单层嵌套 208
11.2.2 在多个子线程中进行数据交互 211
11.3 跨文档消息通信 215
11.3.1 使用postMessageAPI 215
11.3.2 跨文档消息传输 216
11.4 小结 219
习题 219
第12章 获取地理位置信息 221
12.1 Geolocation API概述 221
12.1.1 getCurrentPosition 221
12.1.2 持续监视当前地理位置信息 223
12.1.3 停止获取当前用户的地理位置信息 224
12.2 position对象 224
12.3 在Google地图上显示“我在这里” 226
12.4 小结 230
习题 230
参考文献 232