李俊民和黄盛奎编者的《HTML5+CSS3网页设计经典范例(附光盘)》所讲解的内容涵盖了HTML 5中各方面的技术知识。本书采用通俗易懂的语言进行讲解，使读者很容易就够理解书中所讲解的内容。且凝聚了笔者多年的web程序开发经验，书中的每个知识点都融合了笔者对HTML 5的学思路和方法，从而提高了读者在开发网站程序时解决实际问题的能力。

本书配套光盘中包含各个实例的源代码程序，让读者可以在最短的时间内学习更多的知识。

李俊民和黄盛奎编者的《HTML5+CSS3网页设计经典范例(附光盘)》共分为18章，涵盖了HTML 5和CSS3中各方面的技术知识。

《HTML5+CSS3网页设计经典范例(附光盘)》主要内容包括HTML 5概述、HTML 5与HTML 4的区别、HTML 5的结构、canvas绘图功能、网络上的视频和音频应用、表单应用、全新的文件应用、地理位置信息处理、Web本地存储应用、离线Web应用、Web Workers API的应用、应用WebSockets API通信、CSS样式入门、使用CSS控制文字样式、使用CSS设置图片和背景、使用CSS控制列表、CSS盒模型，以及Div+CSS布局方法等内容。

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 8

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坐标 38

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对象 

10.3 实例精讲——HTML 5中离线Web的具体应用

10.4 本章小结 

11 Web Workers API应用 

11.1 Web Workers概述 3

11.1.1 Web Workers介绍 

11.1.2 上机操作——Web Workers的简单应用 

11.2 使用Web Workers API 

11.2.1 上机操作——检测浏览器是否支持 

11.2.2 创建Web Workers 

11.2.3 多线程文件的加载与执行 

11.2.4 上机操作——与Web Workers通信 

11.3 Web Workers线程应用 

11.3.1 上机操作——与线程进行数据的交互

11.3.2 上机操作——线程嵌套

11.3.3 上机操作——在多个子线程中进行数据交互 

11.4 实例精讲——HTML 5中的Web Workers应用

11.5 本章小结

12 应用WebSockets API通信 

12.1 WebSockets概述 

12.1.1 WebSockets介绍

12.1.2 实时通信与HTTP请求 

12.1.3 WebSockets工作原理 

12.1.4 WebSockets的浏览器支持情况 

12.2 上机操作——编写简单的Echo WebSocket服务器 

12.3 WebSockets通信 

12.3.1 WebSockets通信的基本知识 

12.3.2 上机操作——使用WebSockets API

12.4 实例精讲——HTML 5中的WebSockets应用程序 

12.5 本章小结

13 CSS样式入门

13.1 CSS概述

13.1.1 CSS的概念 

13.1.2 CSS的特点 

13.1.3 CSS选择器分类 

13.2 CSS选择器类型 

13.2.1 CSS选择器分类 

13.2.2 通用选择器

13.2.3 多元素的组合选择器 

13.2.4 属性选择器 

13.2.5 伪元素和伪类选择器 

13.3 CSS的继承特性 

13.3.1 继承关系 

13.3.2 CSS继承的局限性

13.4 样式表的类型 

13.4.1 内联样式表

13.4.2 嵌入样式表

13.4.3 外部样式表 

13.4.4 导入样式表 

13.5 本章小结 

14 使用CSS控制文字样式 

14.1 字体设置 

14.1.1 字体样式 

14.1.2 字体大小 

14.1.3 字体粗细 

14.1.4 字体颜色 

14.1.5 斜体 

14.1.6 字体变体 

14.1.7 字符转换 

14.1.8 文本修饰 

14.2 设置段落样式

14.2.1 设置段落对齐 

14.2.2 设置行间距 

14.2.3 设置字间距和字母间距 

14.2.4 文本缩进 

14.2.5 首字下沉 

14.2.6 处理空白符 

14.3 本章小结 

15 使用CSS设置背景 

15.1 设置背景 

15.1.1 设置背景颜色 

15.1.2 设置背景图片 

15.1.3 设置背景图片重复 

15.1.4 设置图片的位置 

15.1.5 设置背景滚动模式

15.1.6 设置背景定位 

15.1.7 设置背景裁剪 

15.1.8 设置背景图像的大小 

15.2 设置图片样式 

15.2.1 设置图片边框 

15.2.2 设置图片缩放 

15.3 设置其他边框样式 

15.3.1 border-radius属性 

15.3.2 border-image属性 

15.4 本章小结

16 使用CSS控制列表 

16.1 列表控制简述 

16.1.1 列表的控制原则 

16.1.2 列表符号类型 

16.2 列表相关属性 

16.2.1 设置列表类型 

16.2.2 设置列表项图像 

16.2.3 设置列表符号位置 

16.2.4 列表综合属性 

16.3 本章小结 

17 CSS盒模型 

17.1 盒模型的概念 

17.1.1 什么是盒模型 

17.1.2 设置外边距的大小 

17.1.3 设置边框 

17.1.4 设置内边距的大小 

17.1.5 外边距合并 

17.2 盒的浮动 

17.2.1 元素的浮动属性 

17.2.2 清除浮动属性 

17.3 盒的定位 

17.3.1 静态定位 

17.3.2 相对定位 

17.3.3 绝对定位 

17.3.4 固定定位 

17.3.5 z-index空间位置 9

17.4 本章小结 

18 Div + CSS布局方法 

18.1 Div概述

18.1.1 什么是Div 

18.1.2 插入Div 

18.2 CSS 布局方式 

18.2.1 两列布局

18.2.2 三列布局 

18.2.3 多列布局 

18.3 使用Div + CSS布局网页 

18.3.1 网页布局页面分析 

18.3.2 制作网页

18.4 本章小结