内容简介
《HTML 5+CSS 3入门经典》从初学者的角度出发，为想要学习HTML 5+CSS 3页面设计、想要进行Web程式开发的国中级开发人员、编程爱好者、大学师生精心策划。从技术套用的角度出发，结合实际套用进行讲解，以便让想要学习Web程式开发的人员能够将美工设计完成的图片转换为网站前台页面，让想要学习Web页面设计的人员能够根据自己的意愿设计网站页面。
图书目录
前言
第一篇 HTML 5基础篇
第1章 迎接新的Web 时代——HTML 5 的出现
视频讲解：16分钟
1.1 HTML的历史
1.1.1 HTML发展的历史
1.1.2 HTML 5 时代即将来临
1.2 HTML 5 的优势
1.2.1 使用HTML 5 的理由
1.2.2 HTML 5 的化繁为简
1.2.3 HTML 5 的无外挂程式範式
1.2.4 HTML 5 的新特性
1.3 HTML 5 的语法变化和标记方法
1.3.1 HTML 5 的语法变化
1.3.2 HTML 5 的标记方法
1.3.3 标记实例
1.4 小结
1.5 习题
第2章 去其糟粕，取其精华——HTML 5的元素与属性
视频讲解：36分钟
2.1 新增的元素和废除的元素
2.1.1 新增的结构元素
2.1.2 新增的块级（block）语义的元素
2.1.3 新增的行内（inline）语义的元素
2.1.4 新增的嵌入多媒体元素与互动性元素
2.1.5 新增的input元素的类型
2.1.6 废除的元素
2.2 新增的属性和废除的属性
2.2.1 新增的属性
2.2.2 废除的属性
2.3 全局属性
2.3.1 contentEditable属性
2.3.2 designMode属性
2.3.3 hidden属性
2.3.4 spellcheck属性
2.3.5 tabindex属性
2.4 上机实践
2.4.1 使用hidden属性对用户评论内容进行隐藏
2.4.2 使用spellcheck属性检查单词的拼写情况
2.4.3 对页面输出的文字进行编辑
2.5 小结
2.6 习题
第3章 你很重要——HTML 5 中的表单
视频讲解：48分钟
3.1 新增的元素与属性
3.1.1 新增的属性
3.1.2 增加与改良的input元素的种类
3.1.3 output元素的添加
3.2 对表单的验证
3.2.1 自动验证
3.2.2 checkValidity 显式验证法
3.2.3 避免验证
3.2.4 使用setCustomValidity 方法自定义错误信息
3.3 增加的页面元素
3.3.1 新增的.gure元素
3.3.2 新增的details元素
3.3.3 新增的mark元素
3.3.4 新增的progress元素
3.3.5 新增的meter元素
3.3.6 改良的ol列表
3.3.7 改良的dl列表
3.3.8 加以严格限制的cite元素
3.3.9 重新定义的small元素
3.4 上机实践
3.4.1 套用新增元素製作注册表单
3.4.2 调用表单的checkValidity 方法验证密码格式
3.4.3 套用output元素实现的乘法计算器
3.5 小结
3.6 习题
第二篇 HTML 5高级套用篇
第4章 不容小视——HTML 5 中的档案
视频讲解：40分钟
4.1 选择档案
4.1.1 通过.le对象选择档案
4.1.2 使用Blob接口获取档案的类型与大小
4.1.3 通过类型过滤选择的档案
4.2 使用FileReader接口读取档案
4.2.1 检测浏览器对FileReader接口的实现
4.2.2 FileReader接口的使用方法
4.2.3 使用readAsDataURL方法预览图片
4.2.4 使用readAsText 方法读取文本档案
4.2.5 FileReader接口中的事件
4.3 拖放API
4.3.1 实现拖放的步骤
4.3.2 通过拖放显示欢迎信息
4.4 dataTransfer 对象套用详解
4.4.1 使用effectAllowed 和dropEffect 属性设定拖放效果
4.4.2 使用setDragImage方法设定拖放图示
4.5 上机实践
4.5.1 通过accept属性过滤上传档案的类型
4.5.2 将图片档案拖放到页面中并显示
4.6 小结
4.7 习题
第5章 梦幻的世界——绘製图形
视频讲解：95分钟
5.1 canvas的基础知识
5.1.1 canvas是什幺
5.1.2 在页面中放置canvas元素
5.1.3 绘製带框线的矩形
5.2 在画布中使用路径
5.2.1 使用arc方法绘製圆形
5.2.2 使用moveTo 与lineTo 路径绘製火柴人
5.2.3 贝塞尔和二次方曲线
5.3 运用样式与颜色
5.3.1 .llStyle和strokeStyle属性
5.3.2 透明度globalAlpha
5.3.3 线型
5.4 绘製渐变图形
5.4.1 绘製线性渐变
5.4.2 绘製径向渐变
5.5 绘製变形图形
5.5.1 坐标的变换
5.5.2 矩阵变换
5.6 组合多个图形
5.7 给图形绘製阴影
5.8 套用图像
5.8.1 绘製图像
5.8.2 图像的局部放大
5.8.3 图像平铺
5.8.4 图像裁剪
5.8.5 像素的处理
5.9 绘製文字
5.10 保存与恢复状态
5.11 档案的保存
5.12 对画布绘製实现动画
5.13 桌面时钟
5.14 上机实践
5.14.1 通过设定lineJoin属性值来绘製不同的矩形
5.14.2 绘製五角星
5.14.3 大头贴框线
5.15 小结
5.16 习题
第6章 如此神奇——多媒体播放
视频讲解：36分钟
6.1 HTML 5 多媒体简述
6.1.1 HTML 4 中多媒体的套用
6.1.2 HTML 5 页面中的多媒体
6.2 多媒体元素的基本属性
6.3 多媒体元素的常用方法
6.3.1 媒体播放时的方法
6.3.2 canPlayType（type） 方法
6.4 事件以及事件的发生顺序
6.4.1 事件处理方式
6.4.2 事件介绍
6.4.3 通过事件的控制来显示视频播放的时间
6.5 上机实践
6.5.1 在HTML 5 文档中播放音频
6.5.2 在HTML 5 文档中播放视频
6.6 小结
6.7 习题
第7章 数据管家——HTML 5 中的数据存储
视频讲解：50分钟
7.1 初识Web Storage
7.1.1 Web Storage 是什幺
7.1.2 使用Web Storage 中的API
7.1.3 sessionStorage和localStorage的实例——计数器
7.1.4 Web Storage 综合实例——留言本
7.1.5 JSON对象的存储实例——用户信息卡
7.2 本地资料库
7.2.1 Web SQL 资料库简介
7.2.2 使用Web SQL Database API
7.2.3 本地资料库实例——用户登录
7.3 上机实践
7.3.1 套用Web Storage 实现带留言人的留言本
7.3.2 套用本地资料库实现留言本
7.4 小结
7.5 习题
第8章 线下管家——HTML 5 中的离线套用
视频讲解：13分钟
8.1 HTML 5 离线套用
8.1.1 HTML 5 离线套用概述
8.1.2 本地快取与浏览器网页快取的区别
8.2 创建HTML 5 离线套用
8.2.1 快取清单（manifest）
8.2.2 配置IIS伺服器
8.2.3 浏览manifest清单
8.3 浏览器与伺服器的互动过程
8.4 applicationCache对象
8.4.1 swapCache方法
8.4.2 applicationCache对象的事件
8.5 上机实践
8.5.1 判断线上状态
8.5.2 检测本地快取是否有更新
8.6 小结
8.7 习题
第9章 齐头并进——使用Web Worker 处理执行绪
视频讲解：21分钟
9.1 Web Worker 概述
9.1.1 创建和使用Worker
9.1.2 Web Worker 套用实例——求和运算
9.2 在Worker 内部能做什幺
9.3 多个JavaScript档案的载入与执行
9.4 执行绪的嵌套使用
9.4.1 最基本的单层嵌套
9.4.2 在多执行绪中进行数据的互动
9.5 上机实践
9.5.1 通过传递JSON对象输出用户信息
9.5.2 使用多执行绪随机显示5的整数倍数的数字
9.6 小结
9.7 习题
第10章 未完待续——HTML 5 中的其他套用型API
视频讲解：12分钟
10.1 跨文档讯息通信
10.1.1 使用postMessage API
10.1.2 跨文档讯息传输
10.2 Geolocation API 概述
10.2.1 使用getCurrentPosition获取当前地理位置
10.2.2 持续监视当前地理位置的信息
10.2.3 停止获取当前用户的地理位置信息
10.3 position对象
10.4 上机实践
10.4.1 显示当前地理位置的经纬度
10.4.2 在Google地图上显示“我在这里”
10.5 小结
10.6 习题
……
第三篇 CSS篇
第四篇 项目实战篇
第一篇 HTML 5基础篇
第1章 迎接新的Web 时代——HTML 5 的出现
视频讲解：16分钟
1.1 HTML的历史
1.1.1 HTML发展的历史
1.1.2 HTML 5 时代即将来临
1.2 HTML 5 的优势
1.2.1 使用HTML 5 的理由
1.2.2 HTML 5 的化繁为简
1.2.3 HTML 5 的无外挂程式範式
1.2.4 HTML 5 的新特性
1.3 HTML 5 的语法变化和标记方法
1.3.1 HTML 5 的语法变化
1.3.2 HTML 5 的标记方法
1.3.3 标记实例
1.4 小结
1.5 习题
第2章 去其糟粕，取其精华——HTML 5的元素与属性
视频讲解：36分钟
2.1 新增的元素和废除的元素
2.1.1 新增的结构元素
2.1.2 新增的块级（block）语义的元素
2.1.3 新增的行内（inline）语义的元素
2.1.4 新增的嵌入多媒体元素与互动性元素
2.1.5 新增的input元素的类型
2.1.6 废除的元素
2.2 新增的属性和废除的属性
2.2.1 新增的属性
2.2.2 废除的属性
2.3 全局属性
2.3.1 contentEditable属性
2.3.2 designMode属性
2.3.3 hidden属性
2.3.4 spellcheck属性
2.3.5 tabindex属性
2.4 上机实践
2.4.1 使用hidden属性对用户评论内容进行隐藏
2.4.2 使用spellcheck属性检查单词的拼写情况
2.4.3 对页面输出的文字进行编辑
2.5 小结
2.6 习题
第3章 你很重要——HTML 5 中的表单
视频讲解：48分钟
3.1 新增的元素与属性
3.1.1 新增的属性
3.1.2 增加与改良的input元素的种类
3.1.3 output元素的添加
3.2 对表单的验证
3.2.1 自动验证
3.2.2 checkValidity 显式验证法
3.2.3 避免验证
3.2.4 使用setCustomValidity 方法自定义错误信息
3.3 增加的页面元素
3.3.1 新增的.gure元素
3.3.2 新增的details元素
3.3.3 新增的mark元素
3.3.4 新增的progress元素
3.3.5 新增的meter元素
3.3.6 改良的ol列表
3.3.7 改良的dl列表
3.3.8 加以严格限制的cite元素
3.3.9 重新定义的small元素
3.4 上机实践
3.4.1 套用新增元素製作注册表单
3.4.2 调用表单的checkValidity 方法验证密码格式
3.4.3 套用output元素实现的乘法计算器
3.5 小结
3.6 习题
第二篇 HTML 5高级套用篇
第4章 不容小视——HTML 5 中的档案
视频讲解：40分钟
4.1 选择档案
4.1.1 通过.le对象选择档案
4.1.2 使用Blob接口获取档案的类型与大小
4.1.3 通过类型过滤选择的档案
4.2 使用FileReader接口读取档案
4.2.1 检测浏览器对FileReader接口的实现
4.2.2 FileReader接口的使用方法
4.2.3 使用readAsDataURL方法预览图片
4.2.4 使用readAsText 方法读取文本档案
4.2.5 FileReader接口中的事件
4.3 拖放API
4.3.1 实现拖放的步骤
4.3.2 通过拖放显示欢迎信息
4.4 dataTransfer 对象套用详解
4.4.1 使用effectAllowed 和dropEffect 属性设定拖放效果
4.4.2 使用setDragImage方法设定拖放图示
4.5 上机实践
4.5.1 通过accept属性过滤上传档案的类型
4.5.2 将图片档案拖放到页面中并显示
4.6 小结
4.7 习题
第5章 梦幻的世界——绘製图形
视频讲解：95分钟
5.1 canvas的基础知识
5.1.1 canvas是什幺
5.1.2 在页面中放置canvas元素
5.1.3 绘製带框线的矩形
5.2 在画布中使用路径
5.2.1 使用arc方法绘製圆形
5.2.2 使用moveTo 与lineTo 路径绘製火柴人
5.2.3 贝塞尔和二次方曲线
5.3 运用样式与颜色
5.3.1 .llStyle和strokeStyle属性
5.3.2 透明度globalAlpha
5.3.3 线型
5.4 绘製渐变图形
5.4.1 绘製线性渐变
5.4.2 绘製径向渐变
5.5 绘製变形图形
5.5.1 坐标的变换
5.5.2 矩阵变换
5.6 组合多个图形
5.7 给图形绘製阴影
5.8 套用图像
5.8.1 绘製图像
5.8.2 图像的局部放大
5.8.3 图像平铺
5.8.4 图像裁剪
5.8.5 像素的处理
5.9 绘製文字
5.10 保存与恢复状态
5.11 档案的保存
5.12 对画布绘製实现动画
5.13 桌面时钟
5.14 上机实践
5.14.1 通过设定lineJoin属性值来绘製不同的矩形
5.14.2 绘製五角星
5.14.3 大头贴框线
5.15 小结
5.16 习题
第6章 如此神奇——多媒体播放
视频讲解：36分钟
6.1 HTML 5 多媒体简述
6.1.1 HTML 4 中多媒体的套用
6.1.2 HTML 5 页面中的多媒体
6.2 多媒体元素的基本属性
6.3 多媒体元素的常用方法
6.3.1 媒体播放时的方法
6.3.2 canPlayType（type） 方法
6.4 事件以及事件的发生顺序
6.4.1 事件处理方式
6.4.2 事件介绍
6.4.3 通过事件的控制来显示视频播放的时间
6.5 上机实践
6.5.1 在HTML 5 文档中播放音频
6.5.2 在HTML 5 文档中播放视频
6.6 小结
6.7 习题
第7章 数据管家——HTML 5 中的数据存储
视频讲解：50分钟
7.1 初识Web Storage
7.1.1 Web Storage 是什幺
7.1.2 使用Web Storage 中的API
7.1.3 sessionStorage和localStorage的实例——计数器
7.1.4 Web Storage 综合实例——留言本
7.1.5 JSON对象的存储实例——用户信息卡
7.2 本地资料库
7.2.1 Web SQL 资料库简介
7.2.2 使用Web SQL Database API
7.2.3 本地资料库实例——用户登录
7.3 上机实践
7.3.1 套用Web Storage 实现带留言人的留言本
7.3.2 套用本地资料库实现留言本
7.4 小结
7.5 习题
第8章 线下管家——HTML 5 中的离线套用
视频讲解：13分钟
8.1 HTML 5 离线套用
8.1.1 HTML 5 离线套用概述
8.1.2 本地快取与浏览器网页快取的区别
8.2 创建HTML 5 离线套用
8.2.1 快取清单（manifest）
8.2.2 配置IIS伺服器
8.2.3 浏览manifest清单
8.3 浏览器与伺服器的互动过程
8.4 applicationCache对象
8.4.1 swapCache方法
8.4.2 applicationCache对象的事件
8.5 上机实践
8.5.1 判断线上状态
8.5.2 检测本地快取是否有更新
8.6 小结
8.7 习题
第9章 齐头并进——使用Web Worker 处理执行绪
视频讲解：21分钟
9.1 Web Worker 概述
9.1.1 创建和使用Worker
9.1.2 Web Worker 套用实例——求和运算
9.2 在Worker 内部能做什幺
9.3 多个JavaScript档案的载入与执行
9.4 执行绪的嵌套使用
9.4.1 最基本的单层嵌套
9.4.2 在多执行绪中进行数据的互动
9.5 上机实践
9.5.1 通过传递JSON对象输出用户信息
9.5.2 使用多执行绪随机显示5的整数倍数的数字
9.6 小结
9.7 习题
第10章 未完待续——HTML 5 中的其他套用型API
视频讲解：12分钟
10.1 跨文档讯息通信
10.1.1 使用postMessage API
10.1.2 跨文档讯息传输
10.2 Geolocation API 概述
10.2.1 使用getCurrentPosition获取当前地理位置
10.2.2 持续监视当前地理位置的信息
10.2.3 停止获取当前用户的地理位置信息
10.3 position对象
10.4 上机实践
10.4.1 显示当前地理位置的经纬度
10.4.2 在Google地图上显示“我在这里”
10.5 小结
10.6 习题
……
第三篇 CSS篇
第四篇 项目实战篇