《HTML5 从入门到精通（微课精编版）》是2019年清华大学出版社出版的图书，作者是前端科技。
基本介绍
- 书名HTML5 从入门到精通（微课精编版）
- 作者前端科技
- ISBN9787302520498
- 定价89.80元
- 出版社清华大学出版社
- 出版时间2019.07.01
图书简介
《HTML5从入门到精通（微课精编版）》从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，系统讲解了利用HTML5的相关技术开发移动Web网站和WebApp。全书共24章，包括HTML5基础、创建HTML5文档、设计HTML5文档结构、设计HTML5文本、设计HTML5图像和多媒体、设计列表和连结、设计表格、设计表单、设计IT部落格、HTML5绘图与动画、使用SVG、HTML5本地存储、HTML5离线快取、HTML5WebWorkers、HTML5档案操作、HTML5通信、拖放操作、HTML5Ajax、WebRTC视频直播、HTML5定位、HTML5History、HTML5通知和显示处理、设计回响式网站等内容。本书各章节注重实例间的联繫和各功能间的难易层次，内容讲解以文字描述和图例并重，力求生动易懂，并对软体套用过程中的难点、重点和可能出现的问题给予详细讲解和提示。
内容简介
本书系统地讲解了HTML5基础理论和实际运用技术，通过大量实例对HTML5进行深入浅出的分析。着重讲解如何用HTML5进行Web套用。全书注重实际操作，使读者在学习技术的，掌握Web开发和设计的精髓，提高综合套用的能力。
本书内容
1.基础知识HTML5基础、JavaScript基础。
2.HTML5文档和标识新建HTML5文档、设计HTML5文档结构、标识HTML5文本、定义HTML5图像和多媒体、设计列表、设计超连结、设计表格、设计表单。
3.HTML5APIHTML5画布、HTML5SVG、本地存储、离线套用、多执行绪、档案操作、长时通信、拖放操作、异步通信、视频直播、手机定位、浏览历史、桌面通知、显示处理。
4.HTML5综合实战设计IT部落格、设计回响式网站
图书目录
第1 章 HTML5 基础 1
视频讲解23 分钟
1.1 HTML5概述 2
1.1.1 HTML历史 2
1.1.2 HTML5起源 2
1.1.3 HTML5组织 4
1.1.4 HTML5规则 4
1.1.5 HTML5特性 4
1.1.6 浏览器检测 6
1.2 HTML5设计原则 6
1.2.1 避免不必要的複杂性 6
1.2.2 支持已有内容 7
1.2.3 解决实际问题 7
1.2.4 用户怎幺使用就怎幺设计规范 8
1.2.5 优雅地降级 8
1.2.6 支持的优先权 9
1.3 HTML5语法特性 10
1.3.1 文档和标记 10
1.3.2 宽鬆的约定 11
1.4 HTML5 API 12
1.4.1 新增的API 12
1.4.2 修改的API 12
1.4.3 扩展Document 12
1.4.4 扩展HTMLElement 12
1.4.5 扩展DOM HTML 12
1.4.6 弃用的API 12
第2 章 创建HTML5 文档 13
视频讲解4 分钟
2.1 HTML5基本结构 14
2.1.1 新建网页文档 14
2.1.2 网页头部信息 15
2.1.3 网页主体内容 15
2.1.4 HTML标籤 16
2.1.5 保存网页文档 18
2.2 语义化HTML 18
2.2.1 语义化的重要性 18
2.2.2 语义化的基本方法 18
2.3 案例实战 19
2.3.1 编写第一个H...
2.3.1编写第一个HTML5文档19
2.3.2比较HTML4与HTML5文档结构20
2.4线上练习21
第3章设计HTML5文档结构22
视频讲解36分钟
3.1头部信息23
3.1.1定义网页标题23
3.1.2定义网页元信息24
3.1.3定义文档视口25
3.1.4最新head指南27
3.1.5移动版头信息27
3.2构建基本结构27
3.2.1定义文档结构27
3.2.2定义内容标题28
3.2.3使用div元素30
3.2.4使用id和class31
3.2.5使用title32
3.2.6HTML注释32
3.3构建语义结构33
3.3.1定义页眉33
3.3.2定义导航34
3.3.3定义主要区域35
3.3.4定义文章块36
3.3.5定义区块37
3.3.6定义附栏40
3.3.7定义页脚41
3.3.8使用role42
3.4案例实战44
3.5HTML5文档大纲46
3.6线上练习46
第4章设计HTML5文本47
视频讲解1小时1分钟
4.1通用文本48
4.1.1标题文本48
4.1.2段落文本48
4.2描述文本49
4.2.1强调文本49
4.2.2标记细则49
4.2.3特殊格式50
4.2.4定义上标和下标50
4.2.5定义术语52
4.2.6标记代码53
4.2.7预定义格式53
4.2.8定义缩写词54
4.2.9标注编辑或不用文本55
4.2.10指明引用或参考56
4.2.11引述文本56
4.2.12换行显示58
4.2.13修饰文本58
4.2.14非文本注解59
4.3特殊文本59
4.3.1标记高亮显示59
4.3.2标记进度信息60
4.3.3标记刻度信息61
4.3.4标记时间信息62
4.3.5标记联繫信息63
4.3.6标记显示方向64
4.3.7标记换行断点65
4.3.8标记旁注65
4.4HTML5全局属性66
4.4.1可编辑内容66
4.4.2快捷选单67
4.4.3自定义属性67
4.4.4定义可拖动操作69
4.4.5拖动数据69
4.4.6隐藏元素69
4.4.7语法检查69
4.4.8翻译内容70
4.5线上练习70
第5章设计HTML5图像和多媒体71
视频讲解51分钟
5.1认识HTML5图像72
5.2使用图像73
5.2.1使用img元素73
5.2.2定义流内容74
5.2.3插入图示75
5.2.4定义图像大小76
5.2.5案例图文混排77
5.3使用多媒体外挂程式78
5.3.1使用embed元素78
5.3.2使用object元素79
5.4使用HTML5多媒体80
5.4.1使用audio元素81
5.4.2使用video元素82
5.5案例实战86
5.5.1设计新闻正文页86
5.5.2设计音乐播放器90
5.5.3设计视频播放器92
5.6HTML5多媒体API95
5.6.1设定属性95
5.6.2设定方法95
5.6.3设定事件95
5.6.4综合案例95
5.7线上练习99
第6章设计列表和连结100
视频讲解52分钟
6.1定义列表101
6.1.1无序列表101
6.1.2有序列表102
6.1.3项目编号103
6.1.4设计CSS样式104
6.1.5嵌套列表105
6.1.6描述列表106
6.1.7选单列表108
6.1.8快捷选单110
6.2定义连结112
6.2.1普通连结112
6.2.2块连结113
6.2.3锚点连结114
6.2.4目标连结115
6.2.5下载连结116
6.2.6图像热点117
6.2.7框架连结117
6.3案例实战119
6.3.1为快捷选单添加命令119
6.3.2设计快捷“我要分享”命令120
6.3.3设计任务列表命令121
6.3.4设计排行榜列表结构122
6.3.5设计图文列表栏目124
6.4线上练习127
第7章设计表格128
视频讲解36分钟
7.1认识表格结构129
7.2新建表格130
7.2.1定义普通表格131
7.2.2定义列标题131
7.2.3定义表格标题132
7.2.4表格行分组133
7.2.5表格列分组134
7.3设定<table>属性137
7.3.1定义单线表格137
7.3.2定义分离单元格138
7.3.3定义细线框线139
7.3.4添加表格说明140
7.4设定<td>和<th>属性140
7.4.1定义跨单元格显示140
7.4.2定义表头单元格141
7.4.3为单元格指定表头142
7.4.4定义信息缩写143
7.4.5单元格分类143
7.5案例实战设计CSS禅意花园144
7.5.1网站预览144
7.5.2设计方法146
7.5.3设计思路147
7.5.4构建基本框架147
7.5.5完善网页结构148
7.6线上练习151
第8章设计表单152
视频讲解1小时12分钟
8.1认识HTML5表单153
8.2定义表单154
8.3提交表单156
8.4组织表单156
8.5定义文本框158
8.6定义标籤159
8.7使用常用控制项160
8.7.1密码框161
8.7.2单选按钮161
8.7.3複选框162
8.7.4文本区域162
8.7.5选择框164
8.7.6上传档案165
8.7.7隐藏栏位166
8.7.8提交按钮166
8.8HTML5新型输入框168
8.8.1定义E-mail框168
8.8.2定义URL框168
8.8.3定义数字框169
8.8.4定义範围框170
8.8.5定义日期选择器171
8.8.6定义搜寻框175
8.8.7定义电话号码框176
8.8.8定义拾色器177
8.9HTML5输入属性177
8.9.1定义自动完成177
8.9.2定义自动获取焦点178
8.9.3定义所属表单179
8.9.4定义表单重写180
8.9.5定义高和宽181
8.9.6定义列表选项181
8.9.7定义最小值、最大值和步长181
8.9.8定义多选182
8.9.9定义匹配模式182
8.9.10定义替换文本183
8.9.11定义必填184
8.10HTML5新表单元素184
8.10.1定义数据列表184
8.10.2定义密钥对生成器185
8.10.3定义输出结果186
8.11HTML5表单属性187
8.11.1定义自动完成187
8.11.2定义禁止验证187
8.12线上练习188
第9章综合实战设计IT部落格189
视频讲解6分钟
9.1準备工作190
9.2设计首页190
9.2.1首页分析190
9.2.2构建网页标题191
9.2.3构建侧边栏192
9.2.4构建主体内容194
9.2.5构建版权资讯196
9.3设计详细页197
9.4线上练习200
第10章JavaScript基础201
视频讲解2小时19分钟
10.1在网页中使用JavaScript202
10.1.1编写脚本202
10.1.2脚本在网页中的位置204
10.2JavaScript基本规范205
10.3变数和类型205
10.3.1变数205
10.3.2数据类型206
10.4表达式和运算符207
10.4.1表达式207
10.4.2运算符207
10.5语句209
10.5.1表达式语句和语句块209
10.5.2条件语句209
10.5.3循环语句212
10.5.4跳转语句213
10.6函式214
10.6.1定义函式214
10.6.2调用函式215
10.6.3函式参数216
10.7对象217
10.7.1创建对象218
10.7.2访问对象218
10.8数组219
10.8.1定义数组219
10.8.2存取元素220
10.8.3套用数组221
10.9线上练习221
第11章HTML5绘图与动画222
视频讲解2小时15分钟
11.1使用canvas223
11.2绘制图形225
11.2.1矩形225
11.2.2路径226
11.2.3直线段227
11.2.4圆弧228
11.2.5二次贝塞尔曲线230
11.2.6三次贝塞尔曲线231
11.3定义样式和颜色232
11.3.1颜色233
11.3.2不透明度234
11.3.3实线235
11.3.4虚线237
11.3.5线性渐变238
11.3.6径向渐变239
11.3.7图案240
11.3.8阴影240
11.3.9填充规则241
11.4图形变形242
11.4.1保存和恢复状态242
11.4.2清除画布243
11.4.3移动坐标244
11.4.4旋转坐标245
11.4.5缩放图形246
11.4.6变换图形247
11.5图形合成248
11.5.1合成249
11.5.2裁切251
11.6绘製文本252
11.6.1填充文字252
11.6.2轮廓文字253
11.6.3文本样式253
11.6.4测量宽度255
11.7使用图像256
11.7.1导入图像256
11.7.2缩放图像258
11.7.3裁切图像258
11.7.4平铺图像259
11.8像素操作260
11.8.1认识ImageData对象260
11.8.2创建图像数据261
11.8.3将图像数据写入画布261
11.8.4在画布中複制图像数据262
11.8.5保存图片263
11.9Path2D对象264
11.10案例实战264
11.10.1设计基本动画264
11.10.2颜色选择器264
11.10.3给图像去色265
11.10.4缩放图像和反锯齿处理265
11.10.5设计运动动画266
11.10.6设计地球和月球公转动画266
11.11线上练习266
第12章使用SVG267
视频讲解1小时18分钟
12.1SVG基础268
12.1.1SVG发展历史268
12.1.2SVG特点268
12.1.3在HTML中套用SVG269
12.1.4案例设计第一个SVG图形269
12.2使用SVG271
12.2.1矩形271
12.2.2圆形272
12.2.3椭圆273
12.2.4多边形275
12.2.5直线段276
12.2.6折线277
12.2.7路径278
12.2.8文本280
12.2.9线框样式281
12.2.10SVG滤镜284
12.2.11模糊效果285
12.2.12阴影效果285
12.2.13线性渐变286
12.2.14放射渐变287
12.3案例实战288
12.3.1手绘简笔画288
12.3.2描边动画288
12.3.3设计特效文字288
12.3.4自定义滤镜289
12.4线上练习289
第13章HTML5本地存储290
视频讲解1小时8分钟
13.1WebStorage291
13.1.1使用WebStorage291
13.1.2案例记录用户登录信息（1）293
13.1.3案例计数器294
13.2WebSQLDatabase295
13.2.1使用WebSQLDatabase295
13.2.2案例记录用户登录信息（2）300
13.2.3案例设计留言板301
13.3indexedDB302
13.3.1建立连线302
13.3.2更新版本304
13.3.3新建仓库306
13.3.4新建索引307
13.3.5使用事务309
13.3.6保存数据310
13.3.7访问数据312
13.3.8访问键值313
13.3.9访问属性313
13.3.10案例设计图书管理页面314
13.4线上练习314
第14章HTML5离线快取315
视频讲解19分钟
14.1ApplicationCacheAPI基础316
14.1.1认识ApplicationCacheAPI316
14.1.2配置伺服器317
14.1.3认识manifest318
14.1.4使用ApplicationCache320
14.1.5事件监听324
14.2案例实战325
14.2.1快取首页325
14.2.2离线编辑328
14.3线上练习328
第15章HTML5WebWorkers329
视频讲解23分钟
15.1WebWorkers基础330
15.1.1认识WebWorkers330
15.1.2创建WebWorkers331
15.1.3Workers通信333
15.1.4使用WebWorkers334
15.2案例实战337
15.2.1求和运算337
15.2.2过滤运算339
15.2.3并发运算341
15.2.4多运算通信341
15.2.5数列运算341
第16章HTML5档案操作342
视频讲解1小时24分钟
16.1FileList343
16.2Blob344
16.2.1访问Blob344
16.2.2创建Blob345
16.2.3截取Blob347
16.2.4保存Blob348
16.3FileReader349
16.3.1读取档案349
16.3.2事件监测351
16.4ArrayBuffer和ArrayBufferView353
16.4.1使用ArrayBuffer353
16.4.2使用ArrayBufferView353
16.4.3使用DataView354
16.5FileSystemAPI357
16.5.1认识FileSystemAPI357
16.5.2访问FileSystem358
16.5.3申请配额359
16.5.4新建档案363
16.5.5写入数据365
16.5.6添加数据366
16.5.7读取数据367
16.5.8複製档案369
16.5.9删除档案370
16.5.10创建目录371
16.5.11读取目录371
16.5.12删除目录372
16.5.13複製目录372
16.5.14重命名目录372
16.5.15使用filesystem:URL372
16.6案例设计资源管理器373
16.7线上练习373
第17章HTML5通信374
视频讲解21分钟
17.1跨文档讯息传递375
17.1.1postMessage基础375
17.1.2案例设计简单的跨域通话376
17.1.3案例设计跨域动态对话377
17.1.4案例设计通道通信378
17.2WebSockets通信381
17.2.1WebSocket基础381
17.2.2使用WebSocketsAPI382
17.2.3在PHP中建立socket386
17.2.4WebSocketsAPI开发框架387
17.2.5案例设计简单的“呼-应”通信388
17.2.6案例传送JSON对象393
17.2.7案例使用Workerman框架通信394
17.2.8案例推送信息395
17.3线上练习395
第18章拖放操作396
视频讲解19分钟
18.1拖放API基础397
18.1.1拖放功能实现397
18.1.2DataTransfer对象400
18.2案例实战402
18.2.1设计垃圾箱403
18.2.2设计接纳箱405
18.2.3拖选对象405
18.2.4可视化删除406
18.3线上练习406
第19章HTML5Ajax407
视频讲解38分钟
19.1XMLHttpRequest2基础408
19.1.1请求时限408
19.1.2FormData数据对象408
19.1.3上传档案409
19.1.4跨域访问409
19.1.5回响不同类型数据409
19.1.6接收二进制数据409
19.1.7监测数据传输进度410
19.2案例实战411
19.2.1接收ArrayBuffer对象411
19.2.2接收Blob对象414
19.2.3传送字元串414
19.2.4传送表单数据415
19.2.5传送二进制档案417
19.2.6传送Blob对象418
19.2.7跨域请求418
19.2.8设计档案上传进度条419
19.3线上练习419
第20章WebRTC视频直播420
20.1WebRTC基础421
20.2案例实战421
20.2.1访问本地设备421
20.2.2视频截图423
20.2.3视频对话基础424
20.2.4视频对话实现425
20.2.5SDP交换432
20.2.6ICE交换437
20.3线上练习439
第21章HTML5定位440
视频讲解2分钟
21.1GeolocationAPI基础441
21.1.1GeolocationAPI套用场景441
21.1.2位置信息来源441
21.1.3位置信息表示方式441
21.1.4获取位置信息442
21.1.5浏览器兼容性444
21.1.6监测位置信息444
21.1.7停止获取位置信息445
21.1.8保护隐私445
21.1.9处理位置信息445
21.1.10使用position446
21.2案例设计位置地图447
21.3线上练习448
第22章HTML5History449
视频讲解26分钟
22.1HistoryAPI基础450
22.1.1了解HistoryAPI450
22.1.2使用HistoryAPI451
22.1.3注意事项453
22.2案例实战453
22.2.1设计导航页面453
22.2.2设计无刷新网站455
22.2.3设计无刷新灯箱广告459
22.2.4设计可后退画板460
22.3线上练习460
第23章HTML5通知和显示处理461
视频讲解23分钟
23.1通知API462
23.1.1NotificationAPI基础462
23.1.2案例设计桌面通知464
23.1.3案例关闭通知465
23.1.4案例设计多条通知466
23.2页面可见API467
23.2.1PageVisibility基础467
23.2.2案例设计视频页面469
23.2.3案例设计登录页面471
23.3全萤幕API472
23.3.1FullscreenAPI基础.472
23.3.2案例设计全萤幕显示474
23.3.3案例设计全萤幕播放476
23.4线上练习477
第24章综合实战设计回响式网站478
24.1认识回响式Web设计479
24.2构建页面479
24.3设计基本样式482
24.3.1兼容早期浏览器482
24.3.2重置默认样式482
24.4设计回响式样式483
24.4.1创建可伸缩图像483
24.4.2创建弹性布局格线484
24.4.3实现媒体查询484
24.4.4组合样式488
24.4.5兼容旧版IE494
视频讲解23 分钟
1.1 HTML5概述 2
1.1.1 HTML历史 2
1.1.2 HTML5起源 2
1.1.3 HTML5组织 4
1.1.4 HTML5规则 4
1.1.5 HTML5特性 4
1.1.6 浏览器检测 6
1.2 HTML5设计原则 6
1.2.1 避免不必要的複杂性 6
1.2.2 支持已有内容 7
1.2.3 解决实际问题 7
1.2.4 用户怎幺使用就怎幺设计规范 8
1.2.5 优雅地降级 8
1.2.6 支持的优先权 9
1.3 HTML5语法特性 10
1.3.1 文档和标记 10
1.3.2 宽鬆的约定 11
1.4 HTML5 API 12
1.4.1 新增的API 12
1.4.2 修改的API 12
1.4.3 扩展Document 12
1.4.4 扩展HTMLElement 12
1.4.5 扩展DOM HTML 12
1.4.6 弃用的API 12
第2 章 创建HTML5 文档 13
视频讲解4 分钟
2.1 HTML5基本结构 14
2.1.1 新建网页文档 14
2.1.2 网页头部信息 15
2.1.3 网页主体内容 15
2.1.4 HTML标籤 16
2.1.5 保存网页文档 18
2.2 语义化HTML 18
2.2.1 语义化的重要性 18
2.2.2 语义化的基本方法 18
2.3 案例实战 19
2.3.1 编写第一个H...
2.3.1编写第一个HTML5文档19
2.3.2比较HTML4与HTML5文档结构20
2.4线上练习21
第3章设计HTML5文档结构22
视频讲解36分钟
3.1头部信息23
3.1.1定义网页标题23
3.1.2定义网页元信息24
3.1.3定义文档视口25
3.1.4最新head指南27
3.1.5移动版头信息27
3.2构建基本结构27
3.2.1定义文档结构27
3.2.2定义内容标题28
3.2.3使用div元素30
3.2.4使用id和class31
3.2.5使用title32
3.2.6HTML注释32
3.3构建语义结构33
3.3.1定义页眉33
3.3.2定义导航34
3.3.3定义主要区域35
3.3.4定义文章块36
3.3.5定义区块37
3.3.6定义附栏40
3.3.7定义页脚41
3.3.8使用role42
3.4案例实战44
3.5HTML5文档大纲46
3.6线上练习46
第4章设计HTML5文本47
视频讲解1小时1分钟
4.1通用文本48
4.1.1标题文本48
4.1.2段落文本48
4.2描述文本49
4.2.1强调文本49
4.2.2标记细则49
4.2.3特殊格式50
4.2.4定义上标和下标50
4.2.5定义术语52
4.2.6标记代码53
4.2.7预定义格式53
4.2.8定义缩写词54
4.2.9标注编辑或不用文本55
4.2.10指明引用或参考56
4.2.11引述文本56
4.2.12换行显示58
4.2.13修饰文本58
4.2.14非文本注解59
4.3特殊文本59
4.3.1标记高亮显示59
4.3.2标记进度信息60
4.3.3标记刻度信息61
4.3.4标记时间信息62
4.3.5标记联繫信息63
4.3.6标记显示方向64
4.3.7标记换行断点65
4.3.8标记旁注65
4.4HTML5全局属性66
4.4.1可编辑内容66
4.4.2快捷选单67
4.4.3自定义属性67
4.4.4定义可拖动操作69
4.4.5拖动数据69
4.4.6隐藏元素69
4.4.7语法检查69
4.4.8翻译内容70
4.5线上练习70
第5章设计HTML5图像和多媒体71
视频讲解51分钟
5.1认识HTML5图像72
5.2使用图像73
5.2.1使用img元素73
5.2.2定义流内容74
5.2.3插入图示75
5.2.4定义图像大小76
5.2.5案例图文混排77
5.3使用多媒体外挂程式78
5.3.1使用embed元素78
5.3.2使用object元素79
5.4使用HTML5多媒体80
5.4.1使用audio元素81
5.4.2使用video元素82
5.5案例实战86
5.5.1设计新闻正文页86
5.5.2设计音乐播放器90
5.5.3设计视频播放器92
5.6HTML5多媒体API95
5.6.1设定属性95
5.6.2设定方法95
5.6.3设定事件95
5.6.4综合案例95
5.7线上练习99
第6章设计列表和连结100
视频讲解52分钟
6.1定义列表101
6.1.1无序列表101
6.1.2有序列表102
6.1.3项目编号103
6.1.4设计CSS样式104
6.1.5嵌套列表105
6.1.6描述列表106
6.1.7选单列表108
6.1.8快捷选单110
6.2定义连结112
6.2.1普通连结112
6.2.2块连结113
6.2.3锚点连结114
6.2.4目标连结115
6.2.5下载连结116
6.2.6图像热点117
6.2.7框架连结117
6.3案例实战119
6.3.1为快捷选单添加命令119
6.3.2设计快捷“我要分享”命令120
6.3.3设计任务列表命令121
6.3.4设计排行榜列表结构122
6.3.5设计图文列表栏目124
6.4线上练习127
第7章设计表格128
视频讲解36分钟
7.1认识表格结构129
7.2新建表格130
7.2.1定义普通表格131
7.2.2定义列标题131
7.2.3定义表格标题132
7.2.4表格行分组133
7.2.5表格列分组134
7.3设定<table>属性137
7.3.1定义单线表格137
7.3.2定义分离单元格138
7.3.3定义细线框线139
7.3.4添加表格说明140
7.4设定<td>和<th>属性140
7.4.1定义跨单元格显示140
7.4.2定义表头单元格141
7.4.3为单元格指定表头142
7.4.4定义信息缩写143
7.4.5单元格分类143
7.5案例实战设计CSS禅意花园144
7.5.1网站预览144
7.5.2设计方法146
7.5.3设计思路147
7.5.4构建基本框架147
7.5.5完善网页结构148
7.6线上练习151
第8章设计表单152
视频讲解1小时12分钟
8.1认识HTML5表单153
8.2定义表单154
8.3提交表单156
8.4组织表单156
8.5定义文本框158
8.6定义标籤159
8.7使用常用控制项160
8.7.1密码框161
8.7.2单选按钮161
8.7.3複选框162
8.7.4文本区域162
8.7.5选择框164
8.7.6上传档案165
8.7.7隐藏栏位166
8.7.8提交按钮166
8.8HTML5新型输入框168
8.8.1定义E-mail框168
8.8.2定义URL框168
8.8.3定义数字框169
8.8.4定义範围框170
8.8.5定义日期选择器171
8.8.6定义搜寻框175
8.8.7定义电话号码框176
8.8.8定义拾色器177
8.9HTML5输入属性177
8.9.1定义自动完成177
8.9.2定义自动获取焦点178
8.9.3定义所属表单179
8.9.4定义表单重写180
8.9.5定义高和宽181
8.9.6定义列表选项181
8.9.7定义最小值、最大值和步长181
8.9.8定义多选182
8.9.9定义匹配模式182
8.9.10定义替换文本183
8.9.11定义必填184
8.10HTML5新表单元素184
8.10.1定义数据列表184
8.10.2定义密钥对生成器185
8.10.3定义输出结果186
8.11HTML5表单属性187
8.11.1定义自动完成187
8.11.2定义禁止验证187
8.12线上练习188
第9章综合实战设计IT部落格189
视频讲解6分钟
9.1準备工作190
9.2设计首页190
9.2.1首页分析190
9.2.2构建网页标题191
9.2.3构建侧边栏192
9.2.4构建主体内容194
9.2.5构建版权资讯196
9.3设计详细页197
9.4线上练习200
第10章JavaScript基础201
视频讲解2小时19分钟
10.1在网页中使用JavaScript202
10.1.1编写脚本202
10.1.2脚本在网页中的位置204
10.2JavaScript基本规范205
10.3变数和类型205
10.3.1变数205
10.3.2数据类型206
10.4表达式和运算符207
10.4.1表达式207
10.4.2运算符207
10.5语句209
10.5.1表达式语句和语句块209
10.5.2条件语句209
10.5.3循环语句212
10.5.4跳转语句213
10.6函式214
10.6.1定义函式214
10.6.2调用函式215
10.6.3函式参数216
10.7对象217
10.7.1创建对象218
10.7.2访问对象218
10.8数组219
10.8.1定义数组219
10.8.2存取元素220
10.8.3套用数组221
10.9线上练习221
第11章HTML5绘图与动画222
视频讲解2小时15分钟
11.1使用canvas223
11.2绘制图形225
11.2.1矩形225
11.2.2路径226
11.2.3直线段227
11.2.4圆弧228
11.2.5二次贝塞尔曲线230
11.2.6三次贝塞尔曲线231
11.3定义样式和颜色232
11.3.1颜色233
11.3.2不透明度234
11.3.3实线235
11.3.4虚线237
11.3.5线性渐变238
11.3.6径向渐变239
11.3.7图案240
11.3.8阴影240
11.3.9填充规则241
11.4图形变形242
11.4.1保存和恢复状态242
11.4.2清除画布243
11.4.3移动坐标244
11.4.4旋转坐标245
11.4.5缩放图形246
11.4.6变换图形247
11.5图形合成248
11.5.1合成249
11.5.2裁切251
11.6绘製文本252
11.6.1填充文字252
11.6.2轮廓文字253
11.6.3文本样式253
11.6.4测量宽度255
11.7使用图像256
11.7.1导入图像256
11.7.2缩放图像258
11.7.3裁切图像258
11.7.4平铺图像259
11.8像素操作260
11.8.1认识ImageData对象260
11.8.2创建图像数据261
11.8.3将图像数据写入画布261
11.8.4在画布中複制图像数据262
11.8.5保存图片263
11.9Path2D对象264
11.10案例实战264
11.10.1设计基本动画264
11.10.2颜色选择器264
11.10.3给图像去色265
11.10.4缩放图像和反锯齿处理265
11.10.5设计运动动画266
11.10.6设计地球和月球公转动画266
11.11线上练习266
第12章使用SVG267
视频讲解1小时18分钟
12.1SVG基础268
12.1.1SVG发展历史268
12.1.2SVG特点268
12.1.3在HTML中套用SVG269
12.1.4案例设计第一个SVG图形269
12.2使用SVG271
12.2.1矩形271
12.2.2圆形272
12.2.3椭圆273
12.2.4多边形275
12.2.5直线段276
12.2.6折线277
12.2.7路径278
12.2.8文本280
12.2.9线框样式281
12.2.10SVG滤镜284
12.2.11模糊效果285
12.2.12阴影效果285
12.2.13线性渐变286
12.2.14放射渐变287
12.3案例实战288
12.3.1手绘简笔画288
12.3.2描边动画288
12.3.3设计特效文字288
12.3.4自定义滤镜289
12.4线上练习289
第13章HTML5本地存储290
视频讲解1小时8分钟
13.1WebStorage291
13.1.1使用WebStorage291
13.1.2案例记录用户登录信息（1）293
13.1.3案例计数器294
13.2WebSQLDatabase295
13.2.1使用WebSQLDatabase295
13.2.2案例记录用户登录信息（2）300
13.2.3案例设计留言板301
13.3indexedDB302
13.3.1建立连线302
13.3.2更新版本304
13.3.3新建仓库306
13.3.4新建索引307
13.3.5使用事务309
13.3.6保存数据310
13.3.7访问数据312
13.3.8访问键值313
13.3.9访问属性313
13.3.10案例设计图书管理页面314
13.4线上练习314
第14章HTML5离线快取315
视频讲解19分钟
14.1ApplicationCacheAPI基础316
14.1.1认识ApplicationCacheAPI316
14.1.2配置伺服器317
14.1.3认识manifest318
14.1.4使用ApplicationCache320
14.1.5事件监听324
14.2案例实战325
14.2.1快取首页325
14.2.2离线编辑328
14.3线上练习328
第15章HTML5WebWorkers329
视频讲解23分钟
15.1WebWorkers基础330
15.1.1认识WebWorkers330
15.1.2创建WebWorkers331
15.1.3Workers通信333
15.1.4使用WebWorkers334
15.2案例实战337
15.2.1求和运算337
15.2.2过滤运算339
15.2.3并发运算341
15.2.4多运算通信341
15.2.5数列运算341
第16章HTML5档案操作342
视频讲解1小时24分钟
16.1FileList343
16.2Blob344
16.2.1访问Blob344
16.2.2创建Blob345
16.2.3截取Blob347
16.2.4保存Blob348
16.3FileReader349
16.3.1读取档案349
16.3.2事件监测351
16.4ArrayBuffer和ArrayBufferView353
16.4.1使用ArrayBuffer353
16.4.2使用ArrayBufferView353
16.4.3使用DataView354
16.5FileSystemAPI357
16.5.1认识FileSystemAPI357
16.5.2访问FileSystem358
16.5.3申请配额359
16.5.4新建档案363
16.5.5写入数据365
16.5.6添加数据366
16.5.7读取数据367
16.5.8複製档案369
16.5.9删除档案370
16.5.10创建目录371
16.5.11读取目录371
16.5.12删除目录372
16.5.13複製目录372
16.5.14重命名目录372
16.5.15使用filesystem:URL372
16.6案例设计资源管理器373
16.7线上练习373
第17章HTML5通信374
视频讲解21分钟
17.1跨文档讯息传递375
17.1.1postMessage基础375
17.1.2案例设计简单的跨域通话376
17.1.3案例设计跨域动态对话377
17.1.4案例设计通道通信378
17.2WebSockets通信381
17.2.1WebSocket基础381
17.2.2使用WebSocketsAPI382
17.2.3在PHP中建立socket386
17.2.4WebSocketsAPI开发框架387
17.2.5案例设计简单的“呼-应”通信388
17.2.6案例传送JSON对象393
17.2.7案例使用Workerman框架通信394
17.2.8案例推送信息395
17.3线上练习395
第18章拖放操作396
视频讲解19分钟
18.1拖放API基础397
18.1.1拖放功能实现397
18.1.2DataTransfer对象400
18.2案例实战402
18.2.1设计垃圾箱403
18.2.2设计接纳箱405
18.2.3拖选对象405
18.2.4可视化删除406
18.3线上练习406
第19章HTML5Ajax407
视频讲解38分钟
19.1XMLHttpRequest2基础408
19.1.1请求时限408
19.1.2FormData数据对象408
19.1.3上传档案409
19.1.4跨域访问409
19.1.5回响不同类型数据409
19.1.6接收二进制数据409
19.1.7监测数据传输进度410
19.2案例实战411
19.2.1接收ArrayBuffer对象411
19.2.2接收Blob对象414
19.2.3传送字元串414
19.2.4传送表单数据415
19.2.5传送二进制档案417
19.2.6传送Blob对象418
19.2.7跨域请求418
19.2.8设计档案上传进度条419
19.3线上练习419
第20章WebRTC视频直播420
20.1WebRTC基础421
20.2案例实战421
20.2.1访问本地设备421
20.2.2视频截图423
20.2.3视频对话基础424
20.2.4视频对话实现425
20.2.5SDP交换432
20.2.6ICE交换437
20.3线上练习439
第21章HTML5定位440
视频讲解2分钟
21.1GeolocationAPI基础441
21.1.1GeolocationAPI套用场景441
21.1.2位置信息来源441
21.1.3位置信息表示方式441
21.1.4获取位置信息442
21.1.5浏览器兼容性444
21.1.6监测位置信息444
21.1.7停止获取位置信息445
21.1.8保护隐私445
21.1.9处理位置信息445
21.1.10使用position446
21.2案例设计位置地图447
21.3线上练习448
第22章HTML5History449
视频讲解26分钟
22.1HistoryAPI基础450
22.1.1了解HistoryAPI450
22.1.2使用HistoryAPI451
22.1.3注意事项453
22.2案例实战453
22.2.1设计导航页面453
22.2.2设计无刷新网站455
22.2.3设计无刷新灯箱广告459
22.2.4设计可后退画板460
22.3线上练习460
第23章HTML5通知和显示处理461
视频讲解23分钟
23.1通知API462
23.1.1NotificationAPI基础462
23.1.2案例设计桌面通知464
23.1.3案例关闭通知465
23.1.4案例设计多条通知466
23.2页面可见API467
23.2.1PageVisibility基础467
23.2.2案例设计视频页面469
23.2.3案例设计登录页面471
23.3全萤幕API472
23.3.1FullscreenAPI基础.472
23.3.2案例设计全萤幕显示474
23.3.3案例设计全萤幕播放476
23.4线上练习477
第24章综合实战设计回响式网站478
24.1认识回响式Web设计479
24.2构建页面479
24.3设计基本样式482
24.3.1兼容早期浏览器482
24.3.2重置默认样式482
24.4设计回响式样式483
24.4.1创建可伸缩图像483
24.4.2创建弹性布局格线484
24.4.3实现媒体查询484
24.4.4组合样式488
24.4.5兼容旧版IE494