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