目录

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

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

1.1 使用Mobile Safari测试网页 4

1.1.1 iOS Simulator安装 5

1.1.2 使用Mobile Safari 6

1.2 使用IEMobile测试网页 7

1.2.1 Windows Phone 7 Emulator安装 8

1.2.2 使用IEMobile 9

1.3 使用Chrome Lite测试网页 10

1.3.1 Android Emulator安装 10

1.3.2 使用Chrome Lite 17

1.4 使用BlackBerry浏览器测试网页 19

1.4.1 BlackBerry模拟器安装 19

1.4.2 使用BlackBerry模拟器 20

1.5 安装和设置Web服务器 22

1.5.1 安装IIS 22

1.5.2 了解Web服务器根目录 24

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

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

2.2 HTML、XHTML和CSS的历史 29

2.2.1 HTML简介 29

2.2.2 HTML的历史版本 30

2.2.3 CSS的历史 31

2.2.4 CSS的历史版本 32

2.2.5 XML的历史 33

2.2.6 标准、规范和实现 34

2.2.7 关于W3C 34

2.3 ECMAScript和JavaScript 35

2.3.1 关于ECMA 35

2.3.2 JavaScript版本和ECMAScript版本的关系 36

2.3.3 关于ECMAScript精简纲要 37

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

2.4.1 屏幕分辨率 38

2.4.2 手机浏览器的可视区域 39

2.4.3 手机网站的技术区分 40

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

第3章 专用于手机的HTML——XHTML MP和XHTML Basic 43

3.1 XHTML模块家族 44

3.1.1 什么是XHTML模块化 44

3.1.2 为何要进行XHTML模块化 46

3.1.3 XHTML Basic 46

3.1.4 XHTML MP 47

3.1.5 关于OMA和WAP论坛 48

3.1.6 关于WAP 2.0 49

3.2 编写XHTML MP网页 49

3.2.1 定义XHTML MP网页MIME类型 50

3.2.2 侦测XHTML MP客户端 50

3.3 为手机网页定义元数据 51

3.3.1 定义缓存 51

3.3.2 定义应用程序名 53

3.4 交互方法和导航 54

3.4.1 触摸屏手机的交互 54

3.4.2 键盘手机的交互 55

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

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

3.5 设计表单 59

3.5.1 特殊的表单控件 60

3.5.2 指定输入模式 61

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

3.7 关于插件和下载 64

3.7.1 直接链接下载 64

3.7.2 使用OMA下载 64

3.7.3 下载注意事项 67

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

4.1 CSS MP和WCSS 70

4.1.1 CSS MP可用的样式属性 70

4.1.2 不推荐使用的样式属性 73

4.1.3 WCSS可用的样式属性 73

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

4.1.5 CSS MP和WCSS的语法 79

4.1.6 在XHTML文档中应用CSS 79

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

4.2.1 了解介质类型描述符 81

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

4.2.3 专用于手持设备的介质 84

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

4.3.1 使用介质查询 85

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

4.3.3 常用的介质查询 87

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

5.1 可视区域和视点 90

5.1.1 了解视点 92

5.1.2 手机上的视点 93

5.1.3 改变视点 94

5.1.4 分别对横屏和竖屏布局 95

5.2 关于@viewport规则 97

5.2.1 使用HTML元数据 98

5.2.2 常用的声明 100

5.2.3 其他HTML元数据 100

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

6.1 单列布局 102

6.1.1 液态宽度 102

6.1.2 属性值的计算步骤 103

6.2 导航条设计 104

6.2.1 tab导航菜单1 104

6.2.2 tab导航菜单2 107

6.2.3 单列菜单导航条 109

6.2.4 图标按钮排列导航 114

6.3 图文版式 119

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

6.3.2 图片替换 119

6.3.3 字体问题 121

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

7.1 使用ESMP 124

7.1.1 ESMP与ECMAScript的不同 124

7.1.2 ESMP BOM 125

7.1.3 ESMP CoreDOM 127

7.1.4 ESMP HTMLDOM 129

7.2 使用JavaScript的注意事项 133

7.2.1 检测浏览器支持 133

7.2.2 关于打开新窗口 135

7.2.3 关于间隔调用 135

7.2.4 隐藏浏览器工具条 135

7.3 定义和触发事件 136

7.3.1 基本交互事件 137

7.3.2 关于软键盘事件 138

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

7.4 触摸和手势 140

7.4.1 触摸事件 140

7.4.2 多点触控事件——手势 141

7.4.3 事件对象和Touch对象 142

7.4.4 触摸点ID 143

7.4.5 触摸和拖动 144

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

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

8.1 HTML 5的新特性 148

8.1.1 实现Web应用程序 148

8.1.2 用于更好地呈现内容 149

8.2 HTML 5轻松入门 149

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

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

8.2.3 HTML 5文档的构成 156

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

第9章 HTML 5视频和音频 159

9.1 元素 160

9.1.1 视频格式 160

9.1.2 建议的设置 162

9.1.3 属性 162

9.1.4 配置服务器添加MIME类型 162

9.1.5 全兼容设置 163

9.2 元素 163

9.3 元素 164

9.4 自定义视频和音频控制 166

9.5 使用HTML 5 DOM动态控制 167

9.5.1 关于Media元素 168

9.5.2 出错处理 170

9.5.3 关于状态 171

9.5.4 其他属性 172

9.5.5 使用方法控制媒体 173

9.5.6 检测媒体支持 173

9.5.7 媒体事件 174

9.6 安全和隐私 175

9.7 浏览器支持 175

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

10.1 文档结构元素 178

10.1.1 元素 179

10.1.2 元素 182

10.1.3 元素 183

10.1.4 元素 185

10.1.5 元素 187

10.1.6 元素 188

10.2 标题和标题组合 189

10.3

元素 190

10.4 浏览器兼容 191

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

11.1 使用Canvas绘图的基本步骤 194

11.1.1 绘制第一幅图 194

11.1.2 理解坐标 195

11.2 关于HTML 5 DOM Canvas API 196

11.3 使用CanvasRendering

Context2D 198

11.3.1 颜色、渐变和模式 202

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

11.3.3 阴影 207

11.3.4 绘制矩形 208

11.3.5 全局设置——混合模式 209

11.3.6 全局设置——透明度 210

11.4 创建和渲染路径 210

11.4.1 了解图形和路径 211

11.4.2 绘制直线线条 211

11.4.3 线条和填充 212

11.4.4 绘制弧线 213

11.4.5 绘制曲线 214

11.4.6 绘制矩形路径 214

11.4.7 绘制剪切路径 215

11.4.8 重置路径和关闭子路径 216

11.4.9 检测路径点 217

11.4.10 焦点外廓 218

11.5 插入图片 219

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

11.7 绘制文本 222

11.8 像素级绘制 223

11.8.1 基本使用方法 224

11.8.2 创建反相 225

11.8.3 分解通道 226

11.8.4 通道混合器 228

11.9 保存和恢复绘画状态 233

11.10 使用Canvas实现动画 234

11.10.1 太极旋转 234

11.10.2 绘制动态时钟 237

第12章 Web存储 241

12.1 Web存储概述 242

12.2 Web存储与Cookie 242

12.3 本地存储和会话存储 242

12.3.1 在客户端持久存储数据 242

12.3.2 关于浏览器兼容 243

12.3.3 在会话期存储数据 244

12.4 Storage接口 246

12.4.1 获取和更新存储 248

12.4.2 清除存储 249

12.4.3 清除指定的键 250

12.4.4 添加新键和更新键值 250

12.5 Storage事件 251

第13章 Web SQL数据库 253

13.1 第一个Web SQL Database应用 254

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

13.1.2 使用Web SQL Database的基本步骤 257

13.2 异步数据库 259

13.2.1 执行数据库事务 260

13.2.2 数据库版本管理 262

13.2.3 执行SQL语句 263

13.3 同步数据库 265

13.3.1 执行数据库事务 266

13.3.2 数据库版本管理 268

13.3.3 执行SQL语句 269

13.4 处理数据库操作结果 270

13.5 错误和异常 271

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

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

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

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

14.1 使用离线应用 278

14.1.1 配置MIME类型 278

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

14.1.3 创建清单文件 280

14.1.4 测试离线应用 281

14.1.5 更新离线存储 281

14.2 缓存清单文件格式 282

14.2.1 定义要缓存的文件 282

14.2.2 备抵机制 283

14.2.3 在线白名单 284

14.2.4 注释 284

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

14.3.1 获取缓存 286

14.3.2 检查状态 286

14.3.3 更新缓存 287

14.3.4 监听事件 288

14.3.5 检测脱机模式 290

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

14.4.1 为网站设计图标 292

14.4.2 为Android添加桌面快捷方式 294

14.4.3 指定一个启动图片 296

14.4.4 隐藏Safari界面 296

14.4.5 改变状态栏 296

第15章 地理位置定位 297

15.1 了解位置定位 299

15.1.1 位置定位是怎么工作的 299

15.1.2 位置定位的精确度 299

15.2 使用Geolocation 299

15.2.1 获取Geolocation对象 299

15.2.2 获取当前地理位置 300

15.2.3 处理位置信息 301

15.2.4 出错处理 302

15.2.5 配置项 303

15.2.6 持续追踪位置 303

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

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

15.3.2 与Google Map结合使用 305

15.3.3 使用Google Maps JavaScript API 310

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

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

16.1 使用jQuery核心库 316

16.1.1 第一个jQuery范例 317

16.1.2 基本语法 318

16.1.3 为什么要使用jQuery 320

16.1.4 解决jQuery冲突 322

16.2 使用jQuery Mobile 323

16.2.1 第一个jQuery Mobile范例 324

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

16.2.3 使用超链接 327

16.2.4 定义页面过渡效果 327

16.2.5 定义样式主题 327

16.2.6 创建对话框 329

16.2.7 固定页眉和页脚 329

16.2.8 全屏效果 330

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

16.3.1 页面导航的基本规则 331

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

16.3.3 注意事项 333

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

17.1 定义工具按钮 336

17.1.1 定义按钮 336

17.1.2 指定按钮图标 337

17.1.3 自定义按钮图标 337

17.1.4 行内级按钮和块级按钮 338

17.1.5 按钮分组 338

17.1.6 导航条 339

17.1.7 添加返回按钮 342

17.2 定义列表视图 342

17.2.1 有序列表 343

17.2.2 嵌套列表 343

17.2.3 分割按钮列表 344

17.2.4 列表项分组 346

17.2.5 缩略图和图标 346

17.2.6 对列表进行边缘修饰 348

17.2.7 只读列表 349

17.2.8 文字格式和计数泡 350

17.2.9 过滤列表项 351

17.3 内容布局 352

17.3.1 网格布局 352

17.3.2 可折叠内容 355

17.4 定义jQuery Mobile表单 358

17.4.1 表单控件的布局容器 359

17.4.2 切换开关控件 360

17.4.3 滑动条控件 361

17.4.4 单选按钮和复选框控件 361

17.4.5 水平开关键控件 363

17.4.6 选项菜单控件 363

17.4.7 表单提交 368

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

18.1 jQuery Mobile的自定义事件 370

18.2 使用工具方法 372

18.3 jQuery Mobile初始化配置 376

18.3.1 关于mobileinit事件 377

18.3.2 配置选项 377

　　

18.3.3 其他全局配置项 379

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

第20章 侦测手机和浏览器 385

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

20.2 使用HTTP请求报头 389

20.2.1 使用服务端技术侦测浏览器 389

20.2.2 使用.htaccess 393

20.3 使用WURFL、DeviceAtlas和MDBF 393

20.3.1 使用WURFL 394

20.3.2 使用MDBF 397

20.3.3 不足之处 403

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

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

21.1 预要求 408

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

21.2.1 搭建创作环境 409

21.2.2 开发和测试Android应用程序 409

21.2.3 编译、提交和安装 412

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

21.3.1 搭建创作环境 412

21.3.2 开发和测试iPhone应用程序 412

21.3.3 编译、提交和安装 414

21.4 结合jQuery Mobile开发 414

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

22.1 运动传感器 416

22.1.1 获取当前的加速度偏移量 416

22.1.2 以特定时间间隔获取加速度偏移量 417

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

22.3 多媒体控制 419

22.3.1 使用camera从照相机捕捉画面 420

22.3.2 使用capture对象录制语音、录制视频和捕捉图片 422

22.3.3 使用Media录制音频和控制音频播放 427

22.4 获取连接信息 431

22.4.1 判定连接类型 431

22.4.2 判定连接能否建立 432

22.5 获取设备相关信息 433

22.6 处理事件 434

22.7 地理位置定位Geolocation 435

22.8 Web SQL Database和Web存储 435

22.9 系统消息提示 435

22.10 管理手机通讯录数据库 438

22.10.1 创建一个新的联系人 438

22.10.2 查询联系人 439

22.10.3 处理联系人信息 441

22.11 文件系统处理 449

22.11.1 获取文件系统 449

22.11.2 目录处理 450

22.11.3 遍历目录 456

22.11.4 文件处理 456

22.11.5 修改文件内容 459

22.11.6 读取文件内容 460

22.11.7 出错处理 462

22.11.8 文件上传 463