《iOS移动网站开发详解(附光盘)/网站开发非常之旅》编著者朱桂英。

本书基于iOS移动开发，介绍在iOS系统中使用HTML 5技术设计移动Web网页、在iOS系统中使用jQuery Mobile框架开发移动Web网页，以及在iOS系统中使用PhoneGap框架整合开发移动Web网页等技术内容。

《iOS移动网站开发详解(附光盘)/网站开发非常之旅》编著者朱桂英。

《iOS移动网站开发详解(附光盘)/网站开发非常之旅》编著者朱桂英。内容新颖、知识全面、讲解详细，全书分为4篇共28章，其中第1～4章是基础篇，详细讲解了iOS系统基础，搭建开发环境，HTML、CSS和JavaScript，创建移动Web等内容；第5～11章是HTML 5技术篇，详细讲解了在iOS系统中使用HTML 5技术设计移动Web网页的基础知识，包括HTML 5的发展历程、整体框架、基本元素、表单、音频处理、视频处理、绘图、数据存储等内容；第12～19章是jQuery Mobile技术篇，详细讲解了在iOS系统中使用jQuery Mobile框架开发移动Web网页的基础知识，包括jQuery Mobile导航、按钮、列表、表单、内容格式化、主题化、常用API等内容；第20～28章是PhoneGap技术篇，详细讲解了在iOS系统中使用PhoneGap框架整合开发移动Web网页的基础知识，包括搭建测试环境、事件机制、插件开发及应用、常用API的具体应用等内容。本书采用理论加实践的编写方法，对于每个实例，先提出制作思路和包含知识点，然后力求用最通俗的语言将高深的知识阐述出来。

本书适合iOS开发人员、网页设计师、Web开发程序员、研发人员及在职程序员阅读，也可以作为培训学校和大中专院校相关专业的教学用书。

第1篇　基础篇

第1章 iOS系统基础 2

 1.1 iOS系统介绍 2

 1.1.1 iOS发展史 2

 1.1.2 全新的版本--iOS 7 3

 1.2 从iPhone到iPad 4

 1.2.1 让世界疯狂的iPhone 4

 1.2.2 改变世界的iPad 5

 1.3 iOS的常用开发框架 5

 1.3.1 Foundation框架简介 5

 1.3.2 Cocoa框架简介 7

第2章 搭建开发环境 9

 2.1 开发前的准备--加入iOS开发团队 9

 2.2 安装Xcode 11

 2.2.1 Xcode介绍 12

 2.2.2 iOS SDK介绍 12

 2.2.3 下载并安装Xcode 14

 2.3 创建一个Xcode项目并启动模拟器 17

 2.4 在iOS设备中测试网页 21

第3章 HTML、CSS和JavaScript 24

 3.1 HTML简介 24

 3.1.1 HTML初步 24

 3.1.2 字体格式设置 25

 3.1.3 使用标示标记 28

 3.1.4 使用区域和段落标记 29

 3.1.5 使用表格标记 31

 3.1.6 使用表单标记 34

 3.2 CSS技术基础 38

 3.2.1 基本语法 38

 3.2.2 CSS编码规范 39

 3.3 JavaScript技术基础 40

 3.3.1 JavaScript概述 41

 3.3.2 JavaScript运算符 42

 3.3.3 JavaScript循环语句 43

 3.3.4 JavaScript函数 45

 3.3.5 JavaScript事件 47

第4章 创建移动Web 50

 4.1 创建能在通用设备上运行的网站 50

 4.1.1 确定应用程序类型 50

 4.1.2 使用CSS改善HTML外观 51

 4.1.3 加入移动<meta>标记 53

 4.1.4 优化网站 54

 4.2 将站点升级至HTML 5 54

 4.2.1 确定何时升级和升级的具体方式 54

 4.2.2 升级到HTML 5的步骤 56

 4.2.3 将HTML 5特性作为额外内容添加至网站 57

 4.2.4 HTML 5为移动Web提供的服务 57

 4.3 将Web程序迁移到移动设备 58

 4.3.1 选择Web编辑器 58

 4.3.2 测试应用程序 58

 4.3.3 移动网站的内容特点 59

 4.3.4 为移动设备调整可视化的设计 59

 4.3.5 HTML 5及CSS 3检测 60

第2篇　HTML 5技术篇

第5章 HTML 5在移动设备中 64

 5.1 把握未来的风向标 64

 5.1.1 漫长的发展历程 64

 5.1.2 无与伦比的用户体验 64

 5.2 在iOS设备中使用HTML 5 65

 5.2.1 使用HTML 5设计移动网站时需要

 考虑的问题 66

 5.2.2 主流移动设备的屏幕分辨率 66

 5.2.3 使用标准的HTML、CSS和JavaScript

 技术 66

 5.3 使用HTML 5设计移动网站前的准备 67

 5.3.1 为移动网站准备专用的域名 67

 5.3.2 准备测试环境 67

第6章 HTML 5的整体架构 69

 6.1 设置网页头部元素 69

 6.1.1 设置文档类型 69

 6.1.2 设置所有链接的默认地址或默认目标 70

 6.1.3 链接标记 71

 6.1.4 设置有关页面的元信息 72

 6.1.5 定义客户端脚本 73

 6.1.6 定义HTML文档的样式信息 73

 6.1.7 设置页面标题 74

 6.2 设置页面正文 75

 6.3 注释 76

 6.4 和页面结构相关的新元素 77

 6.4.1 定义区段的标记 77

 6.4.2 定义独立内容的标记 78

 6.4.3 定义导航链接标记 78

 6.4.4 定义所处内容之外的内容 79

 6.4.5 定义页脚内容的标记 80

第7章 体验基本元素 81

 7.1 在页面中输出一段文字 81

 7.2 对页面进行分栏设计 82

 7.3 使用details标记元素实现交互 83

 7.3.1 常用属性 83

 7.3.2 实现下拉弹出效果 84

 7.4 使用summary标记元素实现交互 85

 7.5 使用menu标记元素 86

 7.5.1 属性介绍 86

 7.5.2 实现右键菜单功能 87

 7.6 使用command标记元素 89

 7.7 使用progress标记元素 90

 7.8 使用meter标记元素 92

 7.9 使用树节点标记元素 94

 7.9.1 section元素 94

 7.9.2 nav元素 94

 7.9.3 hgroup元素 94

 7.10 使用分组标记元素 96

 7.10.1 ul元素 96

 7.10.2 ol元素 97

 7.11 使用文本层次语义标记 98

 7.11.1 time元素 98

 7.11.2 mark元素 99

 7.11.3 cite元素 99

 7.12 使用图片标记元素 100

 7.13 使用框架标记元素 101

 7.14 使用object标记元素 102

第8章 使用表单元素 104

 8.1 表单元素的类型 104

 8.1.1 email类型 104

 8.1.2 url类型 105

 8.1.3 number类型 106

 8.1.4 range类型 107

 8.1.5 Date Pickers（数据检出器） 109

 8.1.6 search类型 111

 8.2 表单元素的属性 112

 8.2.1 记住表单中的数据 112

 8.2.2 验证表单中输入的数据是否合法 114

 8.2.3 在文本框中显示提示信息 115

 8.2.4 验证文本框中的内容是否为空 116

 8.2.5 开启表单的自动完成功能 117

 8.2.6 重写表单中的某些属性 118

 8.2.7 自动设置表单中传递数字 119

 8.2.8 在表单中选择多个上传文件 119

 8.3 新的表单元素 120

 8.3.1 在表单中自动提示输入文本 120

 8.3.2 一个简单的乘法计算器 122

 8.3.3 在网页中生成一个密钥 123

第9章 音频和视频应用 124

 9.1 处理视频 124

 9.1.1 使用<video>标记 124

 9.1.2 <video>标记的属性 125

 9.2 处理音频 128

 9.2.1 <audio>标记 128

 9.2.2 <audio>标记的属性 129

 9.3 高级应用 131

 9.3.1 为播放的视频准备一幅素材图片 131

 9.3.2 显示加载视频的状态 132

 9.3.3 出错时在播放屏幕中显示出错信息 133

 9.3.4 检测浏览器是否支持这个媒体类型 135

 9.3.5 显示视频的播放状态 137

 9.3.6 显示播放视频的时间信息 138

第10章 在网页中绘图 141

 10.1 使用<canvas>标记 141

 10.2 HTML DOM Canvas对象 142

 10.3 HTML 5绘图实践 143

 10.3.1 在指定位置绘制指定角度的相交线 143

 10.3.2 绘制一个圆 144

 10.3.3 在画布中显示一幅指定的图片 145

 10.3.4 绘制一个指定大小的正方形 145

 10.3.5 绘制一个带边框的矩形 146

 10.3.6 绘制一个渐变图形 148

 10.3.7 绘制不同的圆形 150

 10.3.8 绘制一个渐变圆形 153

 10.3.9 移动、缩放和旋转网页中的圆形 155

 10.3.10 使用组合的方式显示图形 156

 10.3.11 使用不同的方式平铺指定的图像 158

 10.3.12 切割指定的图像 160

第11章 数据存储 162

 11.1 Web存储 162

 11.1.1 Web存储的定义 162

 11.1.2 Web存储的影响 162

 11.2 HTML 5中的两种存储方式 163

 11.2.1 使用localStorage方式 163

 11.2.2 使用sessionStorage方式 164

 11.3 数据存储对象 165

 11.3.1 使用sessionStorage对象 165

 11.3.2 使用localStorage对象 167

 11.3.3 使用localStorage对象中的clear()方法 170

 11.3.4 使用localStorage对象中的属性 172

 11.4 WebDB存储方式 173

 11.4.1 WebDB存储基础 173

 11.4.2 执行事务操作 174

 11.4.3 执行SQL语句 175

 11.5 实现一个日记式事务提醒系统 177

第3篇　jQuery Mobile技术篇

第12章 jQuery Mobile基础 180

 12.1 jQuery Mobile简介 180

 12.1.1 jQuery介绍 180

 12.1.2 jQuery Mobile的特点 181

 12.1.3 对浏览器的支持 181

 12.2 jQuery Mobile的四个突出特性 182

 12.2.1 跨所有移动平台的统一UI 182

 12.2.2 简化的标记驱动开发 182

 12.2.3 渐进式增强 183

 12.2.4 响应式设计 183

 12.3 jQuery Mobile语法基础 184

 12.3.1 页面模板 184

 12.3.2 多页面模板 187

 12.3.3 使用Ajax修饰导航 188

 12.3.4 转换 192

 12.3.5 对话框 192

 12.3.6 有媒体查询的响应式布局 198

第13章 实现导航功能 200

 13.1 页眉栏 200

 13.1.1 页眉基础 200

 13.1.2 实现页眉定位 200

 13.1.3 在页眉中使用按钮 203

 13.1.4 在页眉中使用分段控件 206

 13.1.5 实现回退按钮效果 209

 13.2 页脚栏 211

 13.2.1 页脚基础知识 212

 13.2.2 页脚定位 215

 13.2.3 页脚按钮 216

 13.3 工具栏 216

 13.3.1 带有图标的工具栏 216

 13.3.2 带有分段控件的工具栏 218

 13.4 标签栏 220

 13.4.1 带有标准图标的标签栏 220

 13.4.2 永久标签栏 222

 13.4.3 有自定义图标的标签栏 223

 13.4.4 带有分段控件的标签栏 225

第14章 按钮 228

 14.1 链接按钮 228

 14.2 表单按钮 229

 14.3 使用图像按钮 230

 14.4 使用有图标的按钮 231

 14.5 使用只带有图标的按钮 233

 14.6 实现按钮定位 235

 14.7 自定义按钮图标 236

 14.8 使用分组按钮 239

 14.9 使用主题按钮 241

 14.10 使用动态按钮 242

 14.10.1 按钮选项 242

 14.10.2 按钮方法 243

 14.10.3 按钮事件 243

 14.10.4 动态按钮演练 244

第15章 表单 247

 15.1 表单基础 247

 15.2 在表单中输入文本 249

 15.2.1 动态输入文本 251

 15.2.2 文本输入选项 251

 15.2.3 文本输入方法 252

 15.2.4 文本输入事件 252

 15.3 选择菜单 254

 15.3.1 自定义选择菜单 256

 15.3.2 占位符选项 258

 15.3.3 动态选择菜单 258

 15.3.4 选择菜单选项 258

 15.3.5 选择菜单方法 260

 15.3.6 选择菜单事件 260

 15.4 单选按钮 263

 15.4.1 单选按钮选项 264

 15.4.2 单选按钮方法 265

 15.4.3 单选按钮事件 265

 15.5 复选框 267

 15.5.1 动态复选框 267

 15.5.2 使用复选框 267

 15.6 使用滑动条 270

 15.6.1 滑动条基础 271

 15.6.2 滑动条选项 272

 15.6.3 滑动条方法 273

 15.6.4 滑动条事件 273

 15.7 使用开关控件 275

 15.7.1 开关控件基础 275

 15.7.2 使用动态开关控件 277

 15.8 使用本地表单元素 278

 15.9 使用Mobiscroll日期选择器 282

第16章 列表 285

 16.1 列表基础 285

 16.2 内置列表 286

 16.3 列表分割线 288

 16.4 带有缩略图和图标的列表 290

 16.5 使用拆分按钮列表 295

 16.6 使用编号列表 297

 16.7 设置列表为只读 299

 16.8 使用列表徽章（计数泡） 301

 16.9 使用搜索栏过滤列表 304

 16.10 实现动态列表效果 307

 16.10.1 列表选项 307

 16.10.2 列表方法 310

 16.10.3 列表事件 310

第17章 内容格式化 313

 17.1 使用基本的HTML样式 313

 17.2 使用表格布局 313

 17.2.1 表格模板 313

 17.2.2 两列表格 314

 17.2.3 三列表格 316

 17.2.4 带有app图标的四列表格 317

 17.2.5 使用五列表格 318

 17.2.6 多行表格 319

 17.2.7 不规则的表格 320

 17.2.8 Springboard 322

 17.3 可折叠的内容块 326

 17.3.1 嵌套折叠和折叠组 327

 17.3.2 创建可折叠的内容块 327

 17.4 折叠组标记 329

 17.4.1 折叠组标记（Collapsible set markup）

 基础 330

 17.4.2 实战演练 330

 17.5 使用CSS实现设置样式 333

 17.5.1 实现背景渐变 333

 17.5.2 在Mozilla浏览器实现背景渐变 335

 17.5.3 实现页眉渐变效果 337

第18章 主题化 340

 18.1 主题设计基础 340

 18.2 主题和调色板 343

 18.3 使用主题的默认值 345

 18.4 继承主题 347

 18.5 自定义主题 351

 18.6 使用ThemeRoller 358

 18.6.1 调色板和全局设置 359

 18.6.2 Preview Inspector和QuickSwatch Bar 359

 18.6.3 使用Adobe Kuler集成工具 360

 18.6.4 使用ThemeRoller 361

第19章 jQuery Mobile API 366

 19.1 配置jQuery Mobile 366

 19.1.1 mobileinit事件 366

 19.1.2 可配置的jQuery Mobile选项 367

 19.2 方法 369

 19.3 事件 378

 19.3.1 触摸事件（Touch Events） 378

 19.3.2 虚拟鼠标事件（Virtual Mouse Events） 379

 19.3.3 设备方向变化事件（Orientation Change

 Events） 380

 19.3.4 滚屏事件（Scroll Events） 381

 19.3.5 页面加载事件（Page Load Events） 383

 19.3.6 页面显示/隐藏事件（Page Show/Hide

 Events） 388

 19.3.7 页面初始化事件（Page Initialization

 Events） 389

 19.3.8 动画事件（Animation Events） 391

 19.3.9 触发事件 393

 19.4 属性 393

 19.5 数据属性 393

 19.6 有响应的布局助手 397

 19.6.1 方向类（Orientation Classes） 397

 19.6.2 最小/最大宽度折断点（Class Min/Max

 Width Breakpoint Classes） 397

 19.6.3 添加宽度折断点（Adding Width

 Breakpoints） 398

 19.6.4 运行媒介查询（Running Media Queries） 398

第4篇　PhoneGap技术篇

第20章 PhoneGap基础 400

 20.1 PhoneGap简介 400

 20.1.1 产生背景 400

 20.1.2 什么是PhoneGap 401

 20.1.3 PhoneGap的发展历程 401

 20.1.4 全新的功能 402

 20.1.5 PhoneGap的发展现状 402

 20.2 PhoneGap的优点和缺点分析 403

 20.2.1 原生应用 403

 20.2.2 Web应用 404

 20.2.3 混合型应用 404

 20.3 PhoneGap API基础 405

 20.4 PhoneGap的工作 406

 20.5 PhoneGap开发必备技术 407

 20.5.1 Titanium 407

 20.5.2 Adobe AIR 408

 20.5.3 Corona 409

 20.5.4 常用的JavaScript移动UI框架 409

第21章 使用PhoneGap开发移动

 Web应用 411

 21.1 PhoneGap移动Web开发的步骤 411

 21.2 搭建PhoneGap开发环境 412

 21.2.1 准备工作 412

 21.2.2 获得PhoneGap开发包 412

 21.2.3 在iOS平台上创建基于PhoneGap

 的程序 414

第22章 PhoneGap的事件机制 417

 22.1 PhoneGap的事件列表 417

 22.2 deviceready事件 418

 22.3 pause和resume事件 420

 22.4 online和offline事件 422

 22.4.1 online事件 422

 22.4.2 offline事件 423

 22.5 batterycritical、batterylow和

 batterystatus事件 424

第23章 API--应用、通知、设备、

 网络连接和加速计 428

 23.1 应用API 428

 23.1.1 白名单安全机制 428

 23.1.2 访问对象的方法 429

 23.2 通知API 430

 23.2.1 主要对象 430

 23.2.2 业务操作 430

 23.3 设备API 439

 23.3.1 主要对象 439

 23.3.2 使用设备API 439

 23.4 网络连接API 440

 23.5 加速计API 442

 23.5.1 主要对象 442

 23.5.2 getCurrentAcceleration()方法 443

 23.5.3 watchAcceleration()方法 445

 23.5.4 clearWatch()方法 447

第24章 API--地理位置和指南针 449

 24.1 地理位置API 449

 24.1.1 地理位置应用背景 449

 24.1.2 Geolocation接口介绍 450

 24.1.3 三个对象 450

 24.1.4 三个参数 454

 24.1.5 操作方法 455

 24.2 指南针API 460

 24.2.1 两个对象 460

 24.2.2 三个参数 461

 24.2.3 三个函数 461

第25章 API--照相机、采集、媒体 467

 25.1 照相机 467

 25.1.1 camera.getPicture()方法 467

 25.1.2 业务操作 468

 25.1.3 实战演练 469

 25.2 Capture 474

 25.2.1 Capture的对象 474

 25.2.2 Capture的方法 477

 25.3 Media 484

 25.3.1 主要参数介绍 484

 25.3.2 主要方法介绍 484

第26章 API--通讯录和数据存储 497

 26.1 Contacts通讯录 497

 26.1.1 主要对象 497

 26.1.2 五个方法 508

 26.1.3 综合实例 511

 26.2 Storage存储 517

 26.2.1 主要对象 518

 26.2.2 主要方法 525

第27章 API--文件操作 526

 27.1 主要对象 526

 27.1.1 DirectoryEntry 526

 27.1.2 DirectoryReader和File 527

 27.1.3 FileEntry 527

 27.1.4 FileError 527

 27.1.5 FileReader 528

 27.1.6 FileSystem 529

 27.1.7 FileTransfer和FileTransferError 530

 27.1.8 FileUploadOptions和FileUploadResult 530

 27.1.9 FileWriter 531

 27.1.10 Flags 534

 27.1.11 LocalFileSystem 534

 27.1.12 Metadata 535

 27.2 主要方法 535

 27.2.1 getMetadata()方法 536

 27.2.2 moveTo()方法 536

 27.2.3 copyTo()方法 537

 27.2.4 toURI()方法 537

 27.2.5 remove()方法 538

 27.2.6 getParent()方法 538

 27.2.7 createReader()和getDirectory()方法 539

 27.2.8 getFile()方法 539

 27.2.9 removeRecursively()方法 540

 27.2.10 readEntries()方法 540

 27.2.11 createWriter()方法 541

 27.2.12 readAsDataURL()和readAsText()方法 541

 27.2.13 upload()方法 544

 27.2.14 download()方法 545

第28章 PhoneGap的插件 547

 28.1 PhoneGap插件基础 547

 28.2 使用PhoneGap插件 548

 28.2.1 ChildBrowser插件介绍 548

 28.2.2 使用ChildBrowser插件 549

 28.3 实现PhoneGap插件 552

 28.3.1 编写前的准备 552

 28.3.2 编写PhoneGap插件 553

 28.3.3 将PhoneGap嵌入到iOS程序中 557

 28.4 常用的PhoneGap插件 559

 28.4.1 NativeControls插件 559

 28.4.2 WebGL插件 560