PhoneGap的目的是用来快速开发移动跨平台APP ,它基于HTML 5,支持市面上流行的移动设备,潘中强、曹卉编著的这本《构建跨平台APP (HTML5+PhoneGap移动应用实战)》的特色就是快速学习如何利用HTML 5和PhoneGap开发移动APP。
本书分为三篇,**篇介绍HTML 5为移动页面设计的一些新元素,包含移动开发的大背景、移动布局、地理位置、Web存储、多媒体等等;第二篇介绍 PhondeGap辅助HTML 5开发应用的一些API,包含事件处理、信息处理、加速度、地理位置、指南针、本地存储和多媒体等等;*后一篇通过两个实例,介绍 HTML 5+PhoneGap开发移动APP的两个项目开发流程和实现代码。
本书适合有一定HTML十CSS+JavaScript网页开发基础的人员,可作为培训教材使用。
目录
- 第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
- ……
- 第6章HTML 5的Web存储
- 第7章HTML 5的多媒体
- 第8章PhoneGap入门
- 第9章PhoneGap的事件处理
- 第10章PhoneGap对信息的处理
- 第11章加速度、地理位置和指南针
- 第12章PhoneGap中的多媒体控制
- 第13章PhoneGap的本地存储
- 第14章一个简单的“今日头条”新闻APP
- 第15章HTML 5+PhoneGap实现通讯录APP
- 附录安卓开发环境的搭建