第1章 初识HTML5

任务1了解HTML5的优势

任务2 HTML5新增元素及属性

1.2.1 HTML5新增结构元素

1.2.2 HTML5新增网页元素

1.2.3 HTML5新增全局属性

1.2.4 上机训练

任务3 CSS3高级选择器

1.3.1 结构伪类选择器

1.3.2 上机训练

本章作业

第2章 HTML5表单

任务1了解HTML5表单在网页中的应用

任务2 HTML5新增的input类型

2.2.1 email类型

2.2.2 url类型

2.2.3 number类型

2.2.4 range类型

2.2.5 search类型

2.2.6 Date pickers类型

2.2.7 上机训练

任务3 HTML5新增的input属性

2.3.1 autofocus

2.3.2 required

2.3.3 placeholder

2.3.4 pattern

2.3.5 height/width

2.3.6 上机训练

本章作业

第3章 CSS3应用

任务1会使用CSS3边框效果

3.1.1 CSS3圆角

3.1.2 CSS3边界图片

3.1.3 CSS3盒子阴影

3.1.4 上机训练

任务2 CSS3文本效果的应用

3.2.1 CSS3文本阴影

3.2.2 word-wrap属性

任务3 CSS3背景与渐变效果的应用

3.3.1 CSS3背景

3.3.2 CSS3渐变

3.3.3 上机训练

任务4会使用 CSS3字体美化网页

本章作业

第4章 CSS3高级应用

任务1 CSS3 2D变形的应用

4.1.1 2D变形简介

4.1.2 浏览器兼容性

4.1.3 2D变形

4.1.4 上机训练

任务2 CSS3 3D变形的应用

4.2.1 3D变形属性

4.2.2 3D变形方法

4.2.3 上机训练

本章作业

第5章 使用CSS3制作动画

任务1利用CSS3过渡实现动画效果

5.1.1 过渡简介

5.1.2 浏览器兼容性

5.1.3 过渡属性的使用

5.1.4 完善旋转按钮案例

5.1.5 上机训练

任务2 CSS3动画的使用

5.2.1 CSS3动画简介

5.2.2 浏览器兼容性

5.2.3 CSS3动画使用过程

5.2.4 上机训练

本章作业

第6章 HTML5媒体元素

任务1视频元素及音频元素在网页中的使用

6.1.1 如何在网页中播放视频及音频

6.1.2 视频元素

6.1.3 音频元素

6.1.4 上机训练

任务2自定义视频播放器

6.2.1 自定义视频播放器需要的属性和方法

6.2.2 自定义视频播放器制作步骤

6.2.3 上机训练

本章作业

第7章 Canvas基础

任务1 Canvas概述及应用

7.1.1 Canvas概述

7.1.2 创建Canvas步骤

任务2使用Canvas绘制基本图形

7.2.1 绘制直线

7.2.2 绘制三角形

7.2.3 绘制矩形

7.2.4 绘制圆形

7.2.5 清空画布

7.2.6 上机训练

任务3使用Canvas绘制贝塞尔曲线

7.3.1 绘制二次方贝塞尔曲线

7.3.2 绘制三次方贝塞尔曲线

7.3.3 上机训练

本章作业

第8章 Canvas高级应用

任务1 Canvas高级功能的使用

8.1.1 Canvas渐变

8.1.2 图形组合

8.1.3 Canvas绘制图像

8.1.4 裁剪图像

8.1.5 Canvas绘制文本

任务2使用Canvas绘制风景时钟

本章作业