Android、iphone、Windows Phone手机网页及网站设计

"第I篇 手机版专用网站设计和开发入门篇

第1章 准备创作环境和测试环境

1.1 使用Mobile Safari测试网页

1.1.1 iOS Simulator安装

1.1.2 使用Mobile Safari

1.2 使用IEMobile测试网页

1.2.1 Windows Phone 7 Emulator安装

1.2.2 使用IEMobile

1.3 使用Chrome Lite测试网页

1.3.1 Android Emulator安装

1.3.2 使用Chrome Lite

1.4 使用BlackBerry浏览器测试网页

1.4.1 BlackBerry模拟器安装

1.4.2 使用BlackBerry模拟器

1.5 安装和设置Web服务器

1.5.1 安装IIS

1.5.2 了解Web服务器根目录

第2章 建立手机网页开发的技术知识结构

2.1 怎样学习网页设计和开发

2.2 HTML、XHTML和CSS的历史

2.2.1 HTML简介

2.2.2 HTML的历史版本

2.2.3 CSS的历史

2.2.4 CSS的历史版本

2.2.5 XML的历史

2.2.6 标准、规范和实现

2.2.7 关于W3C

2.3 ECMAScript和JavaScript

2.3.1 关于ECMA

2.3.2 JavaScript版本和ECMAScript版本的关系

2.3.3 关于ECMAScript精简纲要

2.4 考虑手机网页与桌面网页的不同

2.4.1 屏幕分辨率

2.4.2 手机浏览器的可视区域

2.4.3 手机网站的技术区分

2.4.4 建立设计和技术的参照点

第3章 专用于手机的HTML——XHTML

MP和XHTML Basic

3.1 XHTML模块家族

3.1.1 什么是XHTML模块化

3.1.2 为何要进行XHTML模块化

3.1.3 XHTML Basic

3.1.4 XHTML MP

3.1.5 关于OMA和WAP论坛

3.1.6 关于WAP 2.0

3.2 编写XHTML MP网页

3.2.1 定义XHTML MP网页MIME类型

3.2.2 侦测XHTML MP客户端

3.3 为手机网页定义元数据

3.3.1 定义缓存

3.3.2 定义应用程序名

3.4 交互方法和导航

3.4.1 触摸屏手机的交互

3.4.2 键盘手机的交互

3.4.3 为键盘手机设计热键导航

3.4.4 特殊的超链接——HTML表单控件

3.5 设计表单

3.5.1 特殊的表单控件

3.5.2 指定输入模式

3.6 文档关系链接（link元素）

3.7 关于插件和下载

3.7.1 直接链接下载

3.7.2 使用OMA下载

3.7.3 下载注意事项

第4章 专用于手机的CSS——CSS MP和WCSS

4.1 CSS MP和WCSS

4.1.1 CSS MP可用的样式属性

4.1.2 不推荐使用的样式属性

4.1.3 WCSS可用的样式属性

4.1.4 使用Marquee定义溢出滚动方式和跑马灯效果

4.1.5 CSS MP和WCSS的语法

4.1.6 在XHTML文档中应用CSS

4.2 使用CSS介质为手机单独设计样式表

4.2.1 了解介质类型描述符

4.2.2 将样式表应用于不同的介质

4.2.3 专用于手持设备的介质

4.3 使用CSS介质查询为手机单独设计样式表

4.3.1 使用介质查询

4.3.2 CSS 3介质查询支持的介质属性

4.3.3 常用的介质查询

第5章 CSS手机版专用网页布局第一步——视点和设备方向

5.1 可视区域和视点

5.1.1 了解视点

5.1.2 手机上的视点

5.1.3 改变视点

5.1.4 分别对横屏和竖屏布局

5.2 关于@viewport规则

5.2.1 使用HTML元数据

5.2.2 常用的声明

5.2.3 其他HTML元数据

第6章 CSS手机版专用网页布局实战

6.1 单列布局

6.1.1 液态宽度

6.1.2 属性值的计算步骤

6.2 导航条设计

6.2.1 tab导航菜单1

6.2.2 tab导航菜单2

6.2.3 单列菜单导航条

6.2.4 图标按钮排列导航

6.3 图文版式

6.3.1 限制替换元素的幅面大小

6.3.2 图片替换

6.3.3 字体问题

第7章 专用于手机的JavaScript——ESMP

7.1 使用ESMP

7.1.1 ESMP与ECMAScript的不同

7.1.2 ESMP BOM

7.1.3 ESMP CoreDOM

7.1.4 ESMP HTMLDOM

7.2 使用JavaScript的注意事项

7.2.1 检测浏览器支持

7.2.2 关于打开新窗口

7.2.3 关于间隔调用

7.2.4 隐藏浏览器工具条

7.3 定义和触发事件

7.3.1 基本交互事件

7.3.2 关于软键盘事件

7.3.3感知手机握持的方向和orientationchange事件

7.4 触摸和手势

7.4.1 触摸事件

7.4.2 多点触控事件——手势

7.4.3 事件对象和Touch对象

7.4.4 触摸点ID

7.4.5 触摸和拖动

第II篇 HTML 5在 iPhone、Android、Windows Phone的实战篇

第8章 HTML 5简介和编写规范

8.1 HTML 5的新特性

8.1.1 实现Web应用程序

8.1.2 用于更好地呈现内容

8.2 HTML 5轻松入门

8.2.1 使用XML语法编写HTML 5文档

8.2.2 使用HTML语法编写HTML 5文档

8.2.3 HTML 5文档的构成

8.3 手机浏览器对HTML 5的支持

第9章 HTML 5视频和音频

9.1 元素

9.1.1 视频格式

9.1.2 建议的设置

9.1.3 属性

9.1.4 配置服务器添加MIME类型

9.1.5 全兼容设置

9.2 元素

9.3 元素

9.4 自定义视频和音频控制

9.5 使用HTML 5 DOM动态控制

9.5.1 关于Media元素

9.5.2 出错处理

9.5.3 关于状态

9.5.4 其他属性

9.5.5 使用方法控制媒体

9.5.6 检测媒体支持

9.5.7 媒体事件

9.6 安全和隐私

9.7 浏览器支持

第10章 使用HTML 5结构元素构建网页

10.1 文档结构元素

10.1.1 元素

10.1.2 元素

10.1.3 元素

10.1.4 元素

10.1.5 元素

10.1.6 元素

10.2 标题和标题组合

10.3 元素

10.4 浏览器兼容

第11章 使用画布在网页上绘制图——Canvas

11.1 使用Canvas绘图的基本步骤

11.1.1 绘制第一幅图

11.1.2 理解坐标

11.2 关于HTML 5 DOM Canvas API

11.3使用CanvasRenderingContext2D

11.3.1 颜色、渐变和模式

11.3.2 线条粗细、线帽和线条结合

11.3.3 阴影

11.3.4 绘制矩形

11.3.5 全局设置——混合模式

11.3.6 全局设置——透明度

11.4 创建和渲染路径

11.4.1 了解图形和路径

11.4.2 绘制直线线条

11.4.3 线条和填充

11.4.4 绘制弧线

11.4.5 绘制曲线

11.4.6 绘制矩形路径

11.4.7 绘制剪切路径

11.4.8 重置路径和关闭子路径

11.4.9 检测路径点

11.4.10 焦点外廓

11.5 插入图片

11.6 转换、旋转、平移和缩放

11.7 绘制文本

11.8 像素级绘制

11.8.1 基本使用方法

11.8.2 创建反相

11.8.3 分解通道

11.8.4 通道混合器

11.9 保存和恢复绘画状态

11.10 使用Canvas实现动画

11.10.1 太极旋转

11.10.2 绘制动态时钟

第12章 Web存储

12.1 Web存储概述

12.2 Web存储与Cookie

12.3 本地存储和会话存储

12.3.1 在客户端持久存储数据

12.3.2 关于浏览器兼容

12.3.3 在会话期存储数据

12.4 Storage接口

12.4.1 获取和更新存储

12.4.2 清除存储

12.4.3 清除指定的键

12.4.4 添加新键和更新键值

12.5 Storage事件

第13章 Web SQL数据库

13.1 第一个Web SQL Database应用

13.1.1 使用iPhone查看和管理Web SQL Database

13.1.2 使用Web SQL Database的基本步骤

13.2 异步数据库

13.2.1 执行数据库事务

13.2.2 数据库版本管理

13.2.3 执行SQL语句

13.3 同步数据库

13.3.1 执行数据库事务

13.3.2 数据库版本管理

13.3.3 执行SQL语句

13.4 处理数据库操作结果

13.5 错误和异常

13.6 在开发人员工具中使用SQL语句

13.7 SQLite SQL语法和数据库的数据类型

13.8 SQL注入缺陷和参数化查询

第14章 离线网络应用程序——文件缓存

14.1 使用离线应用

14.1.1 配置MIME类型

14.1.2 创建离线应用网页及网页中要引用的资源

14.1.3 创建清单文件

14.1.4 测试离线应用

14.1.5 更新离线存储

14.2 缓存清单文件格式

14.2.1 定义要缓存的文件

14.2.2 备抵机制

14.2.3 在线白名单

14.2.4 注释

14.3 使用DOM方法处理离线应用

14.3.1 获取缓存

14.3.2 检查状态

14.3.3 更新缓存

14.3.4 监听事件

14.3.5 检测脱机模式

14.4 将网页添加为桌面快捷方式

14.4.1 为网站设计图标

14.4.2 为Android添加桌面快捷方式

14.4.3 指定一个启动图片

14.4.4 隐藏Safari界面

14.4.5 改变状态栏

第15章 地理位置定位

15.1 了解位置定位

15.1.1 位置定位是怎么工作的

15.1.2 位置定位的精确度

15.2 使用Geolocation

15.2.1 获取Geolocation对象

15.2.2 获取当前地理位置

15.2.3 处理位置信息

15.2.4 出错处理

15.2.5 配置项

15.2.6 持续追踪位置

15.3 地理位置定位和在线地图结合使用

15.3.1反向Geolocation——将经度/纬度转换为地名

15.3.2 与Google Map结合使用

15.3.3 使用Google Maps JavaScript API

第III篇基于HTML、CSS和JavaScript设计网站和开发移动Web应用

第16章 使用jQuery Mobile开发Web应用程序

16.1 使用jQuery核心库

16.1.1 第一个jQuery范例

16.1.2 基本语法

16.1.3 为什么要使用jQuery

16.1.4 解决jQuery冲突

16.2 使用jQuery Mobile

16.2.1 第一个jQuery Mobile范例

16.2.2 怎样在“内容页”间导航

16.2.3 使用超链接

16.2.4 定义页面过渡效果

16.2.5 定义样式主题

16.2.6 创建对话框

16.2.7 固定页眉和页脚

16.2.8 全屏效果

16.3 导航模型——jQuery Mobile的核心机制

16.3.1 页面导航的基本规则

16.3.2 自动生成的内容页和子书签地址

16.3.3 注意事项

第17章 使用jQuery Mobile UI插件—— Widget

17.1 定义工具按钮

17.2 定义列表视图

17.3 内容布局

17.4 定义jQuery Mobile表单

第18章 使用Ajax和程序动态控制jQuery Mobile

18.1 jQuery Mobile的自定义事件

18.2 使用工具方法

18.3 jQuery Mobile初始化配置

第19章 手机专用网页JavaScript的调试

第20章 侦测手机和浏览器

20.1 使用客户端代码侦测浏览器

20.2 使用HTTP请求报头

20.3 使用WURFL、DeviceAtlas和MDBF

第IV篇 基于HTML、CSS和JavaScript开发手机应用程序

第21章 结合PhoneGap为Android和 iPhone开发本机应用程序

21.1 预要求

21.2基于HTML、CSS和JavaScript创建Android本机应用

21.3基于HTML、CSS和JavaScript创建iPhone本机应用

21.4 结合jQuery Mobile开发

第22章 与设备特定功能结合

22.1 运动传感器

22.2 获取设备手持方向——罗盘

22.3 多媒体控制

22.4 获取连接信息

22.5 获取设备相关信息

22.6 处理事件

22.7 地理位置定位Geolocation

22.8 Web SQL Database和Web存储

22.9 系统消息提示

22.10 管理手机通讯录数据库

22.11 文件系统处理

本书侧重于实战，提供有各种手机浏览器兼容性指南，修复了当前普遍存在的错误认识，目的是帮助用户建立正确的手机网站设计以及手机Web应用程序开发的知识，面向具有一定Web开发技能的开发者。 　　本书共5大部分，包括4篇，具有清晰的知识脉络，分别介绍如下： 　　第I篇是用于手机网站设计和开发的知识体系框架，包括手机网站的特点、各种标准的应用、设计时的注意事项，以及实用的工程范例。 　　第II篇是HTML 5在iphone、Android、Windows Phone的实战篇，它为浏览器成为应用程序的运行平台提供了坚实的基础，这是Web开发的核心内容，也特别适用于移动Web应用程序的开发。本篇介绍了怎样在手机浏览器中使用HTML 5。 　　第III篇是基于HTML、CSS和JavaScript开发移动Web应用程序，包括jQuery Mobile框架的使用。 　　第IV篇是基于HTML、CSS和JavaScript结合PhoneGap框架开发手机应用程序，现在不需要Object-C和Java也可以实现手机应用程序的开发。 　　所有功能皆提供了完整的应用范例，以帮助用户深入理解，对于想快速学习手机网站设计和手机应用程序开发的用户来说是优佳的学习捷径。 　　本书不仅适合于Web开发者和设计者快速制作手机专用网站，还可作为高等院校计算机专业教材。

专业级教学视频、实例源程序下载。
　　手机网站创建全方位导航，带来完整、系统、全面的知识体系。
　　HTML5LBS最热应用，详细讲解，让公司的业务快速跟上。
　　面向进阶用户，直击精要部分，辅以精湛范例，让您快速掌握，节约时间。
　　HTML、CSS、JavaScript手机网站设计及开发全面、翔实。
　　与jQueryMobile结合，快速开发手机网络应用程序。
　　与PhoneGap结合，轻松为Android和IPhone开发本机应用程序。
　　参考全球近千个手机网站设计之精粹，提高效率。
　　本书涵盖了设计和开发手机专用网战以及Web应用程序的所有内容，也包括将网页打包为iphone和Android手机可独立运行的应用程序。
　　本书是面向进阶用户的，阅读本书需要预先的一些HTML4、Javascript和DOM的知识。
　　如果你是一名初学者，建议从《HTML5+CSS3网页布局和样式精粹》一书开始学习。
　　本书的作者是万维网页开发的专家，也是《万维网应用程序开发纲要》的起草者，他可以帮助你完整、系统快速有效地掌握手机专用网站设计和开发的知识。