《HTML5程式设计基础教程》是2013年人民邮电出版社出版的图书，作者是李雯、李洪发。
基本介绍
- 书名：HTML5程式设计基础教程
- 作者：李雯、李洪发
- ISBN： 978-7-115-31405-5
- 页数：386 页
- 定价：49.00 元
- 出版社：2013年7月
- 出版时间：2013年7月
- 装帧：平装
- 开本：16 开
- 丛书名：21世纪高等教育计算机规划教材
内容简介
HTML5是最新的HTML标準。儘管HTML5到目前为止还只是草案，离真正的规範还有相当的一段路要走，但HTML5已经引起了业内的广泛兴趣，Google Chrome、Firefox、Opera、Safari和Internet Explorer 9等主流浏览器都已经支持HTML5技术。HTML5无疑会成为未来10年最热门的网际网路技术。本书涵盖了HTML5的各种新特性，主要内容包括HTML5概述、JavaScript、HTML5表单及档案处理、CSS、拖放、Canvas API画图、绘製可伸缩矢量图形、播放多媒体、Web通信、本地存储、开发支持离线的Web应用程式、获取浏览器的地理位置信息、支持多执行绪编程的Web Workers、jQuery等。读者在阅读本书时可以充分了解和体验HTML5的强大功能。
本书既可以作为大学本科“Web应用程式设计”课程的教材，也可作为高职高专院校相关专业的教材，或作为Web应用程式开发人员的参考用书。
目录
第1章 HTML5概述 1
1.1 HTML基础 1
1.1.1 什幺是HTML 1
1.1.2 HTML的历史 2
1.2 HTML4基础 3
1.2.1 设定网页背景和颜色 3
1.2.2 设定字型属性 3
1.2.3 超级连结 5
1.2.4 图像和动画 6
1.2.5 表格 6
1.2.6 使用框架 8
1.2.7 其他常用标籤 10
1.3 HTML5的新特性 12
1.3.1 简化的文档类型和字元集 12
1.3.2 HTML5的新结构 13
1.3.3 HTML5的新增内联元素 17
1.3.4 支持动态页面 19
1.3.5 全新的表单设计 22
1.3.6 强大的绘图和多媒体功能 22
1.3.7 打造桌面套用的一系列新功能 23
1.3.8 获取地理位置信息 23
1.3.9 支持多执行绪 23
1.3.10 废弃的标籤 24
1.4 支持HTML5的浏览器 25
练习题 26
第2章 JavaScript编程 29
2.1 在HTML中使用JavaScript语言 29
2.1.1 在HTML中插入JavaScript代码 29
2.1.2 使用js档案 30
2.2 基本语法 30
2.2.1 数据类型 30
2.2.2 变数 30
2.2.3 注释 31
2.2.4 运算符 32
2.3 常用语句 35
2.3.1 条件分支语句 35
2.3.2 循环语句 39
2.4 函式 42
2.4.1 创建自定义函式 42
2.4.2 调用函式 43
2.4.3 变数的作用域 44
2.4.4 函式的返回值 45
2.5 面向对象程式设计 45
2.5.1 面向对象程式设计思想简介 45
2.5.2 JavaScript内置类 46
2.5.3 HTML DOM 54
2.5.4 Window对象 55
2.5.5 Navigator对象 60
2.5.6 document对象 62
2.6 JavaScript事件处理 63
2.6.1 常用HTML事件 63
2.6.2 Window对象的事件处理 65
2.6.3 Event对象 65
练习题 67
第3章 HTML5表单及档案处理 68
3.1 HTML4表单 68
3.1.1 定义表单 68
3.1.2 文本框 69
3.1.3 文本区域 70
3.1.4 单选按钮 71
3.1.5 複选框 71
3.1.6 组合框 72
3.1.7 按钮 72
3.2 HTML5表单的新特性 73
3.2.1 新的input类型 73
3.2.2 新的表单元素 77
3.2.3 新的表单属性 79
3.2.4 表单验证 80
3.3 档案处理 82
3.3.1 选择档案的表单控制项 82
3.3.2 检测浏览器是否支持HTML5 File API 82
3.3.3 FileList接口 83
3.3.4 FileReader接口 85
练习题 87
第4章 最新版本的层叠样式表——CSS3 88
4.1 CSS基础 88
4.1.1 什幺是CSS 88
4.1.2 在HTML文档中套用CSS 89
4.1.3 颜色与背景 91
4.1.4 设定字型 92
4.1.5 设定文本属性 93
4.1.6 超连结 99
4.1.7 列表 100
4.1.8 表格 102
4.1.9 CSS 轮廓 106
4.1.10 浮动元素 107
4.2 CSS3的新技术 109
4.2.1 实现圆角效果 109
4.2.2 多彩的框线颜色 113
4.2.3 阴影 114
4.2.4 背景图片 115
4.2.5 多列 117
4.2.6 嵌入字型 119
4.2.7 透明度 120
4.2.8 HSL和HSLA颜色表现方法 122
4.3 CSS3套用实例 124
4.3.1 HTML5+CSS3设计页面布局 124
4.3.2 设计漂亮的导航选单 128
4.3.3 设计登录页面 130
练习题 134
第5章 HTML5拖放 135
5.1 概述 135
5.1.1 什幺是拖放 135
5.1.2 设定元素为可拖放 135
5.1.3 拖放事件 136
5.2 传递拖曳数据 136
5.2.1 dataTransfer对象的属性 137
5.2.2 dataTransfer对象的方法 137
5.3 HTML5拖放的实例 138
5.3.1 拖放HTML元素 138
5.3.2 拖放档案 139
练习题 141
第6章 使用Canvas API画图 142
6.1 Canvas元素 142
6.1.1 Canvas元素的定义语法 142
6.1.2 使用JavaScript获取网页中的canvas对象 143
6.2 坐标与颜色 143
6.2.1 坐标系统 143
6.2.2 颜色的表示方法 143
6.3 绘製图形 145
6.3.1 绘製直线 145
6.3.2 绘製贝塞尔曲线 147
6.3.3 绘製矩形 149
6.3.4 绘製圆弧 152
6.4 描边和填充 153
6.4.1 描边 153
6.4.2 填充图形内部 156
6.4.3 渐变颜色 157
6.4.4 透明颜色 162
6.5 绘製图像与文字 163
6.5.1 绘製图像 163
6.5.2 输出文字 166
6.6 图形的操作 169
6.6.1 保存和恢复绘图状态 169
6.6.2 移动 170
6.6.3 缩放 171
6.6.4 旋转 172
6.6.5 变形 172
6.7 组合和阴影 174
6.7.1 组合图形 175
6.7.2 绘製阴影 177
6.8 HTML5 Canvas套用实例 178
6.8.1 绘製漂亮的警告牌 179
6.8.2 动画实例：小型太阳系模型 181
练习题 184
第7章 绘製可伸缩矢量图形(SVG) 185
7.1 SVG概述 185
7.1.1 SVG的特性 185
7.1.2 XML基础 185
7.1.3 一个SVG实例 187
7.1.4 SVG坐标系统 187
7.1.5 在HTML5中使用SVG 188
7.2 SVG形状 188
7.2.1 绘製直线 188
7.2.2 绘製折线 189
7.2.3 绘製矩形 190
7.2.4 绘製圆形 190
7.2.5 绘製椭圆 191
7.2.6 绘製多边形 191
7.2.7 路径 192
7.3 线条和填充 194
7.3.1 设定线条的属性 194
7.3.2 填充 197
7.4 SVG文本与图片 198
7.4.1 输出文本 198
7.4.2 SVG图片 201
7.5 SVG滤镜 201
7.5.1 定义滤镜 202
7.5.2 套用滤镜 203
7.6 渐变颜色 203
7.6.1 线性渐变 204
7.6.2 放射性渐变 204
7.7 变换坐标系 205
7.7.1 视窗变换——viewBox属性 206
7.7.2 用户坐标系的变换——transform属性 206
练习题 208
第8章 播放多媒体 210
8.1 HTML5音频 210
8.1.1 audio标籤 210
8.1.2 播放背景音乐 211
8.1.3 设定替换音频源 212
8.1.4 使用JavaScript语言访问audio对象 212
8.2 HTML5视频 216
8.2.1 video标籤 216
8.2.2 使用JavaScript语言访问video对象 218
练习题 224
第9章 Web通信 225
9.1 跨文档讯息机制 225
9.1.1 检测浏览器对跨文档讯息机制的支持情况 225
9.1.2 使用postMessage API传送讯息 226
9.1.3 监听和处理讯息事件 227
9.2 XMLHttpRequest Level 2 228
9.2.1 创建XMLHttpRequest对象 229
9.2.2 传送HTTP请求 229
9.2.3 从伺服器接收数据 230
9.2.4 进行HTTP头(HEAD)请求 233
9.2.5 逾时控制 236
9.2.6 使用FormData对象向伺服器传送数据 236
9.2.7 使用FormData对象上传档案 239
9.3 WebSocket 243
9.3.1 什幺是Socket 244
9.3.2 WebSocket API概述 246
9.3.3 WebSocket API编程 246
9.3.4 WebSocket伺服器 248
练习题 251
第10章 本地存储 252
10.1 概述 252
10.1.1 HTML4的本地数据存储方式 252
10.1.2 HTML5本地存储技术概述 254
10.2 localstorage 254
10.2.1 浏览器对localstorage的支持情况 254
10.2.2 使用localstorage保存数据 255
10.2.3 获取localstorage中的数据 255
10.2.4 删除localstorage中的数据 257
10.2.5 storage事件 257
10.3 sessionstorage 259
10.3.1 判断浏览器是否支持sessionstorage 259
10.3.2 使用sessionstorage保存数据 260
10.3.3 获取sessionstorage中的数据 260
10.3.4 删除sessionstorage中的数据 261
10.4 webSQL Database API 261
10.4.1 判断浏览器是否支持webSQL Database API 261
10.4.2 新建资料库 262
10.4.3 执行SQL语句 262
10.5 IndexedDB 266
10.5.1 资料库的相关概念 266
10.5.2 判断浏览器是否支持IndexedDB 267
10.5.3 创建和打开资料库 268
10.5.4 创建对象存储空间ObjectStore 268
10.5.5 创建索引 271
10.5.6 事务 272
10.5.7 游标 275
练习题 280
第11章 开发支持离线的Web应用程式 281
11.1 HTML5离线Web应用程式概述 281
11.1.1 什幺是离线Web应用程式 281
11.1.2 开发离线Web应用程式需要完成的工作 283
11.2 开发HTML5离线Web应用程式 283
11.2.1 Application Cache API 283
11.2.2 Cache manifest档案 284
11.2.3 更新快取 286
11.2.4 检测线上状态 289
练习题 290
第12章 获取浏览器的地理位置信息 291
12.1 概述 291
12.1.1 什幺是浏览器地理位置 291
12.1.2 浏览器对获取地理位置信息的支持情况 291
12.2 获取地理位置信息 292
12.2.1 getCurrentPosition()方法 292
12.2.2 watchPosition()方法 295
12.2.3 clearWatch()方法 296
12.3 数据保护 296
12.3.1 在Internet Explorer 9中配置共享地理位置 297
12.3.2 在Chrome中配置共享地理位置 298
12.3.3 在Firefox中配置共享地理位置 299
练习题 300
第13章 支持多执行绪编程的Web Workers 301
13.1 概述 301
13.1.1 什幺是执行绪 301
13.1.2 什幺是HTML5 Web Workers 302
13.1.3 浏览器对Web Workers的支持情况 303
13.2 Web Workers编程 303
13.2.1 创建Web Workers对象 303
13.2.2 终止Web Workers对象 306
13.2.3 共享执行绪(Shared Worker) 306
练习题 308
第14章 jQuery程式设计 309
14.1 jQuery基础 309
14.1.1 下载jQuery 309
14.1.2 初识jQuery 310
14.2 jQuery选择器 311
14.2.1 基础选择器 312
14.2.2 层次选择器 314
14.2.3 基本过滤器 318
14.2.4 内容过滤器 320
14.2.5 可见性过滤器 322
14.2.6 属性过滤器 322
14.2.7 子元素过滤器 324
14.3 设定HTML元素的属性与CSS样式 325
14.3.1 设定HTML元素的属性 325
14.3.2 设定CSS样式 328
14.4 表单编程 332
14.4.1 表单选择器 332
14.4.2 表单过滤器 335
14.4.3 表单API 337
14.5 事件和Event对象 340
14.5.1 事件处理函式 340
14.5.2 Event对象 340
14.5.3 绑定到事件处理函式 343
14.5.4 键盘事件 344
14.5.5 滑鼠事件 345
14.5.6 文档载入事件 346
14.5.7 浏览器事件 346
14.6 jQuery动画 347
14.6.1 执行自定义的动画 348
14.6.2 显示和隐藏HTML元素 349
14.6.3 淡入淡出效果 350
14.6.4 滑动效果 354
14.6.5 动画伫列 357
练习题 360
附录 实验 362
实验1 HTML4基础 362
实验2 HTML5的新特性 365
实验3 JavaScript编程 367
实验4 HTML5表单及档案处理 369
实验5 使用CSS3 370
实验6 HTML5拖放 372
实验7 使用Canvas API画图 373
实验8 绘製可伸缩矢量图形(SVG) 375
实验9 播放多媒体 377
实验10 Web通信 378
实验11 本地存储 379
实验12 开发支持离线的Web应用程式 381
实验13 获取浏览器的地理位置信息 382
实验14 支持多执行绪编程的Web Workers 383
实验15 jQuery编程 384