HTML 5+CSS3网页设计经典范例

01 HTML 5概述

1.1 HTML 5介绍

1.2 HTML 5的发展历程

1.3 认识HTML 5

1.3.1 兼容性

1.3.2 用户优先和效率

1.3.3 化繁为简

1.3.4 通用访问

1.4 HTML 5的新增功能

1.4.1 字符集和DOCTYPE的改进

1.4.2 新元素

1.4.3 标准改进

1.4.4 使用Selectors API简化选取操作

1.4.5 window.JSON

1.5 使用HTML 5的优势

1.6 HTML 5的未来发展

1.6.1 Internet Explorer 8

1.6.2 众多全新浏览器的支持

1.7 本章小结

02 HTML 5与HTML4的区别

2.1 语法上的差异

2.1.1 HTML 5的语法变化

2.1.2 HTML 5中的标记方法

2.1.3 HTML 5与旧版本的兼容性

2.2 元素上的差异

2.2.1 HTML 5中新增加的元素

2.2.2 HTML 5中废除的元素

2.3 属性上的差异

2.3.1 HTML 5中新增加的属性元素

2.3.2 HTML 5中废除的属性

2.3.3 全局属性

2.4 本章小结

03 HTML 5的结构

3.1 新的主体结构元素

3.1.1 article元素

3.1.2 section元素

3.1.3 nav元素

3.1.4 aside元素

3.1.5 time元素与微格式

3.1.6 pubdate属性

3.2 新的非主体结构元素

3.2.1 header元素

3.2.2 hgroup元素

3.2.3 footer元素

3.2.4 address元素

3.3 HTML 5的结构阐述

3.3.1 HTML 5大纲

3.3.2 对新的结构元素使用样式

3.4 本章小结

04 绘图功能的实现

4.1 canvas API概述

4.1.1 canvas是什么

4.1.2 canvas的历史

4.1.3 canvas坐标

4.1.4 什么情况下不使用canvas

4.1.5 替代内容

4.1.6 CSS和canvas

4.1.7 浏览器对canvas的支持

4.1.8 canvas的核心Context

4.2 如何使用canvas API

4.2.1 检测浏览器是否支持

4.2.2 在页面中加入canvas

4.2.3 上机操作——绘制矩形

4.3 应用canvas API绘制曲线路径

4.3.1 路径

4.3.2 上机操作——描边样式

4.3.3 上机操作——对矩形填充样式

4.3.4 上机操作——绘制曲线

4.4 应用canvas API绘制图像

4.4.1 上机操作——在canvas中插入图像

4.4.2 上机操作——绘制渐变图像

4.4.3 上机操作——缩放canvas对象

4.4.4 上机操作——canvas变换

4.5 canvas文本应用

4.5.1 上机操作——canvas 文本绘制

4.5.2 上机操作——应用阴影

4.5.3 上机操作——像素数据

4.6 实例精讲——动态时钟

4.7 本章小结

05 网络上的视频和音频应用

5.1 HTML 5 中audio和video概述

5.1.1 视频容器

5.1.2 音频和视频编解码器

5.1.3 HTML 5音视频的问题

5.1.4 哪些浏览器支持Audio和Video元素

5.1.5 HTML 5音视频支持格式

5.2 HTML 5中audio和video元素的应用

5.2.1 检测浏览器是否支持

5.2.2 audio元素

5.2.3 上机操作——使用audio元素

5.2.4 video元素

5.2.5 上机操作——使用video元素

5.3 实例精讲——在HTML 4中实现音频和视频的播放

5.4 实例精讲——在HTML 5中实现音频和视频的播放

5.5 本章小结

06 表单的应用

6.1 HTML 5 Forms概述

6.1.1 Forms和XForms

6.1.2 HTML 5 Forms的新特性

6.1.3 浏览器对HTML 5 Forms的支持情况

6.1.4 输入型控件

6.2 表单新特性与函数

6.2.1 新增属性

6.2.2 大幅度地增加与改良input元素的种类

6.2.3 上机操作——对新的表单元素使用样式

6.2.4 上机操作——追加output元素

6.3 验证表单

6.3.1 验证状态对象

6.3.2 上机操作——自动验证

6.3.3 上机操作——显示验证

6.3.4 取消验证

6.3.5 上机操作——自定义错误信息

6.4 实例精讲——HTML 5中的Forms应用

6.5 本章小结

07 全新的文件应用

7.1 新增的页面元素

7.1.1 上机操作——figure元素Forms

7.1.2 上机操作——figcaption元素Forms

7.1.3 上机操作——details元素Forms

7.1.4 上机操作——mark元素Forms

7.1.5 上机操作——progress元素Forms

7.1.6 上机操作——meter元素Forms

7.1.7 上机操作——menu元素Forms

7.1.8 上机操作——command元素Forms

7.2 增强的页面元素

7.2.1 上机操作——ol列表

7.2.2 上机操作——dl列表

7.2.3 上机操作——cite元素

7.2.4 上机操作——small元素

7.3 文件API

7.3.1 filelist对象与file对象

7.3.2 blob对象

7.3.3 FileReader接口

7.4 拖放API

7.4.1 实现拖放API的过程

7.4.2 dataTransfer对象的属性与方法

7.4.3 上机操作——设置拖放时的视觉效果

7.4.4 上机操作——自定义拖放图标

7.5 实例精讲——在HTML 5中实现文件拖放

7.6 本章小结

08 地理位置信息处理

8.1 关于地理位置信息

8.1.1 经度和纬度坐标

8.1.2 IP地址定位数据

8.1.3 GPS地理定位数据

8.1.4 Wi-Fi地理定位数据

8.1.5 手机地理定位数据

8.1.6 用户自定义的地理定位

8.2 浏览器对Geolocation的支持

8.2.1 Geolocation API概述

8.2.2 HTML 5 Geolocation的浏览器支持情况

8.3 隐私的处理

8.3.1 应用隐私保护机制

8.3.2 处理位置信息

8.4 使用Geolocation API

8.4.1 检测浏览器是否支持

8.4.2 位置请求

8.5 实例精讲——在网页中使用电子地图

8.6 本章小结

09 Web本地存储应用

9.1 Web Storage概述

9.1.1 Web Storage介绍

9.1.2 上机操作——简易的Web留言本

9.1.3 上机操作——简单的数据库应用

9.2 Web Storage的浏览器支持情况

9.3 使用Web Storage API

9.3.1 检测浏览器的支持情况

9.3.2 上机操作——设置和获取数据

9.3.3 封堵数据泄露

9.3.4 localStorage与sessionStorage

9.3.5 探索Web Storage

9.4 本地数据库

9.4.1 什么是本地数据库

9.4.2 用executesql来执行查询的实现方法

9.4.3 上机操作——使用数据库实现网页留言

9.4.4 transaction方法

9.5 本章小结

10 离线Web应用

10.1 离线Web概述

10.1.1 离线Web介绍

10.1.2 离线Web应用的浏览器支持情况

10.2 使用离线Web

10.2.1 构建简单的离线应用程序

10.2.2 支持离线行为

10.2.3 mannifest文件介绍

10.2.4 上机操作——applicationCache对象

……

《HTML 5+CSS 3网页设计经典范例（含CD光盘1张）》共分为18章，涵盖了HTML 5和CSS3中各方面的技术知识。主要内容包括HTML 5概述、HTML 5与HTML 4的区别、HTML 5的结构、canvas绘图功能、网络上的视频和音频应用、表单应用、全新的文件应用、地理位置信息处理、Web本地存储应用、离线Web应用、Web Workers API的应用、应用WebSockets API通信、CSS样式入门、使用CSS控制文字样式、使用CSS设置图片和背景、使用CSS控制列表、CSS盒模型，以及Div+CSS布局方法等内容。