●第 0章  移动Web开发学习指南 1 本章教学录像：23分钟 移动Web程序是指能够在智能手机、平板电脑、电子书阅读器等可移动设备中完整运行的Web程序。和传统桌面式Web程序相比，移动Web要求程序更加简单并且高效，而且具备传统桌面Web程序所没有的硬件优势，例如GPS定位、传感器应用等。本章简要介绍开发移动Web应用程序的基础知识，为读者步入本书后面知识的学习打下基础。 0.1 Web标准开发技术 2 0.1.1 结构化标准语言 2 0.1.2 表现性标准语言 2 0.1.3 行为标准 2 0.2 移动Web开发概览 3 0.2.1 主流移动平台介绍 3 0.2.2 移动Web的特点 4 0.2.3 设计移动网站时需要考虑的问题 5 0.2.4 主流移动设备屏幕的分辨率 5 0.2.5 使用标准的HTML、CSS和技术 6 0.3 移动Web开发必备技术 7 0.4 移动Web开发学习路线图 8 篇 基础知识 章  网页和网站制作基础 10 本章教学录像：24分钟 Web站点是专业人员对各种站点的统称，普通浏览用户通常将这些站点称为网站。互联网中存在形形色色的站点，为浏览用户提供了海量的信息。一个独立的站点是由一个或多个网页构成的，网页和网站是构成Web站点的核心元素。本章对网页和网站的基础知识进行概述，为读者步入本书后面知识的学习打下基础。 1.1 认识网页和网站 11 1.1.1 何谓网页 11 1.1.2 何谓网站 11 1.2 网页的基本构成元素 12 1.3 制作网页的基本流程 14 1.4 制作网站的基本流程 15 1.4.1 网站发展趋势 15 1.4.2 网站制作流程 15 1.4.3 网站设计原则 17 1.5 高手点拨 17 1.6 实战练习 18 第 2章  搭建移动Web开发环境 19 本章教学录像：21分钟 “工欲善其事，必先利其器”出自《论语》，意思是要想高效地完成一件事，需要有合适的工具。对于移动Web开发人员来说，开发工具同样至关重要。作为一项新兴技术，在进行开发前首先要搭建一个对应的开发环境。本章详细讲解搭建移动Web开发环境的基础知识，为读者步入本书后面知识的学习打下基础。 2.1 安装Dreamweaver CS6 20 2.2 安装jQuery Mobile 25 2.2.1 下载jQuery Mobile插件 25 2.2.2 使用URL方式加载插件文件 26 2.3 搭建PhoneGap开发环境 27 2.3.1 准备工作 27 2.3.2 获得PhoneGap开发包 27 2.4 搭建测试环境 32 2.5 高手点拨 34 2.6 实战练习 34 第 3章  打造移动Web应用程序 35 本章教学录像：35分钟 在本书前面的内容中，已经详细讲解了搭建移动Web开发环境的方法。本章重点讲解在Android和iOS系统中创建移动Web程序的方法，为读者步入本书后面知识的学习打下了基础。 3.1 创建通用网站的实现流程 36 3.1.1 确定应用程序类型 36 3.1.2 使用CSS改善HTML外观 36 3.1.3 加入移动meta标签 38 3.2 将站点升级至HTML5 39 3.2.1 确定何时升级和升级的具体方式 40 3.2.2 升级到HTML5的步骤 41 3.2.3 将HTML5特性作为额外内容添加至网站 41 3.2.4 使用HTML5为移动Web提供的服务 42 3.3 将Web程序迁移到移动设备 42 3.3.1 选择Web编辑器 43 3.3.2 测试应用程序 43 3.3.3 移动网站的内容特点 44 3.3.4 为移动设备调整可视化的设计 44 3.3.5 HTML5及CSS3检测 45 3.4 搭建Android开发环境 46 3.4.1 安装Android SDK的系统要求 46 3.4.2 安装JDK 47 3.4.3 获取并安装Eclipse和Android SDK 51 3.4.4 安装ADT 54 3.4.5 设定Android SDK Home 57 3.4.6 验证开发环境 58 3.4.7 创建并管理Android虚拟设备（AVD） 59 3.4.8 启动AVD模拟器 61 3.5 搭建iOS开发环境 62 3.5.1 开发前的准备——加入iOS开发团队 63 3.5.2 安装Xcode 65 3.5.3 Xcode介绍 65 3.5.4 下载并安装Xcode 65 3.5.5 创建一个Xcode项目并启动模拟器 69 3.6 高手点拨 73 3.7 实战练习 74 第2篇 核心技术 第 4章  HTML基础 76 本章教学录像：35分钟 HTML即超文本标记语言，是HyperText Mark-up Language的缩写。HTML按一定格式来标记普通文本文件、图像、表格和表单等元素，使文本及各种对象能够在用户的浏览器中，显示出不同风格的标记性语言，从而实现各种页面元素的组合。通过使用Dreamweaver CS6，可以更加快捷地生成HTML代码，提高了设计网页的效率。本章简要讲解HTML标记语言的基础知识。 4.1 HTML初步 77 4.1.1 HTML概述 77 4.1.2 HTML基本结构 77 4.2 HTML标记详解 79 4.2.1 标题文字标记 79 4.2.2 文本文字标记 80 4.2.3 字型设置标记 82 4.2.4 段落标记
●
● 83 4.2.5 换行标记
84 4.2.6 链接标记 85 4.2.7 设置背景图片标记 86 4.2.8 插入图片标记 87 4.2.9 列表标记 89 4.2.10 表格标记、、

和

92 4.3 综合应用——制作一个简单网页 94 4.4 高手点拨 97 4.5 实战练习 98 第 5章  HTML5 99 本章教学录像：36分钟 HTML5 是Web标准的巨大飞跃。和以前的版本不同，HTML5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台。在这个平台上，视频、音频、图像、动画以及同电脑的交互都被标准化。尽管 HTML5 的实现还有很长的路要走，但是HTML5正在改变着Web。本章详细讲解HTML5的基础知识，特别是新特性方面的知识，为读者步入本书后面知识的学习打下基础。 5.1 把握未来的风向标 100 5.1.1 漫漫发展历程 100 5.1.2 无与伦比的体验 100 5.2 用HTML5设计移动网站前的准备 101 5.2.1 为移动网站准备专用的域名 101 5.2.2 准备测试环境 101 5.3 段HTML5程序 102 5.4 设置网页头部元素 103 5.4.1 设置文档类型 103 5.4.2 设置所有链接规定默认地址或默认目标 104 5.4.3 链接标签 105 5.4.4 设置有关页面的元信息 107 5.4.5 定义客户端脚本 107 5.4.6 定义HTML文档的样式信息 108 5.4.7 设置页面标题 109 5.5 设置页面正文 110 5.6 注释 112 5.7 和页面结构相关的新元素 113 5.7.1 定义区段的标签 113 5.7.2 定义独立内容的标签 114 5.7.3 定义导航链接标签 115 5.7.4 定义其所处内容之外的内容 116 5.7.5 定义页脚内容的标签 116 5.8 在网页中显示联系信息 117 5.9 自动隐藏或显示网页中的文字 118 5.10 综合应用——自动检测输入的拼音是否正确 120 5.11 高手点拨 122 5.12 实战练习 122 第 6章  CSS基础 123 本章教学录像：40分钟 CSS（层叠样式表）是Cascading Style Sheet的缩写，简称为样式表，是W3C组织制定的、控制页面显示样式的标记语言。CSS的新版本是CSS 3.0，这是现在网页所遵循的通用标准。本章将详细讲解CSS技术的基础知识。 6.1 体验CSS的功能 124 6.2 基本语法 125 6.3 使用选择符 126 6.3.1 选择符的种类 126 6.3.2 使用ID选择符设置文字颜色 129 6.4 CSS属性 129 6.5 几个常用值 131 6.5.1 颜色单位 131 6.5.2 长度单位 133 6.5.3 百分比值 134 6.5.4 URL统一资源定位符 134 6.5.5 URL默认值 135 6.6 在网页中使用CSS 135 6.6.1 页面调用CSS的方式 135 6.6.2 通用优先级 138 6.6.3 类型选择符和类选择符 139 6.6.4 ID选择符 140 6.6.5 近优先原则 141 6.7 CSS的编码规范 143 6.7.1 书写规范 143 6.7.2 命名规范 144 6.8 CSS调试 145 6.8.1 设计软件调试 145 6.8.2 继承性和默认值带来的问题 145 6.9 综合应用——实现精致、符合标准的表单页面 147 6.10 高手点拨 149 6.11 实战练习 150 第 7章  脚本语言 151 本章教学录像：48分钟 页面通过脚本程序可以实现用户数据的传输和动态交互。本章简要介绍技术的基础知识，并通过实例来介绍其具体的使用流程，为读者步入本书后面知识的学习打下坚实的基础。 7.1 简介 152 7.1.1 格式 152 7.1.2 一个典型的文件 152 7.2 数据类型 154 7.2.1 数据类型概述 154 7.2.2 常量 154 7.2.3 变量 155 7.3 表达式和运算符 156 7.3.1 表达式 156 7.3.2 运算符 156 7.4 循环语句 160 7.4.1 if条件语句 160 7.4.2 for循环语句 163 7.4.3 while循环语句 165 7.4.4 do…while循环语句 166 7.4.5 break控制 168 7.4.6 switch循环语句 168 7.5 函数 169 7.5.1 函数的构成 169 7.5.2 常用函数 170 7.6 对象 172 7.6.1 对象的基础知识 172 7.6.2 常用对象和方法 175 7.7 事件 177 7.7.1 常用事件 178 7.7.2 事件处理程序 179 7.8 窗口对象 180 7.8.1 窗口对象 180 7.8.2 窗口对象的事件驱动 181 7.8.3 窗口对象的属性 181 7.8.4 窗口对象的方法 181 7.8.5 窗口对象的应用 182 7.9 框架对象 184 7.10 综合应用——实现一个动态菜单样式 186 7.11 高手点拨 189 7.12 实战练习 190 第8章  使用jQuery Mobile框架 191 本章教学录像：43分钟 jQuery Mobile 不仅给主流移动平台带来jQuery核心库，而且拥有一个完整统一的jQuery移动UI框架，支持主流的移动平台。本章详细讲解jQuery Mobile的基础知识，为读者步入本书后面知识的学习打下基础。 8.1 jQuery Mobile简介 192 8.1.1 jQuery的优势 192 8.1.2 jQuery Mobile的特点 192 8.1.3 jQuery Mobile对浏览器的支持 193 8.1.4 jQuery Mobile对移动平台的支持 193 8.2 jQuery Mobile的四大优势 194 8.2.1 跨所有移动平台的统一UI 194 8.2.2 简化的标记驱动的开发 195 8.2.3 渐进式增强 195 8.2.4 响应式设计 195 8.3 jQuery Mobile语法基础 196 8.3.1 使用基本框架 196 8.3.2 多页面模板 200 8.3.3 设置内部页面的页面标题 202 8.3.4 设置外部页面链接 204 8.3.5 实现页面后退链接 204 8.3.6 使用Ajax修饰导航 205 8.3.7 使用函数changePage() 209 8.4 预加载 210 8.5 页面缓存 212 8.6 页面脚本 214 8.7 综合应用——实现页面跳转 216 8.8 高手点拨 218 8.9 实战练习 218 第9章  使用PhoneGap 219 本章教学录像：1小时23分钟 PhoneGap基于HTML、CSS和技术，是一个创建跨平台移动应用程序的快速开发平台。通过PhoneGap，开发者能够利用iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry等智能手机的核心功能，包括地理定位、加速器、联系人、声音和振动等。此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。本章详细讲解PhoneGap的基础知识，为读者步入本书后面知识的学习打下基础。 9.1 PhoneGap基础 220 9.1.1 产生背景 220 9.1.2 PhoneGap的发展历程 220 9.1.3 使用PhoneGap进行移动Web开发的步骤 221 9.2 PhoneGap API详解 222 9.2.1 应用API 223 9.2.2 通知API 224 9.2.3 设备API 226 9.2.4 网络连接API 227 9.2.5 加速计API 230 9.2.6 地理位置API 232 9.2.7 指南针API 235 9.2.8 照相机API 238 9.2.9 采集API 242 9.2.10 录音API 244 9.3 综合应用——构造一个播放器 245 9.4 高手点拨 248 9.5 实战练习 248 0 章  开发移动设备网页 249 本章教学录像：22分钟 人们用手机这个通信工具来上网是“大势所趋”，所以我们很有必要专门开发能在手机上浏览的网页，即能在手机上浏览的网站。本章详细讲解通过CSS设置出符合Android标准的HTML网页的方法。 10.1 编写个适用于Android系统的网页 250 10.1.1 控制页面的缩放 254 10.1.2 添加CSS样式 254 10.1.3 添加 257 10.2 添加Ajax特效 262 10.3 综合应用——打造一个iOS+jQuery Mobile+ PhoneGap程序 269 10.4 综合应用——打造一个Android+jQuery Mobile+PhoneGap程序 271 10.4.1 建立一个基于Web的Android应用 271 10.4.2 添加Web内容 273 10.4.3 利用PhoneGap封装成移动Web应用 274 10.4.4 修改权限文件 277 10.5 高手点拨 278 10.6 实战练习 278 第3篇 知识进阶 1章  Web Sockets实时数据处理 280 本章教学录像：35分钟 Web Sockets是HTML5中的一种Web应用通信机制，能够在客户端与服务器端之间进行非HTTP的通信。本章详细介绍在移动Web页面中使用Web Sockets API实现通信的方法，为读者步入本书后面知识的学习打下基础。 11.1 安装jWebSocket服务器 281 11.2 实现跨文档传输数据 281 11.3 使用WebSocket传送数据 286 11.3.1 使用Web Sockets API的方法 286 11.3.2 在网页中传送数据 287 11.4 处理JSON对象 289 11.5 jWebSocket框架 293 11.5.1 jWebSocket框架的构成 293 11.5.2 创建jWebSocket服务器端的侦听器 293 11.6 jWebSocket令牌详解 300 11.6.1 令牌的格式 301 11.6.2 令牌的常用术语 301 11.6.3 系统令牌详解 302 11.7 综合应用——使用jWebSocketTest框架进行通信 308 11.8 高手点拨 311 11.9 实战练习 312 2章  Web Workers通信处理 313 本章教学录像：26分钟 在移动Web页面开发应用中，使用Worker可以将前台中的代码分割成若干个分散的代码块，分别由不同的后台线程负责执行，这样可以避免由于前台单线程执行缓慢出现用户等待的情况。本章详细介绍使用Worker线程实现前台数据和后台数据交互的过程，并通过具体实例来演示具体实现流程。 12.1 Web Workers API基础 314 12.1.1 使用HTML5 Web Workers API 314 12.1.2 .js 文件 314 12.1.3 与 Web Worker 进行双向通信 315 12.2 Worker线程处理 317 12.2.1 使用Worker处理线程 318 12.2.2 使用线程传递JSON对象 321 12.2.3 使用线程嵌套交互数据 323 12.2.4 通过JSON发送消息 326 12.3 执行大计算量任务 327 12.3.1 创建Worker 328 12.3.2 使用Web Workers API执行大计算量任务 328 12.4 综合应用——在后台运行耗时较长的运算 335 12.5 高手点拨 338 12.6 实战练习 338 3章  页面数据离线处理 339 本章教学录像：32分钟 在Web应用技术中，离线技术已经成为了主要的应用之一，它确保了即使在离线的情况下，也可以正常实现数据交互功能。在HTML5中新增加了一个专用API，用于实现本地数据的缓存，这个API使得开发离线应用成为可能。本章将详细介绍在移动Web页面中实现页面数据离线处理的基本过程，为读者步入本书后面知识的学习打下基础。 13.1 离线应用基础 340 13.1.1 manifest文件详解 340 13.1.2 配置IIS服务器 341 13.1.3 开发离线应用程序 341 13.2 检测本地缓存的更新状态 343 13.2.1 updateready事件 344 13.2.2 update方法 345 13.2.3 swapCache方法 348 13.2.4 可能触发的其他事件 350 13.3 检测在线状态 352 13.3.1 使用onLine属性 353 13.3.2 使用online事件和offline 事件 355 13.3.3 开发一个离线留言系统 357 13.4 综合应用——开发一个离线式日历提醒系统 360 13.5 高手点拨 3 13.6 实战练习 3 4章  绘制三维图形图像 365 本章教学录像：16分钟 WebGL是一种3D绘图标准，这种绘图技术标准允许把和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡在浏览器里更流畅地展示3D场景和模型了。本章详细讲解使用WebGL在移动Web页面应用中绘制三维图形图像的基础知识。 14.1 WebGL基础 366 14.1.1 发展历程 366 14.1.2 WebGL 和 HTML5的关系 366 14.1.3 开发前的准备 367 14.2 使用WebGL 368 14.2.1 绘制三角形和矩形 368 14.2.2 绘制有颜色的三角形和矩形 373 14.2.3 绘制三维动画 380 14.3 综合应用——绘制一个三维物体 388 14.4 高手点拨 398 14.5 实战练习 398 5 章  使用Geolocation API 399 本章教学录像：21分钟 Geolocation API用于将用户当前的地理位置信息共享给信任的站点，因为在这个过程中会涉及用户的隐私安全问题，所以当一个站点需要获取用户的当前地理位置时，浏览器会提示用户是“允许”或“拒绝”。本章详细讲解在移动Web网页中使用Geolocation API实现定位处理的方法，为读者步入本书后面知识的学习打下基础。 15.1 Geolocation API介绍 400 15.1.1 对浏览器的支持情况 400 15.1.2 使用Geolocation API 400 15.2 获取当前地理位置 401 15.3 使用getCurrentition()方法 405 15.4 在网页中使用地图 407 15.4.1 在网页中调用地图 407 15.4.2 在地图中显示当前位置 410 15.4.3 在网页中居中显示定位地图 412 15.4.4 利用百度地图实现定位 414 15.5 综合应用——在弹出的对话框中显示定位信息 416 15.6 高手点拨 419 15.7 实战练习 420 第4篇 典型应用 6 章  使用jQTouch框架 422 本章教学录像：12分钟 jQTouch 是一个 jQuery 插件，主要用于手机的 Webkit 浏览器，是实现动画、列表导航、默认应用样式等各种常见UI效果的 库。本章详细讲解在移动Web网页中使用jQTouch的方法，为读者步入本书后面知识的学习打下基础。 16.1 jQTouch基础 423 16.1.1 jQTouch的特点 423 16.1.2 体验jQTouch程序 423 16.2 开始使用jQTouch 428 16.2.1 引入一段jQTouch代码 428 16.2.2 使用 jQuery 生成动态数据 430 16.2.3 使用jQTouch创建动态UI 430 16.3 综合应用——使用jQTouch框架开发动画网页 435 16.4 高手点拨 443 16.5 实战练习 444 7章  使用Sencha Touch框架 445 本章教学录像：19分钟 Sencha Touch是一个应用于手持移动设备的前端框架，与ExtJS是同一个门派的。Sencha Touch框架的功能强大，效果炫丽，能够快速开发出适应于在Android和iOS等移动系统中运行的Web页面。本章详细讲解在移动Web网页中使用Sencha Touch框架的方法，为读者步入本书后面知识的学习打下基础。 17.1 Sencha Touch基础 446 17.1.1 Sencha Touch简介 446 17.1.2 Sencha Touch的特性 447 17.1.3 Sencha Touch的优势 447 17.2 搭建Sencha Touch开发环境 448 17.2.1 获取Sencha Touch 448 17.2.2 搭建Eclipse+Sencha Touch开发环境 450 17.2.3 调试Sencha Touch程序 455 17.3 Sencha Touch界面布局 456 17.3.1 Hbox布局(水平布局) 456 17.3.2 VBox布局(垂直布局) 457 17.3.3 Card布局(卡片布局) 458 17.3.4 Fit布局(填充布局) 459 17.3.5 Docking(停靠) 460 17.4 综合应用——实现一个手机通讯录 462 17.5 高手点拨 472 17.6 实战练习 472 第5篇 综合实战 8章  记事本系统 474 本章教学录像：13分钟 经过本书前面内容的学习，相信读者已经掌握了移动Web开发技术的基本知识。本章综合运用前面所学的知识，结合使用HTML5、CSS3和jQuery Mobile技术开发一个能够在移动设备中运行的记事本管理系统。希望读者认真阅读本章内容，仔细品味HTML5+jQuery Mobile+CSS组合在移动Web开发领域的真谛。 18.1 系统功能分析 475 18.2 系统模块划分 475 18.3 构建jQuery Mobile平台 476 18.4 页面实现 476 18.4.1 实现系统首页 476 18.4.2 实现记事本类别列表页面 479 18.4.3 实现记事本列表页面 481 18.4.4 实现记事本详情和删除页面 483 18.4.5 实现记事本修改页面 485 18.4.6 实现添加记事本页面 487 18.5 系统样式文件 489 9章  Android版电话本管理系统 491 本章教学录像：16分钟 本章综合运用前面所学的知识，结合CSS和技术，开发一个在Android平台运行的电话本管理系统。希望读者认真阅读本章内容，仔细品味HTML5+jQuery Mobile+PhoneGap组合在移动Web开发领域的真谛，为步入以后的工作岗位打下坚实的基础。 19.1 需求分析 492 19.1.1 产生背景 492 19.1.2 功能分析 492 19.2 创建Android工程 493 19.3 实现系统主界面 494 19.4 实现信息查询模块 496 19.5 实现系统管理模块 498 19.6 实现信息添加模块 502 19.7 实现信息修改模块 505 19.8 实现信息删除模块和更新模块 508 《移动Web开发从入门到精通》以零基础讲解为宗旨，用实例引导读者学习，深入浅出地介绍了移动Web开发的相关知识和实战技能。 《移动Web开发从入门到精通》篇【基础知识】主要讲解网页和网站制作基础、搭建移动Web开发环境、打造移动Web应用程序等；第2篇【核心技术】主要讲解与移动Web开发相关的核心技术和工具，包括HTML、HTML5、CSS、、jQuery Mobile、PhoneGap等，还通过实例介绍了移动设备网页的开发方法；第3篇【知识进阶】主要讲解WebSockets实时数据处理、Web Workers通信处理、页面数据离线处理、绘制三维图形图像、使用Geolocation API等；第4篇【典型应用】主要介绍了jQTouch框架和Sencha Touch框架；第5篇【综合实战】通过实战案例，介绍了完整的移动Web程序开发流程。 《移动Web开发从入门到精通》所等 巅峰卓越 著 一家专门从事不错编程书籍写作的科技公司，多年来致力于高端编程图书的写作和国外编程书籍的翻译工作。其技术实力雄厚，大多数作者是靠前一线开发人员，具有丰富的开发经验和写作经验。主要代表作品有《Android游戏开发技术实战详解》《21天学通C++》《21天学通Oracle》《Android网络开发技术实战详解》等。