本课程共分HTML5概述、Canvas API、SVG、音频与视频、Geolocation API、Communication API、Web Sockets API、Forms API、拖放、Web Workers API、Web Storage API、离线Web应用十二个模块，使学习者在熟练掌握HTML5基本应用的基础上，推进HTML5 API的开发与应用，为其将来从事Web技术开发奠定良好的职业技能素养。

• 第1章 HTML5概述
  • 1.1 HTML5发展史及新功能
  • 1.2 软件开发环境
  • 1.3 HTML5页面元素获取
  • 1.4 选择器的区分使用
• 第2章 Canvas API
  • 2.1 Canvas API图形绘制
  • 2.2 Canvas绘图基本步骤
  • 2.3 Canvas绘制线段
  • 2.4 Canvas绘制圆弧
  • 2.5 Canvas绘制贝塞尔曲线
  • 2.6 Canvas绘制矩形
  • 2.7 Canvas描边和内部修饰
  • 2.8 Canvas图像填充
  • 2.9 Canvas背景图像填充
  • 2.10 Canvas绘制线性渐变
  • 2.11 Canvas绘制放射性渐变
  • 2.12 实例-绘制松树树冠
  • 2.13 实例-绘制松树树干
  • 2.14 实例-绘制松树阴影
  • 2.15 实例-绘制小路
  • 2.16 实例-绘制文字
• 第3章 SVG
  • 3.1 SVG矢量图绘制
  • 3.2 SVG直线与矩形绘制
  • 3.3 SVG圆、椭圆、多边形与折线绘制
  • 3.4 SVG路径与文本绘制
  • 3.5 SVG图形的基本操作
  • 3.6 SVG图像填充
  • 3.7 SVG中采用线性渐变和放射性渐变填充图形
  • 3.8 图形的渐变填充
  • 3.9 实例-绘制树
  • 3.10 实例-绘制文字
  • 3.11 实例-动态创建树
  • 3.12 实例-图像交互
• 第4章 音频与视频
  • 4.1 Audio和Video概述
  • 4.2 媒体控制属性和函数
  • 4.3 自制音乐播放器
  • 4.4 实例-捕捉视频播放器画面
  • 4.5 实例-多帧画面捕捉
  • 4.6 实例-视频回放
• 第5章 Geolocation API
  • 5.1 页面地图定位知识
  • 5.2 单次定位函数
  • 5.3 单次定位数据获取
  • 5.4 重复定位函数
  • 5.5 地图定位的具体应用
  • 5.6 商用地图定位
• 第6章 Communication API
  • 6.1 跨文档消息通信概述
  • 6.2 postMessage函数
  • 6.3 实例-跨源消息通信_1
  • 6.4 实例-跨源消息通信_2
  • 6.5 XMLHttpRequest请求介绍
  • 6.6 XMLHttpRequest图片上传
  • 6.7 进度事件
• 第7章 WebSockets API
  • 7.1 WebSockets概述
  • 7.2 WebSockets握手和接口定义
  • 7.3 WebSockets编程语法
  • 7.4 WebSockets示例应用
  • 7.5 WebSockets定位追踪
• 第8章 Forms API
  • 8.1 HTML5 Forms概述
  • 8.2 常用标签input
  • 8.3 常用标签select和texterea
  • 8.4 HTML5新增控件
  • 8.5 HTML5新增属性
• 第9章 拖放
  • 9.1 拖放概述
  • 9.2 拖放事件流
  • 9.3 拖放数据控制
  • 9.4 文本拖放
  • 9.5 图像拖放
  • 9.6 文件拖放
• 第10章 Web Workers API
  • 10.1 Web Workers概述
  • 10.2 Web Workers通信构建
  • 10.3 多线程处理图像模糊
• 第11章 Web Storage API
  • 11.1 Web storage概述
  • 11.2 Web storage接口定义
  • 11.3 Web storageEvent API接口定义
  • 11.4 Web storage 使用语法
  • 11.5 Web storage存取
  • 11.6 Web storageEvent应用
• 第12章 构建离线Web
  • 12.1 HTML5离线web概述
  • 12.2 HTML5离线web构建