移動網頁設計(基于jQuery Mobile) ( 簡體 字) |
作者:趙增敏 | 類別:1. -> 程式設計 -> 網路編程 -> JQuery |
譯者: |
出版社:電子工業出版社 | 3dWoo書號: 48261 詢問書籍請說出此書號!【缺書】 NT售價: 200 元 |
出版日:12/1/2017 |
頁數:320 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787121328213 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:近年來,隨著移動互聯網的迅速發展,智能手機和平板電腦等移動設備的應用日益普 及,網頁設計和網站開發正在向移動端遷移,在傳統的網頁設計課程中適時地引入移動網 頁設計已是勢在必行。由于移動設備屏幕面積小,而且以觸摸操作為主,因此移動版網頁 與PC 桌面版網頁有明顯的區別,直接使用HTML5、CSS3 和JavaScript 進行移動網站開 發存在一定的難度,通常需要引入合適的開發框架作為移動網頁設計的基礎。 jQuery Mobile 是一套基于jQuery 的移動應用界面開發框架,該框架為移動設備在網 絡傳輸、頁面呈現、用戶行為交互等方面都進行了一些特別的優化,可以通過網頁形式呈 現類似于移動應用的用戶界面,旨在創建使智能手機、平板電腦和臺式機設備都能訪問的 響應式移動網站和應用程序;基于jQuery Mobile 開發的移動網站還可以發行為本地移動 App,直接運行于Android 或iOS 平臺之上。 本書以jQuery Mobile 1.4.5 為藍本,系統地講述了jQuery Mobile 移動網頁設計的方 法和技巧。全書共9 章。第1 章介紹移動網站開發所需要的基礎知識,內容包括創建HTML5 網頁,使用jQuery 簡化編程及使用jQuery Mobile 支持移動開發;第2 章介紹頁面與對話 框,內容包括移動網頁結構、頁面鏈接、頁面預加載和緩存、對話框頁面、頁面之間傳遞 參數以及頁面加載信息;第3 章講述按鈕與彈出窗口的應用,先討論如何創建和設置按鈕, 然后討論如何創建和應用彈出窗口;第4 章介紹工具欄與導航欄的應用,先討論如何創建 和設置工具欄,然后討論如何創建和應用導航欄;第5 章講述網格、表格和列表視圖的應 用,首先介紹如何創建網格布局,然后討論如何創建響應式表格,最后詳細講解如何創建 和應用列表視圖;第6 章講述面板、可折疊塊和篩選器的應用,首先介紹如何創建和應用 面板,然后討論如何創建和應用可折疊塊,最后講解如何創建和應用篩選器;第7 章介紹 jQuery Mobile 表單的應用,內容包括表單基礎知識,創建文本輸入框,單選按鈕與復選框, 選擇菜單以及滑塊、范圍滑塊和翻轉開關;第8 章討論各種類型的jQuery Mobile 事件及 其應用,內容包括頁面事件、觸摸事件、用戶操作事件以及虛擬鼠標事件,作為前面各章 所講知識的綜合應用;第9 章給出一個綜合設計實例,內容包括系統功能設計,系統功能 實現以及本地安裝包制作。 本書實例中用到的一些人名、電話號碼、QQ 號碼以及電子郵件地址均屬虛構,如有 雷同,實屬巧合。 本書由趙增敏擔任主編。參加本書編寫的還有朱粹丹、趙朱曦、余霞、吳潔、姜紅梅、 盧捷、王慶建、胡婷婷、連靜、劉穎、李嫻、王亮、段麗霞、彭輝、王永鋒、王靜、郭宏等。 由于水平所限,書中疏漏和錯誤之處在所難免,懇請廣大讀者提出寶貴意見。 |
內容簡介:近年以來,隨著移動互聯網的迅速發展,智能手機和平板電腦等移動設備的應用日益普及,網頁設計和網站開發正在向移動端遷移,在傳統的網頁設計課程中適時地引入移動網頁設計已是勢在必行。jQuery Mobile是一套移動應用界面開發框架,它通過網頁形式來呈現類似于移動應用的用戶界面,旨在創建使智能手機、平板電腦和臺式機設備都能訪問的響應式移動網站和應用程序。為了滿足社會和企業對人才的需求,在網頁設計課程中適時引入jQuery Mobile移動網頁設計已是勢在必行。本書通過大量實例系統地講述了jQuery Mobile移動網頁設計的方法和技巧。本書共分10章,主要內容包括:移動網站開發基礎,頁面與對話框,按鈕與彈出窗口,工具欄與導航欄,網格、表格和列表視圖,面板、可折疊塊和篩選器,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 |
序: |