[正版]jQuery Mobile移动开发(全案例微课版) 刘春茂 清华大学出版社 网站设计与网页开发

《jQuery Mobile移动开发（全案例微课版）》是针对零基础读者研发的移动开发入门教材，内容侧重案例实训，并提供扫码微课来讲解当前的热点案例。

《jQuery Mobile移动开发（全案例微课版）》分为20章，内容包括jQuery Mobile快速入门、网页实现技术—HTML5、设计页面和对话框、设计弹出页面、布局移动页面、使用按钮、使用表单和插件、设计工具栏、设计列表视图和主题样式、jQuery Mobile事件、数据存储和读取技术、响应式网页设计、流行的响应式开发框架Bootstrap、App的打包和测试。最后通过6个热点综合项目，进一步提高读者的项目开发能力。

《jQuery Mobile移动开发（全案例微课版）》通过精选热点案例，可以让初学者快速掌握移动开发技术。

刘春茂在郑州轻工业大学主要负责计算机系的毕业生实训，善于引导学生学习，让学校所学的知识和社会的需求很好地衔接，同时具有丰富的教学经验和开发经验。

《jQuery Mobile移动开发（全案例微课版）》的特点如下：

前沿科技

无论是数据库设计还是网站开发，精选的案例均来自较为前沿或者用户群多的领域，可帮助大家认识和了解新动态。

专业的作者团队

组织国家重点实验室和知名应用专家联手编著该套图书，融合了丰富的教学经验与优秀的管理理念。

学习型案例设计

以技术的实际应用过程为主线，全程采用图解和多媒体同步结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。

扫码看视频

通过微信扫码看视频，可以随时在移动端学习技能对应的视频操作。

第1章 jQuery Mobile快速入门  001

1.1 认识jQuery Mobile    002

1.2 跨平台移动设备网页jQuery Mobile   002

1.2.1 移动设备模拟器    002

1.2.2 jQuery Mobile的安装   004

1.2.3 jQuery Mobile网页的架构  006

1.3 网页的开发工具   007

1.3.1 使用记事本手工编写HTML文件   007

1.3.2 使用WebStorm编写HTML文件   007

1.4 设计第一个移动网页   010

1.5 新手常见疑难问题   012

1.6 实战技能训练营   012

第2章 网页实现技术—HTML 5  013

2.1 HTML 5中的常用标签    014

2.1.1 基础标签的应用    014

2.1.2 文本格式标签   015

2.1.3 超级链接标签   016

2.1.4 列表标签的应用    017

2.2 HTML 5中的图像标签    018

2.2.1 插入并编辑网页中的图像  019

2.2.2 定义图像热点区域   019

2.2.3 绘制网页图形图像   021

2.3 HTML 5中的表单标签    023

2.3.1 文本类输入框   024

2.3.2 按钮类输入框   025

2.3.3 网页中的按钮   026

2.3.4 图像域和文件域    028

2.3.5 设置表单中的列表   028

2.3.6 表单常用属性的应用   029

2.4 HTML 5中的表格标签    031

2.4.1 表格的基本结构    031

2.4.2 使用属性编辑表格   032

2.4.3 完整的表格标签    035

2.5 HTML 5中的多媒体标签   036

2.5.1 audio标签的应用    036

2.5.2 在网页中添加音频文件   038

2.5.3 认识video标签     039

2.5.4 在网页中添加视频文件   041

2.6 <div>标签     042

2.7 <span>标签    043

2.8 新手常见疑难问题   044

2.9 实战技能训练营   045

第3章 设计页面和对话框    046

3.1 设计网页     047

3.1.1 创建单页结构的网页   047

3.1.2 创建多页结构的网页   048

3.1.3 创建外部页   049

3.2 创建对话框    051

3.3 使用锚记     053

3.4 绚丽多彩的页面切换效果   055

3.5 新手常见疑难问题   056

3.6 实战技能训练营   057

第4章 设计弹出页面   058

4.1 创建弹出页面   059

4.2 丰富多彩的弹出页面   060

4.2.1 弹出图片效果   060

4.2.2 弹出视频效果   061

4.2.3 弹出菜单效果    063

4.2.4 弹出对话框效果     064

4.2.5 弹出表单效果    065

4.3 自定义弹出页面   067

4.3.1 设置显示位置    067

4.3.2 设置切换动画    068

4.3.3 添加关闭按钮    069

4.4 新手常见疑难问题   070

4.5 实战技能训练营   070

第5 章 移动页面布局    072

5.1 网格化布局    073

5.2 面板和可折叠块   075

5.2.1 面板    075

5.2.2 可折叠块    077

5.3 可折叠块的高级设置   078

5.3.1 设置属性    078

5.3.2 添加事件    079

5.3.3 设计嵌套折叠块     080

5.4 设计折叠组    081

5.5 新手常见疑难问题   083

5.6 实战技能训练营   083

第6 章 使用按钮   084

6.1 创建按钮和按钮组   085

6.2 设置按钮的图标   087

6.3 创建内联按钮   088

6.4 设置按钮     089

6.4.1 设置按钮的属性     090

6.4.2 为按钮添加方法     090

6.5 自定义按钮样式   091

6.5.1 自定义按钮的图标    091

6.5.2 文本换行显示    092

6.6 新手常见疑难问题   093

6.7 实战技能训练营   093

第7 章 使用表单和插件  . 094

7.1 输入框    095

7.1.1 设计输入框    095

7.1.2 设置输入框的属性    097

7.2 表单按钮     098

7.2.1 设计表单按钮    098

7.2.2 设置属性    101

7.3 复选框    102

7.4 范围滑动条    104

7.4.1 设计范围滑动条     104

7.4.2 设置属性    105

7.5 选择菜单     106

7.5.1 设计下拉菜单    106

7.5.2 禁用菜单项    109

7.5.3 设置属性和选项     110

7.6 翻转波动开关    111

7.7 使用jQuery Mobile 插件  112

7.7.1 Camera 插件    112

7.7.2 Swipebox 插件    114

7.7.3 mmenu 插件    115

7.7.4 DateBox 插件     116

7.8 新手常见疑难问题   117

7.9 实战技能训练营   118

第8 章 使用工具栏     119

8.1 设计工具栏    120

8.1.l 定义工具栏     120

8.1.2 定义显示模式    120

8.2 设计页眉栏    121

8.2.1 定义页眉栏    121

8.2.2 定义导航按钮    122

8.2.3 定义按钮位置    123

8.3 设计导航栏    124

8.3.1 定义导航栏    124

8.3.2 定义导航图标    125

8.3.3 定义图标位置    126

8.4 导航栏的高级应用   127

8.5 设计页脚栏    128

8.5.1 定义页脚栏    128

8.5.2 嵌入表单对象    130

8.6 设置工具栏    131

8.7 新手常见疑难问题   132

8.8 实战技能训练营   132

第9 章 设计列表视图和主题样式    134

9.1 创建列表视图   135

9.2 分类列表视图   136

9.3 列表视图的高级功能   137

9.3.1 列表图片和说明     137

9.3.2 图标列表    138

9.3.3 气泡提示    139

9.3.4 拆分按钮列表    140

9.3.5 列表过滤    140

9.4 美化列表视图的样式   142

9.4.1 折叠列表视图    142

9.4.2 自动分类列表视图    143

9.5 jQuery Mobile 主题    145

9.5.1 主题a    146

9.5.2 主题b    146

9.5.3 自定义主题样式     147

9.6 新手常见疑难问题   148

9.7 实战技能训练营   149

第10 章 jQuery Mobile 事件    151

10.1 页面事件    152

10.1.1 初始化事件    152

10.1.2 外部页面加载事件    154

10.1.3 页面过渡事件    156

10.2 触摸事件    158

10.2.1 点击事件    158

10.2.2 滑动事件    160

10.3 滚屏事件    162

10.4 定位事件    165

10.5 新手常见疑难问题   166

10.6 实战技能训练营    167

第11 章 数据存储和读取技术   . 169

11.1 认识Web 存储   170

11.1.1 本地存储和Cookies 的区别   170

11.1.2 Web 存储方法    170

11.2 使用HTML 5 Web Storage API  170

11.2.1 测试浏览器的支持情况    170

11.2.2 使用sessionStorage 方法创建对象    171

11.2.3 使用localStorage 方法创建对象     173

11.2.4 Web Storage API 的其他操作   174

11.2.5 使用JSON 对象存取数据    175

11.3 目前浏览器对Web 存储的支持情况  177

11.4 制作简单Web 留言本    177

11.5 认识Web SQL Database  179

11.6 使用Web SQL Database 操作数据   180

11.6.1 数据库的基本操作    180

11.6.2 数据表的基本操作    181

11.6.3 数据的基本操作     182

11.7 创建简易的学生管理系统  184

11.8 选择文件     186

11.8.1 选择单个文件    186

11.8.2 选择多个文件    186

11.9 使用FileReader 接口读取文件   187

11.9.1 检测浏览器是否支持FileReader 接口   187

11.9.2 FileReader 接口的方法    188

11.9.3 使用readAsDataURL 方法预览图片   188

11.9.4 使用readAsText 方法读取文本文件   190

11.10 新手常见疑难问题     191

11.11 实战技能训练营   192

第12 章 响应式网页设计   194

12.1 什么是响应式网页设计   195

12.2 像素和屏幕分辨率   196

12.3 视口    196

12.3.1 视口的分类和常用属性    196

12.3.2 媒体查询    197

12.4 响应式网页的布局设计   198

12.4.1 常用布局类型    198

12.4.2 布局的实现方式     198

12.4.3 响应式布局的设计与实现    200

12.5 响应式图片    200

12.5.1 使用<picture> 标签    200

12.5.2 使用CSS 图片      202

12.6 响应式视频    203

12.7 响应式导航菜单    204

12.8 响应式表格    206

12.8.1 隐藏表格中的列     206

12.8.2 滚动表格中的列     208

12.8.3 转换表格中的列     210

12.9 新手常见疑难问题   212

12.10 实战技能训练营   212

第13 章 流行的响应式开发框架Bootstrap    214

13.1 Bootstrap 概述   215

13.1.1 Bootstrap 特色    215

13.1.2 Bootstrap 4 重大更新   215

13.2 下载Bootstrap   216

13.3 安装和使用Bootstrap    218

13.3.1 本地安装Bootstrap    218

13.3.2 初次使用Bootstrap    218

13.4 使用常用组件    219

13.4.1 使用下拉菜单    219

13.4.2 使用按钮组    220

13.4.3 使用导航组件    221

13.4.4 绑定导航和下拉菜单   223

13.4.5 使用面包屑    224

13.4.6 使用广告屏    225

13.4.7 使用card（卡片）    226

13.4.8 使用进度条    228

13.4.9 使用模态框    232

13.4.10 使用滚动监听     234

13.5 胶囊导航选项卡（Tab 栏）  236

13.6 新手常见疑难问题   238

13.7 实战技能训练营    239

第14 章 App 的打包和测试     240

14.1 配置Android 开发环境   241

14.1.1 安装Java JDK    241

14.1.2 安装Android SDK    243

14.1.3 安装Apache Ant     245

14.2 下载与安装Apache Cordova  247

14.3 设置Android 模拟器     248

14.4 将网页转换为Android App   249

14.5 新手常见疑难问题   251

第15 章 项目实训1—开发连锁咖啡响应式网站 . 252

15.1 网站概述    253

15.1.1 网站结构    253

15.1.2 设计效果    253

15.1.3 设计准备    254

15.2 设计首页布局    255

15.3 设计可切换导航    256

15.4 主体内容    261

15.4.1 设计轮播广告区     262

15.4.2 设计产品推荐区     263

15.4.3 设计登录注册和Logo   264

15.4.4 设计特色展示区     265

15.4.5 设计产品生产流程区   267

15.5 设计底部隐藏导航   269

第16 章 项目实训2—开发房产企业响应式网站 . 271

16.1 网站概述    272

16.1.1 网站结构    272

16.1.2 设计效果    272

16.1.3 设计准备    273

16.2 设计主页    273

16.2.1 主页布局    273

16.2.2 设计导航条    274

16.2.3 设计轮播广告    276

16.2.4 设计功能区    278

16.2.5 设计特色展示    279

16.2.6 设计脚注    283

16.3 设计侧边导航栏    284

16.4 设计登录页    286

第17 章 项目实训3—开发游戏中心响应式网站 . 289

17.1 网站概述    290

17.1.1 网站文件的结构     290

17.1.2 排版架构    290

17.1.3 设计准备    290

17.2 项目代码实现    291

17.2.1 设计游戏中心网站的首页    291

17.2.2 设计游戏列表页面    301

17.2.3 设计游戏评论页面    303

17.2.4 设计游戏新闻页面    305

17.2.5 设计游戏博客页面    305

17.2.6 设计联系我们页面    308

第18 章 项目实训4—好豆菜谱App    310

18.1 系统功能描述    311

18.2 系统功能分析及实现     311

18.2.1 功能分析    311

18.2.2 功能实现    311

18.3 程序运行    312

第19 章 项目实训5—家庭记账本App     314

19.1 记账本的需求分析   315

19.2 数据库分析    315

19.2.1 分析数据库    315

19.2.2 创建数据库    315

19.3 记账本的代码实现   316

19.3.1 设计首页    316

19.3.2 新增记账页面    316

19.3.3 记账列表页面    317

19.3.4 记账详情页面    318

19.3.5 删除记账页面    319

第20 章 项目实训6—连锁酒店订购系统App   325

20.1 连锁酒店订购的需求分析  326

20.2 网站的结构    326

20.3 连锁酒店系统的代码实现  327

20.3.1 设计首页    327

20.3.2 设计订购页面    328

20.3.3 设计连锁分店页面    333

20.3.4 设计查看订单页面    335

20.3.5 设计酒店介绍页面    336