CHAPTER 01 HTML5入门必备

1.1 认识HTML5

1.1.1 HTML发展历程

1.1.2 HTML5和H5的区别

1.2 新的特性

1.2.1 兼容性

1.2.2 化繁为简

1.2.3 通用访问

1.2.4 标准改进

1.3 为何使用HTML5

1.3.1 页面的交互性能更强大

1.3.2 字符集和DOCTYPE的改进

1.3.3 HTML5的优势

1.4 元素的分类

1.4.1 结构性元素

1.4.2 级块性元素

1.4.3 行内语义性元素

1.4.4 交互性元素

1.5 新增元素

1.6 新增属性

1.6.1 表单相关属性

1.6.2 其他相关属性

1.7 课堂练习

强化训练

CHAPTER 02 在页面中绘图

2.1 canvas入门

2.1.1 canvas含义

2.1.2 canvas坐标

2.2 使用canvas

2.2.1 在页面中加入canvas

2.2.2 绘制矩形和五角形

2.2.3 检测浏览器是否支持

2.3 绘制曲线路径

2.3.1 绘制路径的方法

2.3.2 描边样式的使用

2.3.3 填充和曲线的绘制方法

2.4 绘制图像

2.4.1 使用canvas插入图片

2.4.2 渐变颜色的使用

2.4.3 变形图形的设置方法

2.4.4 组合图形的绘制方法

2.4.5 使用canvas绘制文字

2.5 课堂练习

强化训练

CHAPTER 03 制作新型的表单

3.1 新的表单元素

3.1.1 datalist元素

3.1.2 keygen元素

3.1.3 output元素

3.2 新的表单属性

3.2.1 form属性

3.2.2 formaction属性

3.2.3 placeholder属性

3.2.4 list属性

3.2.5 min和max属性

3.2.6 novalidate属性

3.2.7 multiple属性

3.2.8 step属性

3.3 表单的输入型控件

3.3.1 Input类型E-mail

3.3.2 Input类型url

3.3.3 Input类型number

3.3.4 Input类型range

3.3.5 Input类型Date Pickers

3.3.6 Input类型color

3.4 制作一个表单

3.5 课堂练习

强化训练

CHAPTER 04 地理位置请求

4.1 关于地理位置信息

4.1.1 经度和纬度坐标

4.1.2 IP地址定位数据

4.1.3 GPS和Wi-Fi地理定位数据

4.1.4 用户自定义的地理定位

4.2 浏览器对Geolocation的支持

4.2.1 GeolocationAPI概述

4.2.2 Geolocation的浏览器支持情况

4.3 隐私处理

4.3.1 应用隐私保护机制

4.3.2 处理位置信息

4.4 使用Geolocation API

4.4.1 检测浏览器是否支持

4.4.2 位置请求

4.5 在地图上显示位置

4.6 课堂练习

强化训练

CHAPTER 05 拖曳上传的应用

5.1 拖放API

5.1.1 实现拖放API的过程

5.1.2 dataTransfer对象的属性与方法

5.2 拖放API的应用

5.2.1 拖放应用

5.2.2 拖放列表

5.3 课堂练习

强化训练

CHAPTER 06 CSS3选择器

6.1 CSS选择器

6.1.1 三大基础选择器

6.1.2 集体选择器

6.1.3 属性选择器

6.2 CSS3入门

6.2.1 CSS3与之前版本的异同点

6.2.2 CSS3新增的长度单位

6.2.3 CSS3新增结构性伪类

6.2.4 CSS3新增UI元素状态伪类

6.2.5 CSS3新增属性

6.3 课堂练习

强化训练

CHAPTER 07 CSS3设计动画

7.1 过渡基础

7.1.1 过渡属性

7.1.2 浏览器支持情况

7.2 实现过渡

7.2.1 单项属性过渡

7.2.2 多项属性过渡

7.2.3 利用过渡设计电脑桌面

7.3 实现动画

7.3.1 浏览器支持情况

7.3.2 动画属性

7.3.3 实现动画效果

7.4 课堂练习

强化训练

CHAPTER 08 多彩的样式设计

8.1 设置多彩的文本样式

8.1.1 设置文本阴影

8.1.2 设置文本溢出

8.1.3 给文本换行

8.1.4 把单词拆分

8.1.5 设置圆角边框

8.1.6 设置盒子阴影

8.2 页面中多彩颜色的设置

8.2.1 使用HSL颜色值

8.2.2 使用HSLA颜色值

8.3 课堂练习

强化训练

CHAPTER 09 CSS3用户的交互界面

9.1 自适应显示效果

9.1.1 多媒体查询语法

9.1.2 多媒体查询方法

9.1.3 自适应的导航栏

9.2 用户界面简介

9.2.1 让用户自调尺寸

9.2.2 调整方框的大小

9.2.3 修饰外形轮廓样式

9.2.4 界面的多列布局

9.3 课堂练习

强化训练

CHAPTER 10 弹性盒子模型

10.1 盒子模型

10.1.1 盒子简介

10.1.2 外边距设置

10.1.3 外边距合并

10.1.4 内边距设置

10.2 弹性盒子

10.2.1 弹性盒子基础

10.2.2 对父级容器的设置

10.2.3 对子级内容的设置

10.3 课堂练习

强化训练

CHAPTER 11 颜色渐变和图形转换

11.1 渐变

11.1.1 浏览器支持

11.1.2 线性渐变

11.1.3 径向渐变

11.2 2D转换

11.2.1 移动translate（）

11.2.2 旋转rotate（）

11.2.3 缩放scale（）

11.2.4 倾斜skew（）

11.3 3D转换

11.3.1 rotateX（）方法

11.3.2 rotateY（）方法

11.3.3 转换属性

11.3.4 3D转换方法

11.4 课堂练习

强化训练

CHAPTER 12 JavaScript入门必学

12.1 JavaScript入门

12.1.1 JavaScript的发展

12.1.2 JavaScript的特点

12.1.3 JavaScript应用方向

12.1.4 JavaScript的用法

12.2 JavaScript的基本语法

12.2.1 数据类型

12.2.2 常量和变量

12.2.3 运算符和表达式

12.2.4 基本语句

12.3 JavaScript事件分析

12.3.1 事件类型

12.3.2 事件句柄

12.3.3 事件处理

12.4 课堂练习

强化训练

CHAPTER 13 特效应用

13.1 JavaScript函数

13.1.1 JavaScript函数定义

13.1.2 JavaScript函数参数

13.1.3 JavaScript函数调用方法

13.2 JavaScript应用表单

13.2.1 按钮对象

13.2.2 复选框对象

13.2.3 列表框对象

13.3 JavaScript事件分析

13.3.1 轮播图效果

13.3.2 字体闪烁效果

13.3.3 鼠标滑过效果

13.4 JavaScript特效制作

13.4.1 显示网页停留时间

13.4.2 制作定时关闭窗口

13.5 课堂练习

强化训练

CHAPTER 14 综合实践应用

14.1 制作一颗流星

14.1.1 分析流星的尾部

14.1.2 绘制一颗流行

14.2 制作一场流星雨

14.2.1 制作流星星

14.2.2 鼠标移动的效果

参考文献