第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
