第1章 Web开发新时代

1.1 HTML5概述

1.1.1 HTML5新特性

1.1.2 HTML5组织

1.1.3 HTML5构成

1.2 HTML5设计原理

1.2.1 HTML开发历程

1.2.2 HTML5开发动力

1.2.3 HTML5设计理念

1.3编写第一个HTML5页面

1.3.1搭建上机练习环境

1.3.2检测浏览器是否支持

1.3.3使用HTML5编写简单的Web页面

1.4 HTML5页面的特征

1.4.1使用HTML5结构化元素

1.4.2使用CSS美化HTML5文档

第2章 从HTML、 XHTML到HTML5

2.1 HTML基础

2.1.1 HTML简介

2.1.2 HTML特性

2.1.3 HTML结构

2.1.4 HTML语法

2.1.5 HTML标签

2.1.6 HTML属性

2.2 XHTML基础

2.2.1 XHTML结构

2.2.2 XHTML语法

2.2.3 XHTML类型

2.2.4 DTD解析

2.2.5命名空间

2.3 HTML5基础

2.3.1 HTML5语法

2.3.2 HTML5元素

2.3.3 HTML5增加及废除的属性

2.3.4 HTML5全局属性

2.3.5 HTML5其他功能

第3章 创建HTML5文档

3.1认识HTML5文档结构

3.2 HTML5元素分类

3.3构建主体内容

3.3.1标识文章

3.3.2给内容分段

3.3.3设计导航信息

3.3.4设计辅助信息

3.3.5设计微格式

3.3.6添加发布日期

3.4添加语义模块

3.4.1添加标题块

3.4.2给标题分组

3.4.3添加脚注块

3.4.4添加联系信息

3.5综合实战：使用HTML5设计博客主页

3.5.1设计大纲

3.5.2设计样式

第4章 实战HTML5表单

4.1新增的input输入类型

4.1.1 email类型的应用

4.1.2 url类型的应用

4.1.3 number类型的应用

4.1.4 range类型的应用

4.1.5日期检出器类型的应用

4.1.6 search类型的应用

4.1.7 tel类型的应用

4.1.8 color类型的应用

4.2新增的input属性

4.2.1新增的autocomplete属性

4.2.2新增的autofocus属性

4.2.3新增的form属性

4.2.4新增的表单重写属性

4.2.5新增的height与width属性

4.2.6新增的list属性

4.2.7新增的min、 max和step属性

4.2.8新增的multiple属性

4.2.9新增的pattern属性

4.2.10新增的placeholder属性

4.2.11新增的required属性

4.3新增的form元素

4.3.1新增的datalist元素

4.3.2新增的keygen元素

4.3.3新增的output元素

4.4新增的form属性

4.4.1新增的autocomplete属性

4.4.2新增的novalidate属性

第5章 实战HTML5画布

5.1认识HTML5 canvas元素

5.1.1在页面中添加canvas元素

5.1.2 Canvas如何绘制图形

5.1.3认识Canvas坐标

5.1.4何时不用Canvas

5.1.5如果浏览器不支持Canvas

5.1.6检测浏览器支持

5.2绘制简单图形

5.2.1绘制直线

5.2.2绘制矩形

5.2.3绘制圆形

5.2.4绘制三角形

5.2.5清空画布

5.3绘制贝塞尔曲线

5.3.1绘制二次方贝塞尔曲线

5.3.2绘制三次方贝塞尔曲线

5.4图形的变换

5.4.1保存与恢复Canvas状态

5.4.2移动坐标空间

5.4.3旋转坐标空间

5.4.4缩放图形

5.4.5矩阵变换

5.5图形的组合与裁切

5.5.1图形的组合

5.5.2裁切路径

5.6更多的颜色和样式选项

5.6.1应用不同的线型

5.6.2绘制线性渐变

5.6.3绘制径向渐变

5.6.4绘制图案

5.6.5设置图形的透明度

5.6.6创建阴影

5.7绘制文字

5.7.1绘制填充文字

5.7.2文字相关属性

5.7.3绘制轮廓文字

5.7.4测量文字宽度

5.8操作与使用图像

5.8.1向Canvas中引入图像

5.8.2改变图像大小

5.8.3创建图像切片

第6章 HTML5音频与视频

6.1 HTML5多媒体技术概述

6.1.1关于编解码器

6.1.2音频编解码器

6.1.3视频编解码器

6.2浏览器支持概述

6.2.1用JavaScript检测音频格式支持情况

6.2.2用JavaScript检测视频格式支持情况

6.3在HTML5中播放音频

6.3.1认识audio元素

6.3.2播放音频

6.4在HTML5中播放视频

6.4.1认识video元素

6.4.2播放视频

6.5音频与视频相关属性、方法与事件

6.5.1音频与视频相关属性

6.5.2音频与视频相关方法

6.5.3音频与视频相关事件

6.6综合实战

6.6.1用脚本控制音乐播放

6.6.2查看视频帧画面

第7章 Web存储

7.1认识Web Storage

7.1.1 Cookie存储机制的优缺点

7.1.2为什么要用Web Storage

7.1.3 Web Storage的优缺点

7.1.4浏览器支持概述

7.2使用Web Storage

7.2.1检查浏览器的支持性

7.2.2设置和获取数据

7.2.3防止数据泄露

7.2.4 Web Storage的其他用法

7.2.5 Web Storage事件监测

7.2.6实例1：设计网页皮肤

7.2.7实例2：跟踪localStorage数据

7.2.8实例3：设计计数器

7.2.9综合应用：Web应用项目实时跟踪

7.3 Web SQL数据库

7.3.1 Web SQL数据库概述

7.3.2使用Web SQL数据库

7.3.3实例1：创建简单的本地数据库

7.3.4实例2：批量存储本地数据

7.3.5综合应用：Web Storage和Web SQL 混合开发

第8章 离线应用

8.1 HTML5离线应用概述

8.1.1为什么要学习HTML5离线应用

8.1.2浏览器支持概述

8.2 HTML5离线应用详解

8.2.1解析manifest文件

8.2.2搭建离线应用程序

8.2.3检查浏览器是否支持

8.2.4离线缓存更新实现

8.2.5 JavaScript接口实现

8.2.6离线存储事件监听

8.3实战1：缓存首页

8.4实战2：离线编辑内容

8.5实战3：离线跟踪

第9章 Workers多线程处理

9.1认识Web Workers

9.1.1 Web Workers概述

9.1.2浏览器支持概述

9.1.3熟悉Web Workers成员

9.2使用Web Workers

9.2.1检查浏览器支持性

9.2.2创建Web Workers

9.2.3与Web Workers通信

9.2.4使用Web Workers上机练习

9.3案例实战

9.3.1使用多线程实现后台运算

9.3.2在后台过滤值

9.3.3多任务并发处理

9.3.4在多线程之间通信

9.3.5使用线程技术计算Fibonacci数列

9.3.6使用多线程绘图

9.4综合应用：模拟退火算法

9.4.1认识模拟退火算法

9.4.2编写应用主页面

9.4.3编写worker js

9.4.4与Web Workers通信

第10章 Geolocation地理位置

10.1位置信息概述

10.1.1为什么要学习Geolocation

10.1.2位置信息表示方式

10.1.3位置信息来源

10.1.4 IP定位

10.1.5 GPS定位

10.1.6 Wi-Fi定位

10.1.7手机定位

10.1.8自定义定位

10.2使用Geolocation API

10.2.1检查浏览器支持性

10.2.2获取当前地理位置

10.2.3监视位置信息

10.2.4停止获取位置信息

10.2.5隐私保护

10.2.6处理位置信息

10.2.7使用position对象

10.3案例实战

10.3.1使用Google地图

10.3.2跟踪行走速度

第11章 CSS3概述

11.1回顾CSS

11.1.1 CSS发展简史

11.1.2 CSS 1.0和CSS 2.0概述

11.1.3 CSS与DIV标记之缘

11.1.4 CSS编码规范

11.2了解CSS3新增特性

11.2.1属性选择器

11.2.2 RBGA透明度

11.2.3多栏布局

11.2.4多背景图片

11.2.5字符串溢出

11.2.6块阴影与圆角阴影

11.2.7圆角

11.2.8边框图片

11.2.9形变

11.3 CSS3前景展望

11.3.1 CSS3的应用范围

11.3.2当前支持CSS3的浏览器

11.4案例实战：设计漂亮的表单

第12章 CSS选择器

12.1属性选择器

12.1.1认识属性选择器

12.1.2案例实战

12.2结构伪类选择器

12.2.1认识结构伪类选择器

12.2.2案例实战

12.3 UI伪类选择器

12.3.1认识常用Ul伪类选择器

12.3.2案例实战

12.4其他选择器

第13章 文本、字体与颜色

13.1设计文本阴影

13.1.1定义text-shadow属性

13.1.2应用阴影效果

13.1.3综合实战：设计黑客网站首页

13.2定义文本样式

13.2.1文本样式简介

13.2.2溢出文本

13.2.3文本换行

13.3设计颜色样式

13.3.1使用RGBA颜色值

13.3.2使用HSL颜色值

13.3.3使用HSLA颜色值

13.3.4定义opacity属性

13.3.5定义 transparent颜色值

第14章 背景和边框

14.1设计多色边框

14.1.1用法详解

14.1.2案例实战

14.2设计边框背景

14.2.1用法详解

14.2.2案例实战

14.3设计圆角

14.3.1用法详解

14.3.2案例实战：设计椭圆图形

14.4设计阴影

14.4.1用法详解

14.4.2案例实战：设计Windows7界面效果

14.5设计背景

14.5.1定义背景坐标

14.5.2定义背景裁剪区域

14.5.3定义背景图像大小

14.5.4定义背景图像循环方式

14.5.5定义多背景图像

第15章 2D变形

15.1认识transform

15.2 2D变形

15.2.1旋转动画

15.2.2缩放动画

15.2.3移动动画

15.2.4倾斜动画

15.2.5变形动画

15.2.6案例实战：设计涂鸦墙

15.3自定义变形

15.4定义复杂变形

第16章 设计动画

16.1平滑过渡

16.1.1定义过渡属性

16.1.2定义过渡时间

16.1.3定义过渡延迟时间

16.1.4定义过渡效果

16.1.5案例实战：设计Mac OS导航器

16.2 3D动画

16.2.1定义动画名称

16.2.2定义动画时间

16.2.3定义动画播放方式

16.2.4定义动画延迟时间

16.2.5定义动画播放次数

16.2.6定义动画播放方向

16.2.7案例实战：设计图片翻转特效

16.3渐变效果

16.3.1设计Webkit渐变

16.3.2 Webkit案例实战

16.3.3设计Gecko渐变

16.3.4 Gecko案例实战

16.3.5设计IE渐变

16.3.6设计W3C渐变

16.4案例综合实战

16.4.1设计礼品盒

16.4.2设计折叠面板

16.4.3设计易拉罐

16.4.4设计光盘滑动动画

16.4.5设计下拉菜单

16.4.6设计精致按钮

第17章 网页布局

17.1设计多列布局

17.2设置多列显示样式

17.2.1定义列宽

17.2.2定义列数

17.2.3定义列间距

17.2.4定义列边框样式

17.2.5定义跨列显示

17.2.6定义列高度

17.2.7定义打印列

17.3设计盒布局

17.4设置盒布局格式

17.4.1定义自适应宽度

17.4.2定义列显示顺序

17.4.3定义列排列方向

17.4.4定义模块大小自适应

17.4.5消除空白

17.4.6定义对齐方式

17.5综合实战：设计多列网页

第18章 用户界面

18.1改变盒模型组成方式

18.2调节元素尺寸

18.3设计轮廓

18.3.1定义轮廓线

18.3.2定义轮廓线宽度

18.3.3定义轮廓线样式

18.3.4定义轮廓线颜色

18.3.5定义轮廓线位移

18.4设计导航

18.4.1定义导航顺序

18.4.2定义方向键控制顺序

18.5添加显示内容

18.6恢复默认样式

18.6.1取消元素样式

18.6.2慎用initial的情况

第19章 CSS3其他新特性

19.1溢出处理

19.2自定义字体类型

19.2.1使用＠font-face规则

19.2.2开放字体

19.3定义设备类型

19.3.1认识Media Queries模块

19.3.2认识＠media规则

19.3.3使用＠media规则

19.3.4在网站中应用＠media规则

19.4添加语音功能

19.5设计倒影