第1章 初识HTML5 1
任务1了解HTML5的优势 3
任务2 HTML5新增元素及属性 4
1.2.1 HTML5新增结构元素 4
1.2.2 HTML5新增网页元素 9
1.2.3 HTML5新增全局属性 12
1.2.4 上机训练 13
任务3 CSS3高级选择器 14
1.3.1 结构伪类选择器 14
1.3.2 上机训练 18
本章作业 19
第2章 HTML5表单 21
任务1了解HTML5表单在网页中的应用 22
任务2 HTML5新增的input类型 24
2.2.1 email类型 24
2.2.2 url类型 26
2.2.3 number类型 26
2.2.4 range类型 28
2.2.5 search类型 28
2.2.6 Date pickers类型 29
2.2.7 上机训练 32
任务3 HTML5新增的input属性 34
2.3.1 autofocus 34
2.3.2 required 35
2.3.3 placeholder 35
2.3.4 pattern 37
2.3.5 height/width 38
2.3.6 上机训练 38
本章作业 38
第3章 CSS3应用 41
任务1会使用CSS3边框效果 43
3.1.1 CSS3圆角 43
3.1.2 CSS3边界图片 47
3.1.3 CSS3盒子阴影 49
3.1.4 上机训练 52
任务2 CSS3文本效果的应用 53
3.2.1 CSS3文本阴影 53
3.2.2 word-wrap属性 55
任务3 CSS3背景与渐变效果的应用 57
3.3.1 CSS3背景 57
3.3.2 CSS3渐变 61
3.3.3 上机训练 63
任务4会使用 CSS3字体美化网页 64
本章作业 66
第4章 CSS3高级应用 69
任务1 CSS3 2D变形的应用 70
4.1.1 2D变形简介 70
4.1.2 浏览器兼容性 71
4.1.3 2D变形 71
4.1.4 上机训练 79
任务2 CSS3 3D变形的应用 82
4.2.1 3D变形属性 82
4.2.2 3D变形方法 83
4.2.3 上机训练 88
本章作业 88
第5章 使用CSS3制作动画 91
任务1利用CSS3过渡实现动画效果 93
5.1.1 过渡简介 93
5.1.2 浏览器兼容性 93
5.1.3 过渡属性的使用 93
5.1.4 完善旋转按钮案例 97
5.1.5 上机训练 98
任务2 CSS3动画的使用 99
5.2.1 CSS3动画简介 99
5.2.2 浏览器兼容性 100
5.2.3 CSS3动画使用过程 100
5.2.4 上机训练 104
本章作业 106
第6章 HTML5媒体元素 109
任务1视频元素及音频元素在网页中的使用 111
6.1.1 如何在网页中播放视频及音频 111
6.1.2 视频元素 112
6.1.3 音频元素 116
6.1.4 上机训练 118
任务2自定义视频播放器 119
6.2.1 自定义视频播放器需要的属性和方法 119
6.2.2 自定义视频播放器制作步骤 119
6.2.3 上机训练 125
本章作业 125
第7章 Canvas基础 127
任务1 Canvas概述及应用 129
7.1.1 Canvas概述 129
7.1.2 创建Canvas步骤 130
任务2使用Canvas绘制基本图形 132
7.2.1 绘制直线 132
7.2.2 绘制三角形 134
7.2.3 绘制矩形 138
7.2.4 绘制圆形 140
7.2.5 清空画布 143
7.2.6 上机训练 144
任务3使用Canvas绘制贝塞尔曲线 145
7.3.1 绘制二次方贝塞尔曲线 145
7.3.2 绘制三次方贝塞尔曲线 146
7.3.3 上机训练 148
本章作业 148
第8章 Canvas高级应用 151
任务1 Canvas高级功能的使用 152
8.1.1 Canvas渐变 152
8.1.2 图形组合 157
8.1.3 Canvas绘制图像 159
8.1.4 裁剪图像 163
8.1.5 Canvas绘制文本 164
任务2使用Canvas绘制风景时钟 165
本章作业 170