HTML 5多媒体开发指南

第i部分 概述

第1章 html5新特性

1.1 html5——更优雅的html

1.2 html5与css

1.3 html5的新标记

1.4 html5与html4的比较

1.5 html5中最新的多媒体处理方式

1.6 小结

第2章 html5 web开发中的javascript和css

2.1 javascript是web开发不可或缺的一部分

2.2 将脚本代码放在页面底部

2.3 循环和条件判断

2.4 javascript外部文件

2.5 css概述

2.6 id选择器：选择页面的特定部分

2.7 如何将css应用于新的html5多媒体标记

2.8 小结

第ii部分 图形和多媒体

第3章 canvas的创意

3.1 canvas简介

3.2 在canvas上绘图

3.3 渐变

3.3.1 线性渐变

3.3.2 径向渐变

3.4 理解路径

3.5 绘制圆和圆弧

3.6 绘制线段

3.7 使用多个canvas

3.8 在canvas上放置文本

3.8.1 垂直文本

3.8.2 阴影文本

3.9 小结

第4章 canvas的动画和事件

4.1 用圆形填充canvas的动画

4.2 移动的渐变效果

4.3 使用事件

4.3.1 蒙德里安风格的艺术

4.3.2 绘图板

4.4 小结

第5章 在html5中使用视频

5.1 关于格式编码器和一些易混淆的问题

5.2 转换文件格式

5.3 观看视频

5.3.1 回退

5.3.2 控制视频

5.3.3 video元素的更多属性

5.3.4 视频与事件

5.4 小结

第iii部分 高级html5特性

第6章 html5中的audio

6.1 audio元素简介

6.2 隐藏audio播放器

6.3 事件和audio元素

6.3.1 使用audio元素的事件

6.3.2 使用audio元素的其他事件

6.4 小结

第7章 使用本地存储持久化存储数据

7.1 本地存储的定义

7.2 本地存储基础

7.3 使用本地存储控制图片

7.4 小结

第8章 拖放功能：在屏幕上移动元素

8.1 拖放方块

8.2 为拖放事件添加行为

8.3 轻松在线购物

8.4 井字游戏（tic-tac-toe）

8.5 小结

第9章 地理定位

9.1 地理定位方法

9.2 关注隐私问题

9.3 找到你的位置

9.3.1 处理拒绝和错误

9.3.2 检测浏览器对geolocation的支持

9.4 在地图上显示你的位置

9.4.1 使用地图

9.4.2 持续地跟踪位置的移动

9.5 小结

第10章 html5文档结构

10.1 div元素的问题

10.2 html5布局标记

10.2.1 布局标记概述

10.2.2 使用新的布局标记

10.3 小结

第11章 html5新的表单元素和用途

11.1 html5的input类型

11.2 创建表单

11.2.1 添加一个颜色拾取器

11.2.2 添加日期和时间控件

11.2.3 使用e-mail和url字段

11.2.4 添加number控件和range控件

11.2.5 使用search类型

11.2.6 添加电话号码输入框

11.3 创建安全表单

11.3.1 表单的布局

11.3.2 执行验证

11.3.3 提交数据

11.4 小结

第12章 css3：新样式表技术

12.1 css3模块

12.2 web字体

12.2.1 css3的字体规则

12.2.2 字体格式

12.2.3 在网站中使用字体

12.3 背景

12.3.1 多个背景图片

12.3.2 设置背景位置

12.4 边框

12.4.1 圆角边框和阴影边框

12.4.2 图形边框

12.5 变形

12.6 过渡（transition）

12.7 动画

12.7.1 创建动画

12.7.2 多个动画

12.7.3 css动画的附加说明

12.8 小结

第13章 可编辑区域和离线站点

13.1 可编辑内容

13.1.1 创建一个可编辑区域

13.1.2 可编辑内容的一个小游戏

13.2 离线站点

13.2.1 缓存清单文件

13.2.2 检测离线状态的代码

13.2.3 缓存多个页面

13.3 小结

第14章 高级主题

14.1 javascript

14.1.1 循环

14.1.2 条件分支

14.1.3 函数

14.2 用数学方法创建视觉效果

14.3 视差处理

14.4 小结

附录a 快速参考

a.1 html5模板

a.2 html全局属性

a.3 html特定标记的属性

a.4 html5标记

现在开发人员可以在浏览器中创建出具有丰富交互功能的内容，并实现跨平台部署。 html5多媒体开发指南一书对此进行了详细介绍。《HTML 5多媒体开发指南》将介绍如何使用html5革命性的新特性，包括原生的[audio]、[video]和[canvas]元素，使用这些新元素可以取代第三方插件。本书还介绍了一些html5新标记，比如简化的doctype标记，另外，还介绍了本地存储、拖放和geolocation功能。本书通过详细的代码示例举例说明了所讨论的技术。通过本书的学习，读者可以使用html5开发出炫目的多媒体应用和网站。 　　使用canvas实现绘图、动画、特效和事件 　　使用原生的[video]元素创建和观看视频 　　使用原生的[audio]元素添加并播放音频 　　充分利用本地数据存储功能的长处 　　使用geolocation属性创建地理位置感知的web页面 　　使用新的语义布局标记开发结构优良的页面 　　使用新的表单对象为web表单添加功能 　　学习新的css 3属性和增强功能 　　使用可编辑内容和离线文件功能 　　使用javascript和其他web技术