第1部分jQuery Mobile入门 3
第1章 了解jQuery Mobile 3
1.1为什么要使用jQuery Mobile 3
1.1.1响应式 4
1.1.2灵活 4
1.1.3简单 5
1.1.4支持度与可靠性 5
1.2支持的设备 5
1.2.1台式机、笔记本电脑与一体机 5
1.2.2平板电脑 5
1.2.3智能手机 6
1.3开发者的宝库 7
1.3.1编程语言 7
1.3.2集成开发环境(IDE)、平台与成本 8
1.3.3 Windows上的开发工具 8
1.3.4 OS X上的开发工具 9
1.3.5 Linux上的开发工具 10
1.3.6 Web服务器 11
1.4总结 12
1.5问与答 12
1.6测验 12
1.6.1问题 13
1.6.2答案 13
1.7练习 13
第2章 使用HTML、 CSS和 JavaScript 14
2.1使用HTML创建内容 14
2.1.1 HTML的作用 14
2.1.2 DOCIYPE 15
2.1.3基本结构 16
2.1.4内容与表现的分离 16
2.2展现CSS样式 18
2.2.1样式标记 20
2.2.2使用外部CSS文件 21
2.2.3内联样式 22
2.3使用JavaScript完成功能 23
2.3.1何处可以添加脚本 23
2.3.2载入脚本 24
2.3.3事件绑定 26
2.4总结 27
2.5问与答 27
2.6测验 28
2.6.1问题 28
2.6.2答案 28
2.7 练习 28
第3章 使用jQuery框架 29
3.1在网站中包含jQuery 30
3.2总结 42
3.3问与答 42
3.4测验 43
3.4.1问题 43
3.4.2答案 43
3.5练习 44
第4章jQuery Mobile框架简介 45
4.1将jQuery Mobile添加到网站 45
4.2使用数据角色 47
4.3创建一个简单的页面 48
4.4理解移动初始化事件 51
4.5使用pageinit事件代替$(document).readyO 52
4.6总结 56
4.7问与答 57
4.8测验 57
4.8.1问题 57
4.8.2答案 58
4.9练习 58
第5章 创建第一个移动网站 59
5.1构建网页 59
5.1.1页眉 60
5.1.2内容区域 60
5.1.3页脚 60
5.2添加页眉和页脚 62
5.3格式化文本内容 63
5.4附加图片 65
5.5链接到第二个网页 67
5.6总结 69
5.7问与答 69
5.8测验 70
5.8.1问题 70
5.8.2答案 70
5.9练习 70
第2部分 创建用户界面 73
第6章 了解移动设备的能力 73
6.1理解屏幕分辨率和PPI 73
6.1.1分辨率 73
6.1.2像素密度 74
6.2移动设备的其他特性 76
6.2.1触摸屏 76
6.2.2方向 77
6.2.3加速计 77
6.2.4近距离传感器 77
6.2.5物理键盘 77
6.2.6 GPS 77
6.2.7气压计 78
6.2.8摄像头 78
6.2.9无线网络 79
6.3考虑移动操作系统 79
6.3.1 i0S 79
6.3.2 Android 79
6.3.3 Windows Phone 80
6.3.4 Bada 80
6.3.5 BlackBerry 81
6.4了解移动设备的浏览器支持评级 81
6.5总结 82
6.6问与答 82
6.7测验 83
6.7.1问题 83
6.7.2答案 83
6.8练习 83
第7章 了解页面布局 85
7.1使用单页布局 85
7.2使用多页布局 87
7.3使用网格对齐内容 93
7.4设计可折叠的内容 96
7.5总结 99
7.6问与答 99
7.7测验 99
7.7.1问题 99
7.7.2答案 100
7.8练习 100
第8章 调整工具栏 101
8.1添加页眉工具栏 101
8.2附加导航工具栏 104
8.3添加页脚工具栏 106
8.4定位工具栏 109
8.4.1固定定位工具栏 110
8.4.2全屏定位工具栏 111
8.5添加固定导航栏 112
8.6总结 114
8.7问与答 115
8.8测验 115
8.8.1问题 115
8.8.2答案 115
8.9练习 116
第9章 设计按钮 117
9.1按钮简介 117
9.1.1创建基于链接的按钮 117
9.1.2 Input和Button元素 118
9.2覆盖按钮的默认设置 120
9.2.1重新设置边角 120
9.2.2移除阴影 121
9.3改变按钮的大小 121
9.4给按钮添加图标 124
9.4.1使用内置的图标集 124
9.4.2使用自定义图标 126
9.5总结 128
9.6问与答 128
9.7测验 128
9.7.1问题 129
9.7.2答案 129
9.8练习 129
第10章 定制表单 130
10.1表单入门 130
10.2使用jQuery Mobile增强表单 132
10.2.1标准input元素 132
10.2.2单选按钮和复选框 134
10.2.3 select元素 136
10.3扩展input元素 138
10.3.1滑块 138
10.3.2翻转开关 139
10.3.3搜索输入 141
10.4表单的提交 142
10.4.1通过AJAX提交表单 142
10.4.2不使用AJAX提交表单 143
10.5总结 143
10.6问与答 144
10.7测验 144
10.7.1问题 144
10.7.2答案 144
10.8练习 145
第11章 了解列表 146
11.1创建标准的和嵌入型的列表 146
11.1.1创建标准列表 146
11.1.2创建嵌入型列表 148
11.2给列表添加其他扩展 148
11.2.1使用编号列表 148
11.2.2 添加一个计数器 149
11.3使用图标和缩略图 150
11.3.1添加缩略图 150
11.3.2添加图标 151
11.3.3创建拆分列表 153
11.4搜索列表内容 154
11.5在表单中使用列表 156
11.6总结 158
11.7问与答 158
11.8测验 158
11.8.1问题 158
11.8.2答案 159
11.9练习 159
第12章 处理事件 160
12.1页面初始化事件 160
12.1.1使用pagebeforecreate事件 160
12.1.2使用pagecreate事件 162
12.1.3使用pageinit事件 163
12.2触摸事件 165
12.2.1使用轻触事件 165
12.2.2使用轻扫事件 168
12.3虚拟鼠标事件 169
12.4方向事件 171
12.5总结 173
12.6问与答 173
12.7测验 173
12.7.1问题 174
12.7.2答案 174
12.8练习 174
第13章 改变默认主题 175
13.1了解主题框架 175
13.1.1使用图标和类 176
13.1.2应用自定义主题 179
13.2给网站的组件应用主题 181
13.2.1按钮 181
13.2.2横条 181
13.2.3内容块 182
13.3置换调色板 183
13.3.1了解调色板 183
13.3.2创建调色板 185
13.3.3使用自定义的调色板 188
13.4总结 189
13.5问与答 190
13.6测验 190
13.6.1问题 190
13.6.2答案 190
13.7练习 191
第3部分 自定义内容 195
第14章 装扮设计 195
14.1理解版权和许可 195
14.1.1通用公共许可 196
14.1.2麻省理工学院许可 196
14.1.3伯克利软件发行版许可 197
14.1.4知识共享许可 197
14.1.5移动应用许可 198
14.2寻找图片 198
14.2.1获取图标和图标集 199
14.2.2在图片库中挑选 201
14.3使用插件增强功能 202
14.3.1寻找插件 202
14.3.2使用插件 202
14.4添加自定义字体 204
14.4.1保持字体的通用性 205
14.4.2使用@font-face应用自定义字体 205
14.4.3使用Google Web字体 207
14.5总结 209
14.6 问与答 209
14.7测验 210
14.7.1问题 210
14.7.2答案 210
14.8练习 210
第15章 响应式网站布局 212
15.1媒体查询 212
15.2基于屏幕大小调整布局 213
15.2.1创建一个移动版本的布局 214
15.2.2创建平板布局 217
15.2.3创建桌面布局 219
15.3旋转网站布局 220
15.4总结 222
15.5问与答 223
15.6测验 223
15.6.1问题 223
15.6.2答案 223
15.7练习 224
第16章 使用ThemeRoller定制主题 225
16.1 ThemeRoller简介 225
16.2使用ThemeRoller创建主题 226
16.2.1使用颜色区来调整颜色 226
16.2.2使用检查器工具来调整颜色 227
16.2.3手动调整调色板 229
16.3使用自定义主题 231
16.3.1下载主题 232
16.3.2将主题导入到ThemeRoller 232
16.3.3包含自定义主题 232
16.4总结 234
16.5问与答 234
16.6测验 235
16.6.1问题 235
16.6.2答案 235
16.7练习 235
第17章 检测移动设备 236
17.1了解移动设备检测的重要性 236
17.2使用.htaccess文件 237
17.3使用PHP进行移动设备检测 239
17.4使用JavaScript作为检测方法 241
17.5非检测的解决方案 245
17.5.1使用响应式设计 245
17.5.2使用jQuery Mobile 246
17.6总结 247
17.7问与答 247
17.8测验 247
17.8.1问题 248
17.8.2答案 248
17.9练习 248
第4部分 扩展移动体验 251
第18章 为移动设备嵌入视频 251
18.1理解视频播放 251
18.2嵌入YouTube视频 252
18.3嵌入Vimeo视频 257
18.4嵌入自己的视频 258
18.5了解其他视频嵌入服务 261
18.6总结 261
18.7问与答 262
18.8测验 262
18.8.1问题 262
18.8.2答案 262
18.9练习 263
第19章 针对移动设备对视频进行编码 264
19.1了解视频编码的基础 264
19.1.1视频容器 264
19.1.2编码解码器 265
19.2视频编码解码器和移动设备的比较 269
19.2.1 Android 269
19.2.2 BlackBerry 269
19.2.3 iPhone 4S 270
19.2.4 Windows Phone 7 270
19.3为移动设备进行视频编码 271
19.3.1视频检查工具 271
19.3.2了解转码程序 272
19.3.3进行视频编码 273
19.4分发视频内容 275
19.4.1 使用插件和播放器 276
19.4.2使用原生播放器 277
19.5总结 277
19.6问与答 277
19.7测验 278
19.7.1问题 278
19.7.2答案 278
19.8练习 278
第20章 创建快速响应码和标签码 279
20.1探究快速响应码和标签码 279
20.2扫描快速响应码 280
20.3生成快速响应码 281
20.3.1第三方生成快速响应码 282
20.3.2生成自己的快速响应码 283
20.3.3给快速响应码设计样式 285
20.4生成微软标签码 288
20.4.1生成标签 288
20.4.2下载标签 289
20.5总结 290
20.6问与答 290
20.7测验 291
20.7.1问题 291
20.7.2答案 291
20.8练习 291
第21章 学会压缩内容 292
21.1压缩代码 292
21.1.1使用YUI压缩器 293
21.1.2使用Closure编译器 294
21.1.3使用PACKER 296
21.2使用gzip和deflate 297
21.3压缩图片 299
21.3.1使用JPEG图片压缩 299
21.3.2使用GIF图片压缩 300
21.3.3使用PNG图片压缩 300
21.3.4用于进一步压缩图片的工具 301
21.4在Apache服务器上使用mod pagespeed 302
21.5总结 303
21.6问与答 303
21.7测验 304
21.7.1问题 304
21.7.2答案 304
21.8练习 304
第22章 使用移动设备模拟器 306
22.1借助移动设备模拟器 306
22.2寻找测试用的模拟器 308
22.2.1 Android 308
22.2.2 iOS 310
22.2.3 Windows Phone 311
22.2.4 B1ackBery 312
22.2.5应用程序模拟器 313
22.3使用模拟器进行测试 315
22.4总结 318
22.5问与答 319
22.6测验 319
22.6.1问题 319
22.6.2答案 320
22.7练习 320
第23章 使用PhoneGap和jQuery Mobile创建应用 321
23.1开始使用PhoneGap 321
23.1.1原生应用 322
23.1.2安装PhoneGap 322
23.1.3创建一个Android项目 324
23.2在项目中包含jQuery Mobile 329
23.3对应用进行编译 335
23.4总结 337
23.5问与答 337
23.6测验 337
23.6.1问题 337
23.6.2答案 338
23.7练习 338
第24章在WordPress中包含jQuery Mobile 339
24.1 WordPress内容管理系统简介 339
24.2安装WordPress 340
24.3为WordPress创建一个自定义主题 340
24.4将jQuery Mobile添加到主题中 342
24.5总结 353
24.6问与答 354
24.7测验 354
24.7.1问题 354
24.7.2答案 354
24.8练习 355