jQuery Mobile入门经典

图书目录:

目　录

第 1部分　jQuery Mobile入门

第 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　DOCTYPE　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).ready()　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部分　创建用户界面

第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　iOS　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部分　自定义内容

第 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部分　扩展移动体验

第 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　BlackBerry　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