第1章　轻松入门前端设计
1.1　熟悉HTML5语法　/2
1.1.1　文档声明　/2
1.1.2　字符编码　/2
1.1.3　省略引号　/3
1.2　新增的元素分类　/3
1.2.1　结构性元素　/3
1.2.2　级块性元素　/4
1.2.3　行内语义性元素　/4
1.2.4　交互性元素　/4
1.3　HTML5新增的属性　/5
1.3.1　关于表单的一些属性　/5
1.3.2　其他相关属性　/5
1.4　HTML5中废除的元素和属性　/6
1.4.1　HTML5中废除的元素　/6
1.4.2　HTML5中废除的属性　/6
上机实训　/7
课后实践　/8
第2章　新型表单的应用
2.1　HTML5 form入门　/12
2.1.1　HTML5 form新特性　/12
2.1.2　浏览器对HTML5 form的支持情况　/12
2.1.3　新型表单的输入型控件　/13
2.1.4　表单中日期的制作　/15
2.1.5　限制数字范围　/16
2.1.6　自选颜色的设置　/16
2.2　表单进阶　/17
2.2.1　表单的新元素　/17
2.2.2　表单新增属性　/20
上机实训　/27
课后实践　/33
第3章　音频与视频
3.1　音频和视频元素　/36
3.2　属性、方法和事件　/36
3.2.1　audio和video相关事件　/37
3.2.2　audio和video相关属性　/37
3.2.3　audio和video相关方法　/38
3.3　audio和video元素的应用　/39
3.3.1　检测浏览器是否支持　/39
3.3.2　audio元素　/39
3.3.3　使用audio元素　/41
3.3.4　video元素　/42
3.3.5　使用video元素　/42
上机实训　/45
课后实践　/50
第4章　定位自己的位置
4.1　地理位置信息　/52
4.1.1　经纬度坐标　/52
4.1.2　GPS定位　/52
4.1.3　IP地址定位　/52
4.1.4　WiFi定位　/53
4.1.5　自定义定位　/53
4.2　浏览器对Geolocation的支持　/54
4.3　隐私处理　/57
4.4　GeolocationAPI　/57
4.4.1　检测浏览器　/57
4.4.2　位置请求　/58
4.5　显示自己的位置　/62
上机实训　/65
课后实践　/67
第5章　离线储存和拖放
5.1　什么是离线Web　/70
5.2　应用离线Web　/70
5.2.1　支持离线行为　/71
5.2.2　manifest文件　/72
5.2.3　applicationCache对象　/73
5.2.4　具体应用思路　/75
5.3　Web Workers　/77
5.3.1　Web Workers入门　/77
5.3.2　Web Workers应用　/78
5.4　Web Workers API　/80
5.4.1　检测浏览器是否支持　/81
5.4.2　创建Web Workers　/82
5.4.3　应用Web Workers　/82
5.5　拖放API　/84
5.5.1　实现拖放API的过程　/84
5.5.2　datatransfer对象的属性与方法　/85
5.5.3　制作拖拽列表　/85
上机实训　/89
课后实践　/91
第6章　在网页中绘图
6.1　canvas知识必备　/94
6.1.1　什么是canvas　/94
6.1.2　canvas和CSS　/95
6.1.3　canvas坐标　/95
6.2　canvas的应用　/96
6.2.1　绘制圆形的方法　/96
6.2.2　绘制直线的方法　/98
6.2.3　绘制刻度线的方法　/101
6.2.4　完整的时钟效果　/102
6.3　绘制图像　/106
6.3.1　应用变形　/106
6.3.2　应用渐变　/107
6.3.3　组合图形　/110
6.3.4　文本和阴影　/112
6.3.5　像素处理　/115
上机实训　/117
课后实践　/118
第7章　CSS3入门必修
7.1　CSS3概述　/122
7.1.1　长度单位　/122
7.1.2　结构性伪类　/123
7.1.3　新增UI元素状态伪类　/124
7.1.4　新增属性及用法　/124
7.2　设计文本和边框样式　/127
7.2.1　文本阴影效果　/128
7.2.2　处理溢出文本　/131
7.2.3　强制文本换行　/133
7.2.4　英文单词拆分　/134
7.2.5　边框设置圆角　/136
7.2.6　盒子设置阴影　/137
上机实训　/139
课后实践　/140
第8章　CSS3交互效果
8.1　多媒体查询　/144
8.1.1　多媒体查询的应用方向　/144
8.1.2　多媒体查询的应用语法　/144
8.1.3　多媒体查询的应用方法　/145
8.1.4　制作一个自适应的导航栏　/147
8.2　用户界面　/151
8.2.1　调整尺寸　/152
8.2.2　调整方框大小　/154
8.2.3　外形的修饰　/156
8.2.4　多列布局应用　/157
8.3　弹性盒子　/160
8.3.1　弹性盒子基础　/160
8.3.2　设置父级容器　/161
8.3.3　设置子级容器　/168
上机实训　/173
课后实践　/174
第9章　CSS3运动效果
9.1　CSS3转换　178
9.1.1　浏览器支持情况　178
9.1.2　制作2D转换　/178
9.1.3　制作3D转换　/184
9.2　过渡基础　/190
9.2.1　过渡属性　/190
9.2.2　浏览器支持情况　/191
9.3　如何实现过渡　/191
9.3.1　单项属性过渡　/192
9.3.2　多项属性过渡　/193
9.3.3　设计电脑桌面　/194
9.4　动画的实现过程　/197
9.4.1　浏览器支持　/197
9.4.2　动画属性　/198
9.4.3　实现动画效果　/200
上机实训　/204
课后实践　/205
第10章　项目实战—制作旅游官网
10.1　预览网页　/208
10.1.1　网站首页效果图　/208
10.1.2　分解各部分内容　/208
10.2　网站首页内容设计　/210
10.2.1　首页头部的制作　/211
10.2.2　导航栏的设计　/212
10.3　网页主体部分的制作　/218
10.3.1　制作静态的展示页　/218
10.3.2　制作轮播展示页面　/221
10.3.3　页尾的制作　/224
参考文献　/229