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