移動網(wǎng)頁設計(基于jQuery Mobile)
定 價:39.8 元
- 作者:趙增敏
- 出版時間:2017/12/1
- ISBN:9787121328213
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP312.8
- 頁碼:320
- 紙張:膠版紙
- 版次:1
- 開本:16開
近年以來,隨著移動互聯(lián)網(wǎng)的迅速發(fā)展,智能手機和平板電腦等移動設備的應用日益普及,網(wǎng)頁設計和網(wǎng)站開發(fā)正在向移動端遷移,在傳統(tǒng)的網(wǎng)頁設計課程中適時地引入移動網(wǎng)頁設計已是勢在必行。jQuery Mobile是一套移動應用界面開發(fā)框架,它通過網(wǎng)頁形式來呈現(xiàn)類似于移動應用的用戶界面,旨在創(chuàng)建使智能手機、平板電腦和臺式機設備都能訪問的響應式移動網(wǎng)站和應用程序。為了滿足社會和企業(yè)對人才的需求,在網(wǎng)頁設計課程中適時引入jQuery Mobile移動網(wǎng)頁設計已是勢在必行。本書通過大量實例系統(tǒng)地講述了jQuery Mobile移動網(wǎng)頁設計的方法和技巧。本書共分10章,主要內(nèi)容包括:移動網(wǎng)站開發(fā)基礎,頁面與對話框,按鈕與彈出窗口,工具欄與導航欄,網(wǎng)格、表格和列表視圖,面板、可折疊塊和篩選器,jQuery Mobile表單,jQuery Mobile事件,綜合設計實例。
近年來,隨著移動互聯(lián)網(wǎng)的迅速發(fā)展,智能手機和平板電腦等移動設備的應用日益普及,網(wǎng)頁設計和網(wǎng)站開發(fā)正在向移動端遷移,在傳統(tǒng)的網(wǎng)頁設計課程中適時地引入移動網(wǎng)頁設計已是勢在必行。由于移動設備屏幕面積小,而且以觸摸操作為主,因此移動版網(wǎng)頁與PC 桌面版網(wǎng)頁有明顯的區(qū)別,直接使用HTML5、CSS3 和JavaScript 進行移動網(wǎng)站開發(fā)存在一定的難度,通常需要引入合適的開發(fā)框架作為移動網(wǎng)頁設計的基礎。jQuery Mobile 是一套基于jQuery 的移動應用界面開發(fā)框架,該框架為移動設備在網(wǎng)絡傳輸、頁面呈現(xiàn)、用戶行為交互等方面都進行了一些特別的優(yōu)化,可以通過網(wǎng)頁形式呈現(xiàn)類似于移動應用的用戶界面,旨在創(chuàng)建使智能手機、平板電腦和臺式機設備都能訪問的響應式移動網(wǎng)站和應用程序;基于jQuery Mobile 開發(fā)的移動網(wǎng)站還可以發(fā)行為本地移動App,直接運行于Android 或iOS 平臺之上。
本書以jQuery Mobile 1.4.5 為藍本,系統(tǒng)地講述了jQuery Mobile 移動網(wǎng)頁設計的方法和技巧。全書共9 章。第1 章介紹移動網(wǎng)站開發(fā)所需要的基礎知識,內(nèi)容包括創(chuàng)建HTML5網(wǎng)頁,使用jQuery 簡化編程及使用jQuery Mobile 支持移動開發(fā);第2 章介紹頁面與對話框,內(nèi)容包括移動網(wǎng)頁結(jié)構(gòu)、頁面鏈接、頁面預加載和緩存、對話框頁面、頁面之間傳遞參數(shù)以及頁面加載信息;第3 章講述按鈕與彈出窗口的應用,先討論如何創(chuàng)建和設置按鈕,然后討論如何創(chuàng)建和應用彈出窗口;第4 章介紹工具欄與導航欄的應用,先討論如何創(chuàng)建和設置工具欄,然后討論如何創(chuàng)建和應用導航欄;第5 章講述網(wǎng)格、表格和列表視圖的應用,首先介紹如何創(chuàng)建網(wǎng)格布局,然后討論如何創(chuàng)建響應式表格,最后詳細講解如何創(chuàng)建和應用列表視圖;第6 章講述面板、可折疊塊和篩選器的應用,首先介紹如何創(chuàng)建和應用面板,然后討論如何創(chuàng)建和應用可折疊塊,最后講解如何創(chuàng)建和應用篩選器;第7 章介紹jQuery Mobile 表單的應用,內(nèi)容包括表單基礎知識,創(chuàng)建文本輸入框,單選按鈕與復選框,選擇菜單以及滑塊、范圍滑塊和翻轉(zhuǎn)開關;第8 章討論各種類型的jQuery Mobile 事件及其應用,內(nèi)容包括頁面事件、觸摸事件、用戶操作事件以及虛擬鼠標事件,作為前面各章所講知識的綜合應用;第9 章給出一個綜合設計實例,內(nèi)容包括系統(tǒng)功能設計,系統(tǒng)功能實現(xiàn)以及本地安裝包制作。
本書實例中用到的一些人名、電話號碼、QQ 號碼以及電子郵件地址均屬虛構(gòu),如有雷同,實屬巧合。
本書由趙增敏擔任主編。參加本書編寫的還有朱粹丹、趙朱曦、余霞、吳潔、姜紅梅、盧捷、王慶建、胡婷婷、連靜、劉穎、李嫻、王亮、段麗霞、彭輝、王永鋒、王靜、郭宏等。
由于水平所限,書中疏漏和錯誤之處在所難免,懇請廣大讀者提出寶貴意見。
趙增敏為河南信息工程學校教授,河南省中等職業(yè)教育學科帶頭人,河南省教育廳學術帶頭人,長期從事數(shù)據(jù)庫應用開發(fā)、Visual Basic/Visual C#可視化編程、HTML網(wǎng)頁設計、移動網(wǎng)頁設計、JavaScript/jQuery動態(tài)網(wǎng)頁編程、ASP/PHP/JSP/ASP.NET動態(tài)網(wǎng)站開發(fā)、Web應用開發(fā)等方面的教學與研究,有豐富的計算機教學經(jīng)驗和教材開發(fā)編寫經(jīng)驗,迄今為止撰寫了數(shù)十種計算機專著及教材,其中有多本國家規(guī)劃教材,還有版權(quán)輸出到臺灣出版繁體中文版,被電子工業(yè)出版社授予優(yōu)秀作者稱號。
第1 章 移動網(wǎng)站開發(fā)基礎 .................... 001
1.1 創(chuàng)建HTML5 網(wǎng)頁 ................................ 001
1.1.1 用HTML 語言創(chuàng)建內(nèi)容 .............. 001
1.1.2 用CSS 設置樣式 .......................... 005
1.1.3 用JavaScript 實現(xiàn)功能 ................. 007
1.2 使用jQuery 簡化編程 .......................... 009
1.2.1 在網(wǎng)頁中引用jQuery ................... 010
1.2.2 jQuery 構(gòu)造函數(shù) ........................... 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 開發(fā)環(huán)境 ...... 037
1.3.5 實現(xiàn)jQuery Mobile 移動開發(fā) ...... 037
習題1 ............................................................ 039
上機操作1 ..................................................... 041
第2 章 頁面與對話框 .............................. 042
2.1 移動網(wǎng)頁結(jié)構(gòu) ....................................... 042
2.1.1 單頁面結(jié)構(gòu) ................................... 042
2.1.2 多頁面結(jié)構(gòu) ................................... 044
2.2 頁面鏈接 ............................................... 047
2.2.1 Ajax 導航 ...................................... 047
2.2.2 創(chuàng)建后退鏈接 ............................... 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 頁面之間傳遞參數(shù) ............................... 065
2.5.1 基于HTTP GET 方式傳遞參數(shù) ... 065
2.5.2 基于Web 存儲傳遞參數(shù) .............. 068
2.6 頁面加載信息 ....................................... 070
2.6.1 設置頁面加載信息 ........................ 070
2.6.2 設置加載錯誤信息 ........................ 072
習題2 ............................................................. 074
上機操作2 ..................................................... 075
第3 章 按鈕與彈出窗口 ......................... 077
3.1 按鈕 ....................................................... 077
3.1.1 創(chuàng)建按鈕 ....................................... 077
3.1.2 內(nèi)聯(lián)按鈕 ....................................... 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 創(chuàng)建和顯示彈出窗口 .................... 094
3.2.2 關閉彈出窗口 ............................... 095
3.2.3 定位彈出窗口 ............................... 096
3.2.4 設置彈出窗口切換動畫 ................ 098
3.2.5 創(chuàng)建帶箭頭的彈出窗口 ................ 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 動態(tài)工具欄 ................................... 114
4.1.4 固定工具欄 ................................... 115
4.1.5 全屏工具欄 ................................... 116
4.1.6 外部工具欄 ................................... 118
4.2 導航欄 ................................................... 121
4.2.1 創(chuàng)建導航欄 ................................... 121
4.2.2 設置導航欄主題 ........................... 124
4.2.3 設置導航欄圖標 ........................... 126
4.2.4 創(chuàng)建外部導航欄 ........................... 129
習題4 ............................................................ 132
上機操作4 ..................................................... 133
第5 章 網(wǎng)格、表格和列表視圖 ........... 134
5.1 網(wǎng)格布局 ............................................... 134
5.1.1 創(chuàng)建基本網(wǎng)格 ............................... 134
5.1.2 創(chuàng)建響應式網(wǎng)格 ........................... 138
5.2 響應式表格 ........................................... 141
5.2.1 創(chuàng)建回流表格 ............................... 141
5.2.2 創(chuàng)建列切換表格 ........................... 144
5.3 列表視圖 ............................................... 148
5.3.1 創(chuàng)建只讀列表 ............................... 148
5.3.2 創(chuàng)建鏈接列表 ............................... 150
5.3.3 創(chuàng)建插頁列表 ............................... 152
5.3.4 篩選列表內(nèi)容 ............................... 154
5.3.5 創(chuàng)建分組列表 ............................... 156
5.3.6 設置列表圖標 ............................... 158
5.3.7 設置列表文本格式 ....................... 160
5.3.8 設置列表拆分按鈕 ....................... 163
5.3.9 設置列表主題 ............................... 165
5.3.10 動態(tài)創(chuàng)建列表視圖 ..................... 167
習題5 ............................................................ 170
上機操作5 ..................................................... 171
第6 章 面板、可折疊塊和篩選器 ....... 172
6.1 面板 ....................................................... 172
6.1.1 創(chuàng)建內(nèi)部面板 ............................... 172
6.1.2 創(chuàng)建外部面板 ............................... 174
6.1.3 設置面板顯示方式 ........................ 177
6.1.4 設置面板關閉方式 ........................ 179
6.2 可折疊塊 ............................................... 181
6.2.1 創(chuàng)建可折疊塊 ............................... 181
6.2.2 設置可折疊塊外觀 ........................ 182
6.2.3 設置可折疊塊圖標 ........................ 183
6.2.4 創(chuàng)建可折疊表單 ........................... 185
6.2.5 創(chuàng)建可折疊塊系列 ........................ 186
6.2.6 創(chuàng)建可折疊集合 ........................... 188
6.3 篩選器 ................................................... 191
6.3.1 創(chuàng)建搜索字段 ............................... 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 創(chuàng)建表單 ....................................... 204
7.1.2 提交表單 ....................................... 205
7.2 文本輸入框與文本區(qū)域 ....................... 207
7.2.1 創(chuàng)建文本輸入框 ........................... 207
7.2.2 設置文本輸入類型 ........................ 209
7.2.3 創(chuàng)建文本區(qū)域 ............................... 212
7.3 單選按鈕與復選框 ............................... 214
7.3.1 創(chuàng)建單選按鈕組 ........................... 214
7.3.2 創(chuàng)建復選框 ................................... 217
7.4 選擇菜單 ............................................... 221
7.4.1 創(chuàng)建本機選擇菜單 ........................ 221
7.4.2 創(chuàng)建選擇菜單控件組 .................... 225
7.4.3 創(chuàng)建自定義菜單 ........................... 228
7.4.4 創(chuàng)建多項選擇菜單 .............