第1章 移动Web开发简介 1
1.1 移动Web的发展 2
1.1.1 WAP时代 2
1.1.2 HTML 5时代 4
1.2 移动Web的特点和设计策略 5
1.2.1 移动Web和移动应用程序 5
1.2.2 移动Web与桌面Web 8
1.2.3 兼容性与Web设计策略 10
1.3 jQuery Mobile 12
1.3.1 jQuery的家族成员 12
1.3.2 jQuery Mobile简介 13
1.3.3 再谈浏览器的兼容性问题 15
1.4 准备工作 17
1.4.1 jQuery Mobile框架 17
1.4.2 开发工具、测试环境与模拟器 19
1.4.3 Web服务器 23
1.5 本章习题 24
第2章 HTML 5开发基础 27
2.1 HTML 5的语法结构 28
2.1.1 HTML 5网页的基本结构 28
2.1.2 <head>成员元素 30
2.1.3 标准属性 35
2.2 HTML 5常用元素简介 36
2.2.1 组织结构元素 37
2.2.2 链接元素 42
2.2.3 分组元素 44
2.2.4 与文本相关的元素 48
2.2.5 表单 49
2.2.6 多媒体 59
2.2.7 HTML 5标签的默认规则 60
2.3 HTML 5 API 61
2.3.1 拖放功能 61
2.3.2 地理位置信息 63
2.4 HTML 5的增强功能 66
2.4.1 定制属性data-* 66
2.4.2 Web设计的无障碍化与WAI-ARIA简介 66
2.4.3 离线访问 68
2.5 HTML 5代码的语法验证 70
2.6 本章习题 71
第3章 CSS 3设计基础 73
3.1 CSS简介 74
3.1.1 CSS规范与版本 74
3.1.2 定义与引用样式规则 74
3.2 样式选择器 77
3.2.1 简单选择器 77
3.2.2 伪类 83
3.2.3 伪元素 88
3.2.4 选择器组合与组合选择器 90
3.3 基本样式 93
3.3.1 Box模型 93
3.3.2 字符与文本 105
3.3.3 色彩与图形 108
3.4 图形变换与动画效果 114
3.4.1 二维变换 114
3.4.2 三维变换 116
3.4.3 过渡效果 118
3.4.4 动画效果 121
3.5 CSS与输出设备 124
3.5.1 设备类型简介 124
3.5.2 媒体查询简介 126
3.6 本章习题 129
第4章 jQuery入门 133
4.1 jQuery的基本使用方法 134
4.1.1 jQuery程序的基本组织结构 134
4.1.2 jQuery的属性 137
4.2 jQuery选择器 140
4.2.1 基本选择器 140
4.2.2 属性选择器 141
4.2.3 过滤器 143
4.2.4 继承关系选择器 150
4.2.5 表单选择器 150
4.3 jQuery网页特效 152
4.3.1 基本特效 152
4.3.2 淡入淡出 154
4.3.3 滑动 156
4.4 jQuery的事件处理 158
4.4.1 鼠标事件和键盘事件 158
4.4.2 表单事件 163
4.4.3 浏览器事件 166
4.5 jQuery网页的动态处理 167
4.5.1 网页样式的处理 167
4.5.2 网页内容的处理 174
4.6 jQuery UI简介 178
4.7 本章习题 181
第5章 jQuery Mobile开发基础 185
5.1 jQuery Mobile应用环境 186
5.1.1 移动网站的特点和需求 186
5.1.2 jQuery Mobile的基本功能 188
5.2 jQuery Mobile程序的基本组织结构 191
5.2.1 网页结构 191
5.2.2 单页和多页模式 194
5.2.3 链接与导航 197
5.2.4 对话窗口 203
5.3 屏幕切换动画特效 207
5.4 本章习题 209
第6章 UI组件-工具栏 211
6.1 工具栏基础 212
6.1.1 工具栏的组成结构 212
6.1.2 工具栏的显示方式 213
6.2 工具栏的内容和样式特征 221
6.2.1 工具栏中的按钮 221
6.2.2 标题栏样式 226
6.3 导航栏 230
6.3.1 导航栏基本结构 230
6.3.2 导航栏中的按钮 231
6.3.3 导航栏的样式风格 236
6.4 网页中的网页 237
6.5 本章习题 239
第7章 jQuery Mobile的UI组件 241
7.1 按钮和图标 242
7.1.1 几类常见的按钮 242
7.1.2 按钮的基本样式 247
7.1.3 按钮图标 249
7.2 表单输入元素 253
7.2.1 单选按钮和多选按钮 254
7.2.2 文本输入框 259
7.3 表格与网格 264
7.3.1 Reflow表格 264
7.3.2 可选表列的表格 270
7.3.3 网格 274
7.4 本章习题 280
第8章 jQuery Mobile的UI组件(续) 283
8.1 滑动条 284
8.1.1 基本滑动条 284
8.1.2 区间滑动条 288
8.2 列表视图 291
8.2.1 无序与有序列表视图 291
8.2.2 列表视图与图标 295
8.2.3 列表视图的内容管理与应用技巧 299
8.3 可收放的UI组件 306
8.3.1 可收放的UI组件及其样式特征 306
8.3.2 可收放组件的组合与手风琴模式 310
8.4 面板 313
8.4.1 面板的基本构成与工作方式 313
8.4.2 外部面板 317
8.5 选择菜单 320
8.5.1 选择菜单的基本表现形式 320
8.5.2 定制菜单 325
8.6 选择开关 326
8.6.1 常见的开关编写方法 327
8.6.2 滑动条开关 330
8.7 本章习题 331
第9章 jQuery Mobile的样式定制 333
9.1 jQuery Mobile主题样式系统简介 334
9.1.1 主题系统 334
9.1.2 样本定义的方法 335
9.2 使用第三方样式主题 337
9.2.1 jQuery Mobile Flat UI Theme 337
9.2.2 nativeDroid 339
9.3 ThemeRoller工具 342
9.3.1 ThemeRoller的基本操作 342
9.3.2 ThemeRoller样式的定制方法 345
9.4 UI组件定制实例 348
9.4.1 100%宽度的滑动条 348
9.4.2 列宽度不相等的网格 350
9.4.3 带有永久删除按钮的搜索框 352
9.4.4 输入框中提示信息的样式 353
9.4.5 圆角选择开关 355
9.5 本章习题 357
第10章 jQuery Mobile功能的扩展 359
10.1 图标集的扩展 360
10.1.1 制作自定义图标的基本方法 360
10.1.2 图标字符 364
10.2 网页切换过渡效果扩展 376
10.3 UI组件扩展 380
10.3.1 拖放功能 380
10.3.2 日期选择器 384
10.4 本章习题 387
第11章 jQuery Mobile事件处理 389
11.1 网页与初始化事件 390
11.1.1 网页的初始化事件 390
11.1.2 外部网页加载事件 393
11.1.3 网页切换过程事件 395
11.2 用户操作事件 397
11.2.1 方向位置事件 397
11.2.2 滚屏事件 398
11.2.3 触摸事件 400
11.3 本章习题 403
第12章 jQuery和jQuery Mobile的插件 405
12.1 日期选择器插件-DateBox 406
12.2 窗口插件-Windows 412
12.2.1 警告窗口 413
12.2.2 对话窗口 414
12.3 图片插件-OWL Carousel 419
12.4 Google地图 424
12.5 本章习题 430
附录A Web服务器设置方法简介 431
附录B 习题解答 441