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