《移動網頁設計（基於jQuery Mobile）》是2017年電子工業出版社出版的圖書，作者是趙增敏。
基本介紹
- 書名：移動網頁設計（基於jQuery Mobile）
- 作者：趙增敏
- 出版社：電子工業出版社
- 出版時間：2017年12月01日
- 頁數：312 頁
- 定價：39.8
- 開本：16 開
- 裝幀：平塑
- ISBN：9787121328213
- 版次：第一版
- 字數：5120
內容簡介,圖書目錄,
內容簡介
近年以來，隨著移動網際網路的迅速發展，智慧型手機和平板電腦等移動設備的套用日益普及，網頁設計和網站開發正在向移動端遷移，在傳統的網頁設計課程中適時地引入移動網頁設計已是勢在必行。jQuery Mobile是一套移動套用界面開發框架，它通過網頁形式來呈現類似於移動套用的用戶界面，旨在創建使智慧型手機、平板電腦和台式機設備都能訪問的回響式移動網站和應用程式。為了滿足社會和企業對人才的需求，在網頁設計課程中適時引入jQuery Mobile移動網頁設計已是勢在必行。本書通過大量實例系統地講述了jQuery Mobile移動網頁設計的方法和技巧。本書共分10章，主要內容包括：移動網站開發基礎，頁面與對話框，按鈕與彈出視窗，工具列與導航欄，格線、表格和列表視圖，面板、可摺疊塊和篩選器，jQuery Mobile表單，jQuery Mobile事件，綜合設計實例。
本書針對職業教育學生，在傳統的網頁設計課程中適時地引入移動網頁設計，綜合設計實例結合教學講述了jQuery Mobile移動網頁設計的方法和技巧。
圖書目錄
第1 章 移動網站開發基礎 .................... 001
1.1 創建HTML5 網頁 ................................ 001
1.1.1 用HTML 語言創建內容 .............. 001
1.1.2 用CSS 設定樣式 .......................... 005
1.1.3 用JavaScript 實現功能 ................. 007
1.2 使用jQuery 簡化編程 .......................... 009
1.2.1 在網頁中引用jQuery ................... 010
1.2.2 jQuery 構造函式 ........................... 011
1.2.3 jQuery 選擇器 ............................... 013
1.2.4 DOM 操作 ..................................... 021
1.2.5 動畫效果 ....................................... 025
1.2.6 事件處理 ....................................... 027
1.2.7 Ajax 套用 ...................................... 031
1.3 使用jQuery Mobile 支持移動設備 ............ 033
1.3.1 jQuery Mobile 功能特點 ............... 033
1.3.2 jQuery Mobile 的平台兼容性 ....... 034
1.3.3 獲取jQuery Mobile 框架 .............. 035
1.3.4 配置jQuery Mobile 開發環境 ...... 037
1.3.5 實現jQuery Mobile 移動開發 ...... 037
習題1 ............................................................ 039
上機操作1 ..................................................... 041
第2 章 頁面與對話框 .............................. 042
2.1 移動網頁結構 ....................................... 042
2.1.1 單頁面結構 ................................... 042
2.1.2 多頁面結構 ................................... 044
2.2 頁面連結 ............................................... 047
2.2.1 Ajax 導航 ...................................... 047
2.2.2 創建後退連結 ............................... 050
2.2.3 設定頁面切換動畫 ....................... 052
2.3 頁面預載入和快取 ............................... 054
2.3.1 頁面預載入 ................................... 054
2.3.2 頁面快取 ....................................... 056
2.4 對話框頁面 ........................................... 058
2.4.1 打開對話框 ................................... 058
2.4.2 關閉對話框 ................................... 061
2.4.3 設定對話框切換動畫 .................... 063
2.5 頁面之間傳遞參數 ............................... 065
2.5.1 基於HTTP GET 方式傳遞參數 ... 065
2.5.2 基於Web 存儲傳遞參數 .............. 068
2.6 頁面載入信息 ....................................... 070
2.6.1 設定頁面載入信息 ........................ 070
2.6.2 設定載入錯誤信息 ........................ 072
習題2 ............................................................. 074
上機操作2 ..................................................... 075
第3 章 按鈕與彈出視窗 ......................... 077
3.1 按鈕 ....................................................... 077
3.1.1 創建按鈕 ....................................... 077
3.1.2 內聯按鈕 ....................................... 078
3.1.3 微型按鈕 ....................................... 081
3.1.4 禁用按鈕 ....................................... 082
3.1.5 組合按鈕 ....................................... 084
3.1.6 設定按鈕樣式 ............................... 087
3.1.7 設定按鈕圖示 ............................... 088
3.2 彈出視窗 ............................................... 094
3.2.1 創建和顯示彈出視窗 .................... 094
3.2.2 關閉彈出視窗 ............................... 095
3.2.3 定位彈出視窗 ............................... 096
3.2.4 設定彈出視窗切換動畫 ................ 098
3.2.5 創建帶箭頭的彈出視窗 ................ 101
VI
3.2.6 設定彈出視窗主題 ....................... 103
3.2.7 跨頁使用彈出視窗 ....................... 105
習題3 ............................................................ 107
上機操作3 ..................................................... 108
第4 章 工具列與導航欄 ......................... 109
4.1 工具列 ................................................... 109
4.1.1 頁眉工具列 ................................... 109
4.1.2 頁腳工具列 ................................... 112
4.1.3 動態工具列 ................................... 114
4.1.4 固定工具列 ................................... 115
4.1.5 全螢幕工具列 ................................... 116
4.1.6 外部工具列 ................................... 118
4.2 導航欄 ................................................... 121
4.2.1 創建導航欄 ................................... 121
4.2.2 設定導航欄主題 ........................... 124
4.2.3 設定導航欄圖示 ........................... 126
4.2.4 創建外部導航欄 ........................... 129
習題4 ............................................................ 132
上機操作4 ..................................................... 133
第5 章 格線、表格和列表視圖 ........... 134
5.1 格線布局 ............................................... 134
5.1.1 創建基本格線 ............................... 134
5.1.2 創建回響式格線 ........................... 138
5.2 回響式表格 ........................................... 141
5.2.1 創建回流表格 ............................... 141
5.2.2 創建列切換表格 ........................... 144
5.3 列表視圖 ............................................... 148
5.3.1 創建唯讀列表 ............................... 148
5.3.2 創建連結列表 ............................... 150
5.3.3 創建插頁列表 ............................... 152
5.3.4 篩選列表內容 ............................... 154
5.3.5 創建分組列表 ............................... 156
5.3.6 設定列表圖示 ............................... 158
5.3.7 設定列表文本格式 ....................... 160
5.3.8 設定列表拆分按鈕 ....................... 163
5.3.9 設定列表主題 ............................... 165
5.3.10 動態創建列表視圖 ..................... 167
習題5 ............................................................ 170
上機操作5 ..................................................... 171
第6 章 面板、可摺疊塊和篩選器 ....... 172
6.1 面板 ....................................................... 172
6.1.1 創建內部面板 ............................... 172
6.1.2 創建外部面板 ............................... 174
6.1.3 設定面板顯示方式 ........................ 177
6.1.4 設定面板關閉方式 ........................ 179
6.2 可摺疊塊 ............................................... 181
6.2.1 創建可摺疊塊 ............................... 181
6.2.2 設定可摺疊塊外觀 ........................ 182
6.2.3 設定可摺疊塊圖示 ........................ 183
6.2.4 創建可摺疊表單 ........................... 185
6.2.5 創建可摺疊塊系列 ........................ 186
6.2.6 創建可摺疊集合 ........................... 188
6.3 篩選器 ................................................... 191
6.3.1 創建搜尋欄位 ............................... 191
6.3.2 篩選可摺疊集合 ........................... 193
6.3.3 篩選表格 ....................................... 196
6.3.4 篩選控制項組 ................................... 197
6.3.5 篩選div 元素 ................................ 200
習題6 ............................................................. 201
上機操作6 ..................................................... 202
第7 章 jQuery Mobile 表單 ................... 204
7.1 表單基礎 ............................................... 204
7.1.1 創建表單 ....................................... 204
7.1.2 提交表單 ....................................... 205
7.2 文本輸入框與文本區域 ....................... 207
7.2.1 創建文本輸入框 ........................... 207
7.2.2 設定文本輸入類型 ........................ 209
7.2.3 創建文本區域 ............................... 212
7.3 單選按鈕與複選框 ............................... 214
7.3.1 創建單選按鈕組 ........................... 214
7.3.2 創建複選框 ................................... 217
7.4 選擇選單 ............................................... 221
7.4.1 創建本機選擇選單 ........................ 221
7.4.2 創建選擇選單控制項組 .................... 225
7.4.3 創建自定義選單 ........................... 228
7.4.4 創建多項選擇選單 ........................ 231
7.5 滑塊、範圍滑塊和翻轉開關 ............... 234
7.5.1 創建滑塊 ....................................... 234
VII
7.5.2 創建範圍滑塊 ............................... 237
7.5.3 創建翻轉開關 ............................... 241
習題7 ............................................................ 245
上機操作7 ..................................................... 246
第8 章 jQuery Mobile 事件................... 248
8.1 頁面事件 ............................................... 248
8.1.1 初始化事件 ................................... 248
8.1.2 頁面載入事件 ............................... 251
8.1.3 頁面切換事件 ............................... 255
8.1.4 頁面改變事件 ............................... 260
8.2 觸摸事件 ............................................... 263
8.2.1 敲擊事件 ....................................... 263
8.2.2 滑動事件 ....................................... 265
8.3 用戶操作事件 ....................................... 268
8.3.1 方向改變事件 ............................... 268
8.3.2 滾屏事件 ....................................... 269
8.4 虛擬滑鼠事件 ....................................... 271
8.4.1 vclick 和vmousecancel 事件 ........ 271
8.4.2 vmousedown 和vmouseup 事件 ... 273
8.4.3 vmouseover 和vmouseout 事件.... 274
8.4.4 vmousemove 事件 ......................... 276
8.5 其他事件 ............................................... 278
8.5.1 updatelayout 事件 .......................... 278
8.5.2 hashchange 事件 ............................ 278
習題8 ............................................................. 278
上機操作8 ..................................................... 279
第9 章 綜合設計實例 .............................. 281
9.1 系統功能設計 ....................................... 281
9.1.1 系統功能分析 ............................... 281
9.1.2 資料庫設計與實現 ........................ 282
9.1.3 系統功能模組劃分 ........................ 285
9.2 系統功能實現 ....................................... 286
9.2.1 創建移動App 項目 ....................... 286
9.2.2 系統初始化 ................................... 288
9.2.3 系統主頁實現 ............................... 289
9.2.4 信息添加功能實現 ........................ 292
9.2.5 詳情查看功能實現 ........................ 295
9.2.6 信息修改功能實現 ........................ 298
9.2.7 批量刪除功能實現 ........................ 301
9.3 本地安裝包製作 ................................... 305
9.3.1 App 參數配置 ................................ 305
9.3.2 發行原生安裝包 ........................... 309
習題9 ............................................................. 311
上機操作9 ..................................................... 312
