目    录

第1篇　基  础  篇

第1章  Android技术概述 2

1.1  来到智能手机世界 2

1.1.1  何谓智能手机 2

1.1.2  当前主流的智能手机系统 3

1.2  蓬勃发展的手机上网产业 6

1.2.1  WAP技术介绍 6

1.2.2  手机上网的商机 7

1.2.3  移动平台应用开发 7

1.3  Android的巨大优势 8

1.3.1  系出名门 8

1.3.2  强大的开发团队 8

1.3.3  诱人的奖励机制 9

1.3.4  开源 10

1.4  搭建Android应用开发环境 10

1.4.1  安装Android SDK的系统要求 10

1.4.2  安装JDK、Eclipse、Android SDK 11

1.4.3  设定Android SDK Home 19

1.4.4  验证理论 19

1.4.5  创建Android虚拟设备（AVD） 21

1.4.6  启动AVD模拟器 22

第2章  Android网络开发技术基础 25

2.1  HTML简介 25

2.1.1  HTML初步认识 25

2.1.2  字体格式设置 26

2.1.3  使用标示标记 28

2.1.4  使用区域和段落标记 29

2.1.5  使用表格标记 31

2.1.6  使用表单标记 33

2.2  XML技术 36

2.2.1  XML的概述 37

2.2.2  XML的语法 37

2.2.3  获取XML文档 38

2.3  CSS技术基础 39

2.3.1  基本语法 40

2.3.2  CSS属性介绍 40

2.3.3  CSS编码规范 42

2.4  JavaScript技术基础 43

2.4.1  JavaScript概述 44

2.4.2  JavaScript运算符 44

2.4.3  JavaScript循环语句 46

2.4.4  JavaScript函数 48

2.4.5  JavaScript事件 49

2.4.6  常用的Web页面脚本 51

2.5  在Android设备测试网页 53

2.6  编写第一个网页 56

2.6.1  编写HTML文件 56

2.6.2  设置页面的缩放 60

2.6.3  使用CSS进行修饰 60

第3章  创建移动Web 64

3.1  创建能在通用设备上运行的网站 64

3.1.1  确定应用程序类型 64

3.1.2  使用CSS改善HTML外观 65

3.1.3  加入移动meta标签 67

3.1.4  优化网站 68

3.2  将站点升级至HTML 5 68

3.2.1  确定何时升级和升级的具体方式 68

3.2.2  升级到HTML 5的步骤 70

3.2.3  将HTML 5特性作为额外内容添加至

网站 70

3.2.4  HTML 5为移动Web提供的服务 71

3.3  将Web程序迁移到移动设备 71

3.3.1  选择Web编辑器 72

3.3.2  测试应用程序 72

3.3.3  移动网站内容的特点 73

3.3.4  为移动设备调整可视化设计 73

3.3.5  HTML 5及CSS 3检测 74

第2篇　HTML 5篇

第4章  HTML 5在移动设备中 78

4.1  把握未来的风向标 78

4.1.1  漫漫发展历程 78

4.1.2  无与伦比的体验 78

4.2  在Android设备中使用HTML 5 79

4.2.1  使用HTML 5设计移动网站时需要考虑的

问题 80

4.2.2  主流的移动设备屏幕的分辨率 80

4.2.3  使用标准的HTML、CSS和JavaScript

技术 81

4.3  用HTML 5设计移动网站前的准备 81

4.3.1  为移动网站准备专用的域名 82

4.3.2  准备测试环境 82

第5章  HTML 5的整体架构 83

5.1  设置网页头部元素 83

5.1.1  设置文档类型 83

5.1.2  设置所有链接规定默认地址或默认目标 84

5.1.3  链接标签 85

5.1.4  设置有关页面的元信息 86

5.1.5  定义客户端脚本 87

5.1.6  定义HTML文档的样式信息 87

5.1.7  设置页面标题 88

5.2  设置页面正文 89

5.3  注释 90

5.4  和页面结构相关的新元素 91

5.4.1  定义区段的标签 91

5.4.2  定义独立内容的标签 92

5.4.3  定义导航链接标签 92

5.4.4  定义其所处内容之外的内容 93

5.4.5  定义页脚内容的标签 94

第6章  体验基本元素 95

6.1  在页面中输出一段文字 95

6.2  对页面进行分栏设计 96

6.3  使用<details>标记元素实现交互 97

6.3.1  常用属性 97

6.3.2  实现下拉弹出效果 98

6.4  使用<summary>标记元素实现交互 99

6.5  使用<menu>标记元素 100

6.5.1  属性介绍 100

6.5.2  实现右键菜单功能 101

6.6  使用<command>标记元素 102

6.7  使用<progress>标记元素 104

6.8  使用<meter>标记元素 106

6.9  使用树节点标记元素 107

6.9.1  <section>元素 108

6.9.2  <nav>元素 108

6.9.3  <hgroup>元素 110

6.10  使用分组标记元素 110

6.10.1  <ul>元素 110

6.10.2  <ol>元素 111

6.11  使用文本层次语义标记 112

6.11.1  <time>元素 112

6.11.2  <mark>元素 112

6.11.3  <cite>元素 113

6.12  使用<img>标记元素 113

6.13  使用<iframe>标记元素 114

6.14  使用<object>标记元素 115

第7章  使用表单元素 117

7.1  表单元素的类型 117

7.1.1  email类型 117

7.1.2  url类型 118

7.1.3  number类型 119

7.1.4  range类型 120

7.1.5  Date Pickers（数据检出器） 122

7.1.6  search类型 123

7.2  表单元素中的属性 125

7.2.1  记住表单中的数据 125

7.2.2  验证表单中输入的数据是否合法 127

7.2.3  在文本框中显示提示信息 128

7.2.4  验证文本框中的内容是否为空 129

7.2.5  开启表单的自动完成功能 130

7.2.6  重写表单中的某些属性 131

7.2.7  自动设置表单中传递数字 132

7.2.8  在表单中选择多个上传文件 133

7.3  新的表单元素 133

7.3.1  在表单中自动提示输入文本 134

7.3.2  一个简单的乘法计算器 135

7.3.3  在网页中生成一个密钥 136

第8章  音频和视频应用 137

8.1  处理视频 137

8.1.1  <video>标记 137

8.1.2  <video>标记的属性 138

8.2  处理音频 141

8.2.1  <audio>标记 141

8.2.2  <audio>标记的属性 142

8.3  高级应用 144

8.3.1  为播放的视频准备一幅素材图片 144

8.3.2  显示加载视频的状态 145

8.3.3  出错时在播放屏幕中显示出错信息 146

8.3.4  检测浏览器是否支持媒体文件类型 147

8.3.5  显示视频的播放状态 149

8.3.6  显示播放视频的时间信息 151

第9章  绘图实战 153

9.1  使用<canvas>标记 153

9.2  HTML DOM Canvas对象 154

9.3  HTML 5绘图实践 155

9.3.1  在指定位置绘制指定角度的相交线 156

9.3.2  绘制一个圆 156

9.3.3  在画布中显示一幅指定的图片 157

9.3.4  绘制一个指定大小的正方形 157

9.3.5  绘制一个带边框的矩形 159

9.3.6  绘制一个渐变图形 160

9.3.7  绘制不同的圆形 162

9.3.8  绘制一个渐变圆形 165

9.3.9  移动、缩放和旋转网页中的正方形 167

9.3.10  使用组合的方式显示图形 168

9.3.11  使用不同的方式平铺指定的图像 170

9.3.12  切割指定的图像 172

第10章  数据存储 174

10.1  Web存储 174

10.1.1  什么是Web存储 174

10.1.2  Web存储的影响 174

10.2  HTML 5中的两种存储方法 175

10.2.1  使用localStorage方法 175

10.2.2  使用sessionStorage方法 176

10.3  数据存储对象 177

10.3.1  使用sessionStorage对象 177

10.3.2  使用localStorage对象 179

10.3.3  使用localStorage对象中的clear()方法 182

10.3.4  使用localStorage对象中的属性 183

10.4  WebDB存储方式 185

10.4.1  WebDB存储基础 185

10.4.2  执行事务操作 186

10.4.3  调用执行SQL语句 187

10.5  实现一个日记式事务提醒系统 189

第11章  使用Web Sockets API 191

11.1  安装jWebSocket服务器 191

11.2  实现跨文档传输数据 192

11.3  使用WebSocket传送数据 194

11.3.1  使用Web Sockets API的方法 194

11.3.2  实战演练 195

11.4  处理JSON对象 196

11.5  jWebSocket框架 197

11.5.1  使用jWebSocketTest框架进行通信 197

11.5.2  使用jWebSocketTest开发一个聊天系统 200

第12章  使用Geolocation API 206

12.1  Geolocation API介绍 206

12.1.1  对浏览器的支持情况 206

12.1.2  使用API 207

12.2  获取当前地理位置 208

12.3  使用getCurrentPosition()方法 211

12.4  在网页中使用地图 212

12.4.1  在网页中调用地图 212

12.4.2  在地图中显示当前的位置 213

12.4.3  在网页中居中显示定位地图 215

12.4.4  利用百度地图实现定位处理 216

第13章  使用Web Workers API 219

13.1  Web Workers API基础 219

13.1.1  使用HTML 5 Web Workers API 219

13.1.2  需要使用.js文件 220

13.1.3  与Web Worker进行双向通信 220

13.2  Worker线程处理 222

13.2.1  使用Worker处理线程 222

13.2.2  使用线程传递JSON对象 224

13.2.3  使用线程嵌套交互数据 226

13.2.4  通过JSON发送消息 228

13.3  执行大计算量任务 230

第3篇　jQuery Mobile篇

第14章  jQuery Mobile基础 238

14.1  jQuery Mobile简介 238

14.1.1  jQuery介绍 238

14.1.2  jQuery Mobile的特点 239

14.1.3  对浏览器的支持 239

14.2  jQuery Mobile的4个突出特性 240

14.2.1  跨所有移动平台的统一UI 240

14.2.2  简化标记的驱动开发 240

14.2.3  渐进式增强 241

14.2.4  响应式设计 241

14.3  实战演练--在Android中使用jQuery

设计网页 242

第15章  jQuery Mobile语法基础 246

15.1  页面模板 246

15.2  多页面模板 249

15.2.1  一个多页面模板实例 249

15.2.2  设置内部页面的页面标题 250

15.3  使用Ajax修饰导航 251

15.3.1  使用Ajax 251

15.3.2  使用changePage()函数 254

15.3.3  配置Ajax导航 255

15.4  对话框 260

15.4.1  实现基本对话框效果 261

15.4.2  使用操作表 262

15.4.3  实现警告框 265

15.5  有媒体查询的响应式布局 267

第16章  实现导航功能 269

16.1  页眉栏 269

16.1.1  页眉基础 269

16.1.2  实现页眉定位 269

16.1.3  在页眉中使用按钮 272

16.1.4  在页眉中使用分段控件 275

16.1.5  实现回退按钮效果 279

16.2  页脚栏 281

16.2.1  页脚基础知识 281

16.2.2  页脚定位 285

16.2.3  页脚按钮 285

16.3  工具栏 286

16.3.1  带有图标的工具栏 286

16.3.2  带有分段控件的工具栏 288

16.4  标签栏 289

16.4.1  带有标准图标的标签栏 290

16.4.2  永久标签栏 292

16.4.3  有自定义图标的标签栏 292

16.4.4  带有分段控件的标签栏 294

第17章  按钮 298

17.1  链接按钮 298

17.2  表单按钮 299

17.3  图像按钮 300

17.4  有图标的按钮 301

17.5  只带有图标的按钮 303

17.6  实现按钮定位 305

17.7  自定义按钮图标 306

17.8  使用分组按钮 309

17.9  使用主题按钮 311

17.10  使用动态按钮 312

17.10.1  按钮选项 312

17.10.2  按钮方法 313

17.10.3  按钮事件 313

17.10.4  动态按钮演练 314

第18章  表单 317

18.1  表单基础 317

18.2  在表单中输入文本 319

18.2.1  动态输入文本 321

18.2.2  文本输入选项 321

18.2.3  文本输入方法 322

18.2.4  文本输入事件 322

18.3  选择菜单 324

18.3.1  自定义选择菜单 326

18.3.2  占位符选项 327

18.3.3  动态选择菜单 328

18.3.4  选择菜单选项 328

18.3.5  选择菜单的方法 330

18.3.6  选择菜单的事件 330

18.4  单选按钮 332

18.4.1  复选框和单选按钮的选项 334

18.4.2  复选框和单选按钮的方法 335

18.4.3  复选框和单选按钮的事件 335

18.5  复选框 337

18.5.1  动态复选框 337

18.5.2  使用复选框 337

18.6  滑动条 340

18.6.1  滑动条基础 341

18.6.2  滑动条的选项 342

18.6.3  滑动条的方法 343

18.6.4  滑动条的事件 343

18.7  开关控件 345

18.7.1  开关控件基础 345

18.7.2  动态开关事件 347

18.8  使用本地表单元素 348

18.9  使用Mobiscroll日期选择器 352

第19章  列表 355

19.1  列表基础 355

19.2  内置列表 356

19.3  列表分割线 358

19.4  带有缩略图和图标的列表 360

19.5  使用拆分按钮列表 365

19.6  使用编号列表 368

19.7  使用只读列表 369

19.8  使用列表徽章 372

19.9  使用搜索栏过滤列表 374

19.10  实现动态列表效果 378

19.10.1  列表选项 378

19.10.2  列表方法 380

19.10.3  列表事件 381

第20章  内容格式化 383

20.1  使用基本的HTML样式 383

20.2  使用表格进行布局 383

20.2.1  表格模板 383

20.2.2  两列表格 384

20.2.3  三列表格 386

20.2.4  带有app图标的四列表格 387

20.2.5  使用五列表格 388

20.2.6  多行表格 388

20.2.7  不规则的表格 390

20.2.8  Springboard（苹果iDevice的桌面） 391

20.3  可折叠的内容块 395

20.3.1  嵌套折叠和折叠组 396

20.3.2  创建可折叠的内容块 396

20.4  折叠组标记 398

20.4.1  折叠组标记（Collapsible set markup）

基础 399

20.4.2  实战演练 399

20.5  使用CSS设置样式 402

20.5.1  实现背景渐变 402

20.5.2  在Mozilla浏览器实现背景渐变 404

20.5.3  实现页眉渐变效果 406

第21章  主题化设计 409

21.1  主题设计基础 409

21.2  主题和调色板 411

21.2.1  主题设置 412

21.2.2  调色板（swatch） 413

21.2.3  全局主题设置（global theme settings） 413

21.2.4  结构（structure） 414

21.3  主题的默认值 414

21.4  主题的继承 416

21.5  主题的自定义 420

21.6  ThemeRoller 426

21.6.1  调色板和全局设置 427

21.6.2  Preview Inspector和QuickSwatch Bar 428

21.6.3  使用Adobe Kuler集成工具 429

21.6.4  使用ThemeRoller 429

第22章  jQuery Mobile的API 434

22.1  配置jQuery Mobile 434

22.1.1  mobileinit事件 434

22.1.2  可配置的jQuery Mobile选项 435

22.2  方法 437

22.3  事件 446

22.3.1  触摸事件Touch events 446

22.3.2  虚拟鼠标事件 Virtual mouse events 447

22.3.3  设备方向变化事件

Orientationchange events 448

22.3.4  滚屏事件Scroll events 449

22.3.5  页面加载事件Page load events 451

22.3.6  页面显示/隐藏事件Page show/

hide events 456

22.3.7  页面初始化事件Page 

initialization events 457

22.3.8  动画事件Animation events 459

22.3.9  触发事件 460

22.4  3个属性 461

22.5  数据属性 461

22.6  有响应的布局助手 464

22.6.1  方向类Orientation Classes 464

22.6.2  最小/最大宽度折断点类Min/Max Width 

Breakpoint Classes 465

22.6.3  添加宽度折断点 Adding Width 

Breakpoints 465

22.6.4  运行媒介查询Running Media 

Queries 465

第4篇　综合实战篇

第23章  使用PhoneGap 468

23.1  PhoneGap简介 468

23.1.1  产生背景 468

23.1.2  什么是PhoneGap 469

23.1.3  PhoneGap的发展历程 469

23.1.4  全新的功能 470

23.1.5  PhoneGap移动Web开发的步骤 470

23.2  搭建PhoneGap开发环境 471

23.2.1  准备工作 471

23.2.2  获得PhoneGap开发包 471

23.2.3  创建基于PhoneGap的HeIIoWorld

程序 473

23.3  PhoneGap API详解 479

23.3.1  应用API 480

23.3.2  通知API 482

23.3.3  设备API 483

23.3.4  网络连接API 484

23.3.5  加速计API 486

23.3.6  地理位置API 489

23.3.7  指南针API 491

23.3.8  照相机API 493

23.3.9  采集API 496

23.3.10  媒体API 498

第24章  开发一个电话本管理系统 502

24.1  需求分析 502

24.1.1  产生背景 502

24.1.2  功能分析 502

24.2  创建Android工程 503

24.3  实现系统主界面 504

24.4  实现信息查询模块 506

24.5  实现系统管理模块 508

24.6  实现信息添加模块 511

24.7  实现信息修改模块 514

24.8  实现信息删除模块和更新模块 516

IV

VII