第Ⅰ篇 手机版专用网站设计和开发入门篇 3
第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使用B1ackBerry浏览器测试网页 19
1.4.1.B1ackBerry模拟器安装 19
1.4.2使用B1ackBerry模拟器 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.2CSS 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
第Ⅱ篇 HTML 5在iPhone、Android、Windows Phone的实战篇 147
第8章HTML5简介和编写规范 147
8.1 HTML 5的新特性 148
8.1.1实现Web应用程序 148
8.1.2用于更好地呈现内容 149
8.2 HTML 5轻松入门 149
8.2.1使用XML语法编写HTML5文档 149
8.2.2使用HTML语法编写HTML5文档 154
8.2.3HTML 5文档的构成 156
8.3手机浏览器对HTML 5的支持 157
第9章HTML5视频和音频 159
9.1 ﹤video﹥元素 160
9.1.1视频格式 160
9.1.2建议的设置 162
9.1.3属性 162
9.1.4配置服务器添加MIME类型 162
9.1.5全兼容设置 163
9.2 ﹤source﹥元素 163
9.3 ﹤audio﹥元素 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章 使用HTML5结构元素构建网页 177
10.1文档结构元素 178
10.1.1 ﹤article﹥元素 179
10.1.2 ﹤section﹥元素 182
10.1.3 ﹤aside﹥元素 183
10.1.4 ﹤nav﹥元素 185
10.1.5 ﹤header﹥元素 187
10.1.6 ﹤footer﹥元素 188
10.2标题和标题组合 189
10.3 ﹤address﹥元素 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使用CanvasRenderingContext2D 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
第Ⅲ篇 基于HTML、 CSS和JavaScript设计网站和开发移动Web应用 315
第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章 使用jQueryMobile 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
第Ⅳ篇 基于HTML、CSS和JavaScript开发手机应用程序 407
第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