第1 章 HTML5 基础 

视频讲解：31 分钟

1.1 HTML5 概述 

1.1.1 HTML 版本概览 

1.1.2 HTML5 诞生记 

1.1.3 HTML5 组织 

1.1.4 HTML5 开发规则 

1.1.5 HTML5 特性 

1.1.6 浏览器检测 

1.2 HTML5 设计原则 

1.2.1 避免不必要的复杂性 

1.2.2 支持已有内容 

1.2.3 解决实际问题 

1.2.4 用户怎么使用就怎么设计规范

1.2.5 优雅地降级 

1.2.6 支持的优先级 

1.3 HTML5 语法特性 

1.3.1 文档和标记 

1.3.2 宽松的约定 

1.4 案例实战 

1.4.1 编写第一个HTML5 文档 

1.4.2 比较HTML4 与HTML5文档结构 

1.4.3 设计一个较详细的HTML5文档模板 

1.5 HTML5 API 

1.5.1 新增的API 

1.5.2 修改的API 

1.5.3 扩展Document 

1.5.4 扩展HTMLElement 

1.5.5 扩展DOM HTML 

1.5.6 弃用的API 

1.6 在线练习 

第2 章 HTML5 新增元素和文档结构 

视频讲解：82 分钟

2.1 HTML5 元素 

2.1.1 新元素分类 

2.1.2 废除的元素 

2.2 设计新的文档结构 

2.2.1 article—文章块 

2.2.2 section—区块 

2.2.3 nav——导航条 

2.2.4 aside——辅助栏 

2.2.5 main—主要区域 

2.2.6 header——标题栏 

2.2.7 hgroup——标题组 

2.2.8 footer——页脚栏 

2.3 设计新的语义信息 

2.3.1 address——联系信息 

2.3.2 time——显示时间 

2.3.3 figure 和figcaption——流媒体

2.3.4 details 和summary——详细内容 

2.3.5 mark——记号文本 

2.3.6 progress——进度条 

2.3.7 meter——度量 

2.3.8 dialog——模态对话框 

2.3.9 bdi——隔离文本 

2.3.10 wbr——换行断点 

2.3.11 ruby、rt、rp——文本注释 

2.3.12 command——菜单命令 

2.4 完善旧元素 

2.4.1 a——超链接 

2.4.2 ol——有序列表 

2.4.3 dl——定义列表 

2.4.4 cite——引用文本 

2.4.5 small——小号字体 

2.4.6 iframe——浮动框架 

2.4.7 script——脚本 

2.5 HTML5 新的全局属性 

2.5.1 contentEditable——可编辑内容

2.5.2 contextmenu——快捷菜单 

2.5.3 data——自定义属性 

2.5.4 draggable——可拖动 

2.5.5 dropzone——拖动数据 

2.5.6 hidden——隐藏 

2.5.7 spellcheck——语法检查 

2.5.8 translate——可翻译 

2.6 HTML5 文档大纲 

2.6.1 定义文档节段 

2.6.2 隐式分节 

2.6.3 特殊分节 

2.7 案例实战 

2.8 在线练习 

第3 章 HTML5 表单 

视频讲解：49 分钟

3.1 HTML5 表单特性 

3.2 新的Input 类型

3.2.1 email——Email 地址框 

3.2.2 url——URL 地址框

3.2.3 number——数字框 

3.2.4 range——范围框 

3.2.5 date pickers——日期选择器 

3.2.6 search——搜索框 

3.2.7 tel——电话号码框 

3.2.8 color——拾色器 

3.3 新的input 属性 

3.3.1 autocomplete——自动完成 

3.3.2 autofocus——自动获取焦点 

3.3.3 form——归属表单 

3.3.4 表单重写 

3.3.5 height 和width——高和宽 

3.3.6 list——列表选项 

3.3.7 min、max 和step——最小值、最大值和步长

3.3.8 multiple——多选 

3.3.9 pattern——匹配模式 

3.3.10 placeholder——替换文本 

3.3.11 required——必填 

3.4 新的表单元素 

3.4.1 datalist——数据列表 

3.4.2 keygen——密钥对生成器 

3.4.3 output——输出结果 

3.5 新的form 属性 

3.5.1 autocomplete——自动完成 .

3.5.2 novalidate——禁止验证 

3.6 案例实战 

3.6.1 设计HTML5 注册表单 

3.6.2 设计HTML5 验证表单 

3.7 在线练习 

第4 章 HTML5 绘图和动画 

视频讲解：135 分钟

4.1 使用canvas 

4.2 绘制图形 

4.2.1 矩形 

4.2.2 路径 

4.2.3 直线 

4.2.4 圆弧 

4.2.5 二次方曲线 

4.2.6 三次方曲线 

4.3 定义样式和颜色 

4.3.1 颜色 

4.3.2 不透明度 

4.3.3 实线 

4.3.4 虚线 

4.3.5 线性渐变 

4.3.6 径向渐变 

4.3.7 图案 

4.3.8 阴影 

4.3.9 填充规则 

4.4 图形变形 

4.4.1 保存和恢复状态 

4.4.2 清除画布 

4.4.3 移动坐标 

4.4.4 旋转坐标 

4.4.5 缩放图形 

4.4.6 变换图形 

4.5 图形合成 

4.5.1 合成 

4.5.2 裁切 

4.6 绘制文本 

4.6.1 填充文字 

4.6.2 轮廓文字 

4.6.3 文本样式 

4.6.4 测量宽度 

4.7 使用图像 

4.7.1 导入图像 

4.7.2 缩放图像 

4.7.3 裁切图像 

4.7.4 平铺图像 

4.8 像素操作 

4.8.1 认识ImageData 对象 

4.8.2 创建图像数据 

4.8.3 将图像数据写入画布 

4.8.4 在画布中复制图像数据 

4.8.5 保存图片 

4.9 Path2D 对象 

4.9.1 Canvas 2D API 新功能 

4.9.2 使用Path2D 对象 

4.10 案例实战 

4.10.1 设计基本动画 

4.10.2 颜色选择器 

4.10.3 给图像去色 

4.10.4 缩放图像和反锯齿处理 

4.10.5 设计运动动画 

4.10.6 设计地球和月球公转动画

4.11 在线练习 

第5 章 HTML5 音频和视频 

视频讲解：50 分钟

5.1 使用HTML 5 音频和视频 

5.1.1 使用<audio> 

5.1.2 使用<video> 

5.1.3 设置属性 

5.1.4 设置方法 

5.1.5 设置事件 

5.2 案例实战 

5.2.1 设计音乐播放器 

5.2.2 获取播放进度 

5.2.3 设计视频播放器 

5.2.4 视频自动截图 

5.2.5 视频同步字幕 

5.2.6 使用HTML5 Web Audio API增加声音 

5.2.7 访问多媒体属性、方法和事件

5.3 在线练习 

第6 章 数据存储 

视频讲解：68 分钟

6.1 Web Storage 

6.1.1 使用Web Storage 

6.1.2 案例：设计登录页 

6.1.3 案例：流量统计 

6.2 Web SQL Database 

6.2.1 使用Web SQL Database 

6.2.2 案例：设计登录页 

6.2.3 案例：设计留言板 

6.3 indexedDB 

6.3.1 建立连接 

6.3.2 更新版本 

6.3.3 新建仓库 

6.3.4 新建索引 

6.3.5 使用事务 

6.3.6 保存数据 

6.3.7 访问数据 

6.3.8 访问键值 

6.3.9 访问属性 

6.4 案例：设计录入表单 

6.5 在线练习 

第7 章 应用程序缓存 

视频讲解：19 分钟

7.1 ApplicationCache API 基础 

7.1.1 认识ApplicationCache API 

7.1.2 配置服务器 

7.1.3 认识manifest 

7.1.4 使用ApplicationCache 

7.1.5 事件监听 

7.2 案例实战 

7.2.1 缓存首页 

7.2.2 离线编辑 

7.3 在线练习 

第8 章 多线程编程 

视频讲解：23 分钟

8.1 Web Workers 基础 

8.1.1 认识Web Workers 

8.1.2 创建Web Workers 

8.1.3 Workers 通信 

8.1.4 使用Web Workers 

8.2 案例实战 

8.2.1 求和运算 

8.2.2 过滤运算 

8.2.3 并发运算 

8.2.4 多运算通信 

8.2.5 数列运算 

8.3 在线练习 

第9 章 位置信息 

视频讲解：2 分钟

9.1 Geolocation API 基础 

9.1.1 Geolocation API 应用场景 .

9.1.2 位置信息来源 

9.1.3 位置信息表示方式 

9.1.4 获取位置信息 

9.1.5 浏览器兼容性 

9.1.6 监测位置信息 

9.1.7 停止获取位置信息 

9.1.8 保护隐私 

9.1.9 处理位置信息 

9.1.10 使用position 

9.2 案例：设计位置地图 

9.3 在线练习 

第10 章 历史记录 

视频讲解：26 分钟

10.1 History API 基础 

10.1.1 了解History API 

10.1.2 使用History API 

10.1.3 注意事项 

10.2 案例实战 

10.2.1 设计导航页面 

10.2.2 设计无刷新网站

10.2.3 设计无刷新灯箱广告 

10.2.4 设计可后退画板

10.3 在线练习 

第11 章 文件操作 

视频讲解：84 分钟

11.1 FileList 

11.2 Blob 

11.2.1 访问Blob 

11.2.2 创建Blob 

11.2.3 截取Blob 

11.2.4 保存Blob 

11.3 FileReader 

11.3.1 读取文件

11.3.2 事件监测

11.4 ArrayBuffer 和ArrayBufferView

11.4.1 使用ArrayBuffer 

11.4.2 使用ArrayBufferView 

11.4.3 使用DataView 

11.5 FileSystem API 

11.5.1 认识FileSystem API

11.5.2 访问FileSystem 

11.5.3 申请配额

11.5.4 新建文件

11.5.5 写入数据

11.5.6 添加数据

11.5.7 读取数据

11.5.8 复制文件

11.5.9 删除文件

11.5.10 创建目录 

11.5.11 读取目录 

11.5.12 删除目录 

11.5.13 复制目录 

11.5.14 重命名目录 

11.5.15 使用filesystem:URL 

11.6 案例：设计资源管理器 

11.7 在线练习 

第12 章 HTML5 通信 

视频讲解：21 分钟

12.1 跨文档消息传递 

12.1.1 postMessage 基础 

12.1.2 案例：设计简单的跨域通话

12.1.3 案例：设计跨域动态对话 

12.1.4 案例：设计通道通信 

12.2 WebSockets 通信 

12.2.1 WebSocket 基础 

12.2.2 使用WebSockets API 

12.2.3 在PHP 中建立socket 

12.2.4 WebSockets API 开发框架

12.2.5 案例：设计简单的“呼-应”通信

12.2.6 案例：发送JSON 对象

12.2.7 案例：使用Workerman

框架通信 

12.2.8 案例：推送信息 

12.3 在线练习 

第13 章 WebRTC 视频直播 

13.1 WebRTC 基础 

13.2 案例实战 

13.2.1 访问本地设备 

13.2.2 视频截图 

13.2.3 视频对话基础 

13.2.4 视频对话实现 

13.2.5 SDP 交换 

13.2.6 ICE 交换 

13.3 在线练习 

第14 章 跨窗口操作 

视频讲解：23 分钟

14.1 通知API 

14.1.1 Notification API 基础 

14.1.2 案例：设计桌面通知 

14.1.3 案例：关闭通知 

14.1.4 案例：设计多条通知 

14.2 页面可见API

14.2.1 Page Visibility 基础 

14.2.2 案例：设计视频页面 

14.2.3 案例：设计登录页面 

14.3 全屏API 

14.3.1 Fullscreen API 基础 

14.3.2 案例：设计全屏显示 

14.3.3 案例：设计全屏播放 

14.4 在线练习 

第15 章 拖放操作 

视频讲解：19 分钟

15.1 拖放API 基础 

15.1.1 拖放功能实现 

15.1.2 DataTransfer 对象 

15.2 案例实战 

15.2.1 设计垃圾箱 

15.2.2 设计接纳箱 

15.2.3 拖选对象 

15.2.4 可视化删除 

15.3 在线练习 

第16 章 异步交互 

视频讲解：21 分钟

16.1 XMLHttpRequest 2 基础 

16.1.1 请求时限 

16.1.2 FormData 数据对象 

16.1.3 上传文件 

16.1.4 跨域访问 

16.1.5 响应不同类型数据 

16.1.6 接收二进制数据

16.1.7 监测数据传输进度 

16.2 案例实战 

16.2.1 接收ArrayBuffer 对象 

16.2.2 接收Blob 对象 

16.2.3 发送字符串 

16.2.4 发送表单数据 

16.2.5 发送二进制文件

16.2.6 发送Blob 对象 

16.2.7 跨域请求 

16.2.8 设计文件上传进度条 

16.3 在线练习 

第17 章 延迟处理 

视频讲解：18 分钟

17.1 延迟处理基础 

17.1.1 从回调函数到异步队列 

17.1.2 使用promise 对象 

17.2 案例实战 

17.2.1 队列操作 

17.2.2 异常处理 

17.2.3 创建序列 

17.2.4 并行处理 

17.3 在线练习 

第18 章 HTML5 其他API 

视频讲解：12 分钟

18.1 指针锁定API

18.1.1 认识鼠标指针锁定API 

18.1.2 案例：设计全屏鼠标

指针锁定 

18.2 requestAnimationFrame 

18.2.1 认识requestAnimFrame 

18.2.2 案例：设计进度条 

18.2.3 案例：设计旋转的小球 

18.3 Mutation Observer 

18.3.1 认识Mutation Observer 

18.3.2 案例：观察DOM 元素 

18.3.3 案例：观察DOM 属性 

18.4 在线练习 

第19 章 CSS3 基础 

视频讲解：33 分钟

19.1 CSS3 概述 

19.2 CSS3 选择器概述 

19.3 使用CSS3 选择器 

19.4 案例实战 

19.5 在线练习 

第20 章 CSS3 文本样式 

视频讲解：74 分钟

20.1 CSS3 文本模块 

20.2 色彩模式 

20.3 文本阴影 

20.4 内容生成和替换 

20.5 网络字体 

20.6 案例实战 

20.7 在线练习 

第21 章 CSS3 背景图像和渐变背景

视频讲解：51 分钟

21.1 设计背景图像 

21.2 设计渐变背景 

21.3 案例实战 

21.4 在线练习 

第22 章 CSS3 用户接口样式 

视频讲解：36 分钟

22.1 界面显示 

22.2 轮廓样式 

22.3 边框样式 

22.4 盒子阴影 

22.5 案例实战 

22.6 在线练习 

第23 章 CSS3 伸缩盒布局 

视频讲解：32 分钟

23.1 多列布局 

23.2 旧版伸缩盒 

23.3 新版伸缩盒 

23.4 伸缩盒版本比较和兼容 

23.5 在线练习 

第24 章 CSS3 动画 

视频讲解：64 分钟

24.1 CSS3 变形 

24.2 过渡动画 

24.3 帧动画 

24.4 案例实战 

24.5 在线练习 

第25 章 CSS3 媒体查询 

视频讲解：21 分钟

25.1 媒体查询基础 

25.2 案例实战 

25.3 在线练习