第1章 HTML 5移动开发的大背景

1.1 HTML 5是什么

1.1.1 HTML 5的发展史

1.1.2 如何学习HTML 5

1.2 搭建HTML 5的移动Web开发环境

1.2.1 开发工具Sublime Text

1.2.2 浏览器Chrome或Firefox

1.2.3 浏览器下的移动测试环境

1.3 制作一个简单的HTML 5标准移动Web页面

1.4 检测移动设备是否支持HTML 5标签

1.4.1 原生的标签兼容提示

1.4.2 浏览器检测

1.4.3 特征检测

1.5 为什么HTML 5需要PhoneGap

1.6 小结

第2章 HTML 5的页面元素

2.1 从全局了解HTML 5

2.1.1 显示内容的交互

2.1.2 HTML 5页面与XHTML页面的对比

2.1.3 元素的使用场景和使用方法

2.1.4 HTML 5中的字符集

2.2 HTML 5表单元素的变化

2.2.1 新增的input元素

2.2.2 新增的input属性

2.2.3 HTML 5表单的验证方法

2.3 HTML 5专为移动设计的拖放

2.3.1 控制拖放操作

2.3.2 监听拖放事件

2.3.3 看看这些带拖放功能的网站

2.4 实例：构建网页的拖放应用

2.5 小结

第3章 HTML 5的移动布局

3.1 移动页面的样式设计利器CSS 3

3.1.1 个性化的字体

3.1.2 可重复使用的背景图

3.1.3 轻松实现文字效果

3.1.4 设计边框特效

3.1.5 实现文本的多列布局

3.1.6 转换特效

3.1.7 过渡特效

3.2 响应式Web设计

3.2.1 什么是响应式Web设计

3.2.2 流式布局

3.2.3 媒体查询

3.2.4 Twitter Bootstrap理念

3.2.5 将Bootstrap应用到自己的项目中

3.3 实例：应用媒介查询制作响应式导航栏

3.4 小结

第4章 HTML 5的地理位置定位

4.1 复习一下纬度和经度

4.2 了解Geolocation API

4.2.1 Geolocation提供的方法

4.2.2 Geolocation提供的地理数据

4.2.3 检测浏览器是否支持地理定位

4.3 使用Geolocation API

4.3.1 获取用户当前的地理位置

4.3.2 访问地理位置的安全问题

4.4 实例1：手机地理定位

4.5 实例2：使用谷歌地图查找路线

4.6 小结

第5章 HTML 5的Web Workers

5.1 认识Web Workers

5.1.1 Web Workers的应用场合

5.1.2 与HTML 5 Web Workers通信

5.1.3 多个JavaScript文件的加载

5.1.4 终止Web Workers的监听操作

5.1.5 利用Web Workers创建一个简单的页面计数器

5.2 实战Web Workers

5.2.1 实例1：大数量的图片处理

5.2.2 实例2：实现微博消息的实时推送

5.2.3 实例3：预览网页的内容

5.2.4 实例4：定时给网站用户发消息

5.3 小结

第6章 HTML 5的Web存储

6.1 认识HTML 5的Web Storage

6.1.1 为什么使用Web Storage

6.1.2 Web的存储方式：LocalStorage与SessionStorage

6.1.3 Web Storage如何获取和保存数据

6.2 网站本地存储兼容性方案

6.3 如何在实际开发中使用本地存储

6.4 实例1：保存与读取登录用户名与密码

6.5 实例2：共享存储数据

6.6 小结

第7章 HTML 5的多媒体

7.1 视频的进化

7.1.1 常见的视频格式

7.1.2 传统的网页视频与HTML 5视频

7.2 HTML 5中的音频

7.3 使用JavaScript控制播放

7.4 audio标签和video标签的浏览器支持情况

7.5 音视频的实时通信

7.6 打造自己的音频播放器

7.7 打造自己的视频播放器

7.8 小结

第8章 PhoneGap入门

8.1 走近PhoneGap

8.1.1 PhoneGap的发展历史

8.1.2 PhoneGap的特色

8.2 搭建PhoneGap的开发环境

8.2.1 安装NodeJS

8.2.2 安装PhoneGap

8.2.3 安装PhoneGap Desktop APP进行测试

8.3 创建第一个PhoneGap APP

8.4 PhoneGap Desktop APP常见的几个错误

8.5 PhoneGap你要知道的知识

8.5.1 编辑工具的选择

8.5.2 PhoneGap中有哪些API

8.5.3 使用云在线编译PhoneGap

8.6 在PhoneGap中调试HTML 5程序

8.7 小结

第9章 PhoneGap的事件处理

9.1 程序也有生命周期

9.1.1 程序对生命周期的定义

9.1.2 PhoneGap的生命周期

9.2 事件实战

9.2.1 使用程序加载事件

9.2.2 使用被动消息事件

9.2.3 使用主动消息事件

9.3 PhoneGap中文乱码的解决方案

9.4 小结

第10章 PhoneGap对信息的处理

10.1 使用PhoneGap获取移动设备信息

10.2 PhoneGap程序运行慢的解决方案

10.3 实例：用PhoneGap制作查看设备的应用

10.3.1 APP的界面设计

10.3.2 APP的功能实现

10.4 通讯录信息的获取

10.4.1 创建一个联系人

10.4.2 查找通讯录

10.4.3 联系人包括哪些属性

10.4.4 联系人的各种编辑操作

10.4.5 复杂的联系人属性ContactField

10.5 PhoneGap的消息提示

10.5.1 notification警告的使用

10.5.2 确认对话框的使用

10.5.3 显示可以传递参数的对话框

10.5.4 控制蜂鸣器和震动

10.6 小结

第11章 加速度、地理位置和指南针

11.1 认识加速度传感器

11.1.1 获取当前的加速度

11.1.2 监视设备的加速度

11.1.3 详解“加速度传感器”对象

11.2 加速度传感器的使用场景

11.3 地理位置的使用

11.3.1 获取手机地理信息

11.3.2 获取当前所在坐标

11.3.3 监控手机的位置变化

11.4 指南针

11.4.1 获取手机的方向

11.4.2 监视手机方向的两种方法

11.5 实例：手机“摇一摇”出大奖

11.5.1 原形设计

11.5.2 素材准备

11.5.3 动画实现

11.5.4 最终实现

11.6 如果默认没有安装Geolocation怎么办

11.7 小结

第12章 PhoneGap中的多媒体控制

12.1 音频的处理

12.1.1 利用PhoneGap播放网络音乐音频

12.1.2 为播放音乐设置暂停功能

12.1.3 为播放音乐设置停止功能

12.1.4 获取音频文件的更多信息

12.1.5 播放指定位置的音乐

12.1.6 使用PhoneGap录制声音

12.1.7 资源有限时释放音频资源

12.2 使用Capture来采集声音

12.3 使用Capture采集图像信息

12.4 使用采集视频信息

12.5 实战：手机上的录音机

12.5.1 需求分析

12.5.2 界面实现

12.5.3 界面交互的实现

12.5.4 录音和播放功能的实现

12.5.5 完整的案例呈现

12.6 小结

第13章 PhoneGap的本地存储

13.1 手机上可以使用的本地存储

13.1.1 HTML 5中的本地存储

13.1.2 PhoneGap中的本地存储功能

13.2 PhoneGap对数据库的操作

13.2.1 数据库的使用

13.2.2 数据库内容的读取

13.3 键值对的使用方法

13.4 小结

第14章 一个简单的“今日头条”新闻APP

14.1 “今日头条”的功能

14.2 “今日头条”的界面设计和实现

14.2.1 新闻列表界面的设计

14.2.2 新闻内容页的实现

14.2.3 界面的进一步整合

14.3 利用Ajax获取服务器上的信息

14.3.1 使用Ajax获取JSON数据

14.3.2 使用JavaScript跨域解决方案

14.3.3 “今日头条”服务端的实现

14.4 让数据显示出来

14.4.1 新闻列表的显示

14.4.2 新闻内容的显示

14.4.3 项目的最终实现

14.5 小结

第15章 HTML 5+PhoneGap实现通讯录APP

15.1 项目介绍

15.2 为PhoneGap编写插件

15.2.1 实现发短信的插件

15.2.2 为PhoneGap编写电话拨号插件

15.3 通讯录APP的界面设计

15.4 通讯录APP的界面实现

15.4.1 联系人列表

15.4.2 新建联系人界面

15.4.3 短信编辑界面

15.5 界面功能的实现

15.5.1 联系人数据的生成

15.5.2 页面的整合

15.6 通讯录APP最终功能的实现

15.7 小结

附录 安卓开发环境的搭建