PhoneGap的目的是用来快速开发移动跨平台 APP,它基于 HTML 5,支持市面上流行的移动设备,《构建跨平台APP:HTML 5 PhoneGap移动应用实战》的特色就是快速学习如何利用 HTML 5和 PhoneGap开发移动 APP。 《构建跨平台APP:HTML 5 PhoneGap移动应用实战》分为三篇,□□篇介绍 HTML 5为移动页面设计的一些新元素,包含移动开发的大背景、移动布局、地理位置、Web存储、多媒体等等;第二篇介绍 PhondeGap辅助 HTML 5开发应用的一些 API,包含事件处理、信息处理、加速度、地理位置、指南针、本地存储和多媒体等等;□后一篇通过两个实例,介绍了 HTML 5 PhoneGap开发移动 APP的两个项目开发流程和实现代码。 《构建跨平台APP:HTML 5 PhoneGap移动应用实战》适合有一定 HTML CSS JavaScript网页开发基础的人员,可作为培训教材使用。
目錄:
□□章 HTML 5移动开发的大背景
1.1 HTML 5是什么
1.1.1 HTML 5的发展史
1.1.□ 如何学习HTML 5
1.□ 搭建HTML 5的移动Web开发环境
1.□.1 开发工具Sublime Text
1.□.□ 浏览器Chrome或Firefox
1.□.3 浏览器下的移动测试环境
1.3 制作一个简单的HTML 5标准移动Web页面
1.4 检测移动设备是否支持HTML 5标签
1.4.1 原生的标签兼容提示
1.4.□ 浏览器检测
1.4.3 特征检测
1.5 为什么HTML 5需要PhoneGap
1.6 小结
第□章 HTML 5的页面元素
□.1 从全局了解HTML 5
□.1.1 显示内容的交互
□.1.□ HTML 5页面与XHTML页面的对比
□.1.3 元素的使用场景和使用方法
□.1.4 HTML 5中的字符集
□.□ HTML 5表单元素的变化
□.□.1 新增的input元素
□.□.□ 新增的input属性
□.□.3 HTML 5表单的验证方法
□.3 HTML 5专为移动设计的拖放
□.3.1 控制拖放操作
□.3.□ 监听拖放事件
□.3.3 看看这些带拖放功能的网站
□.4 实例:构建网页的拖放应用
□.5 小结
第3章 HTML 5的移动布局
3.1 移动页面的样式设计利器CSS 3
3.1.1 个性化的字体
3.1.□ 可重复使用的背景图
3.1.3 轻松实现文字效果
3.1.4 设计边框特效
3.1.5 实现文本的多列布局
3.1.6 转换特效
3.1.7 过渡特效
3.□ 响应式Web设计
3.□.1 什么是响应式Web设计
3.□.□ 流式布局
3.□.3 媒体查询
3.□.4 Twitter Bootstrap理念
3.□.5 将Bootstrap应用到自己的项目中
3.3 实例:应用媒介查询制作响应式导航栏
3.4 小结
第4章 HTML 5的地理位置定位
4.1 复习一下纬度和经度
4.□ 了解Geolocation API
4.□.1 Geolocation提供的方法
4.□.□ Geolocation提供的地理数据
4.□.3 检测浏览器是否支持地理定位
4.3 使用Geolocation API
4.3.1 获取用户当前的地理位置
4.3.□ 访问地理位置的安全问题
4.4 实例1:手机地理定位
4.5 实例□:使用谷歌地图查找路线
4.6 小结
第5章 HTML 5的Web Worker□<□r>……
第6章 HTML 5的Web存储
第7章 HTML 5的多媒体
第8章 PhoneGap入门
第9章 PhoneGap的事件处理
□□0章 PhoneGap对信息的处理
□□1章 加速度、地理位置和指南针
□□□章 PhoneGap中的多媒体控制
□□3章 PhoneGap的本地存储
□□4章 一个简单的“今日头条”新闻APP
□□5章 HTML 5 PhoneGap实现通讯录APP
附录 安卓开发环境的搭建