第1章 移動Web開發簡介 11.1 移動Web的發展 2
1.1.1 WAP時代 2
1.1.2 HTML 5時代 4
1.2 移動Web的特點和設計策略 5
1.2.1 移動Web和移動應用程序 5
1.2.2 移動Web與桌面Web 8
1.2.3 兼容性與Web設計策略 10
1.3 jQuery Mobile 12
1.3.1 jQuery的家族成員 12
1.3.2 jQuery Mobile簡介 13
1.3.3 再談瀏覽器的兼容性問題 15
1.4 準備工作 17
1.4.1 jQuery Mobile框架 17
1.4.2 開發工具、測試環境與模擬器 19
1.4.3 Web服務器 23
1.5 本章習題 24
第2章 HTML 5開發基礎 27
2.1 HTML 5的語法結構 28
2.1.1 HTML 5網頁的基本結構 28
2.1.2
成員元素 302.1.3 標準屬性 35
2.2 HTML 5常用元素簡介 36
2.2.1 組織結構元素 37
2.2.2 鏈接元素 42
2.2.3 分組元素 44
2.2.4 與文本相關的元素 48
2.2.5 表單 49
2.2.6 多媒體 59
2.2.7 HTML 5標簽的默認規則 60
2.3 HTML 5 API 61
2.3.1 拖放功能 61
2.3.2 地理位置信息 63
2.4 HTML 5的增強功能 66
2.4.1 定制屬性data-* 66
2.4.2 Web設計的無障礙化
與WAI-ARIA簡介 66
2.4.3 離線訪問 68
2.5 HTML 5代碼的語法驗證 70
2.6 本章習題 71
第3章 CSS 3設計基礎 73
3.1 CSS簡介 74
3.1.1 CSS規范與版本 74
3.1.2 定義與引用樣式規則 74
3.2 樣式選擇器 77
3.2.1 簡單選擇器 77
3.2.2 偽類 83
3.2.3 偽元素 88
3.2.4 選擇器組合與組合選擇器 90
3.3 基本樣式 93
3.3.1 Box模型 93
3.3.2 字符與文本 105
3.3.3 色彩與圖形 108
3.4 圖形變換與動畫效果 114
3.4.1 二維變換 114
3.4.2 三維變換 116
3.4.3 過渡效果 118
3.4.4 動畫效果 121
3.5 CSS與輸出設備 124
3.5.1 設備類型簡介 124
3.5.2 媒體查詢簡介 126
3.6 本章習題 129
第4章 jQuery入門 133
4.1 jQuery的基本使用方法 134
4.1.1 jQuery程序的基本組織結構 134
4.1.2 jQuery的屬性 137
4.2 jQuery選擇器 140
4.2.1 基本選擇器 140
4.2.2 屬性選擇器 141
4.2.3 過濾器 143
4.2.4 繼承關系選擇器 150
4.2.5 表單選擇器 150
4.3 jQuery網頁特效 152
4.3.1 基本特效 152
4.3.2 淡入淡出 154
4.3.3 滑動 156
4.4 jQuery的事件處理 158
4.4.1 鼠標事件和鍵盤事件 158
4.4.2 表單事件 163
4.4.3 瀏覽器事件 166
4.5 jQuery網頁的動態處理 167
4.5.1 網頁樣式的處理 167
4.5.2 網頁內容的處理 174
4.6 jQuery UI簡介 178
4.7 本章習題 181
第5章 jQuery Mobile開發基礎 185
5.1 jQuery Mobile應用環境 186
5.1.1 移動網站的特點和需求 186
5.1.2 jQuery Mobile的基本功能 188
5.2 jQuery Mobile程序的基本組織結構 191
5.2.1 網頁結構 191
5.2.2 單頁和多頁模式 194
5.2.3 鏈接與導航 197
5.2.4 對話窗口 203
5.3 屏幕切換動畫特效 207
5.4 本章習題 209
第6章 UI組件 - 工具欄 211
6.1 工具欄基礎 212
6.1.1 工具欄的組成結構 212
6.1.2 工具欄的顯示方式 213
6.2 工具欄的內容和樣式特征 221
6.2.1 工具欄中的按鈕 221
6.2.2 標題欄樣式 226
6.3 導航欄 230
6.3.1 導航欄基本結構 230
6.3.2 導航欄中的按鈕 231
6.3.3 導航欄的樣式風格 236
6.4 網頁中的網頁 237
6.5 本章習題 239
第7章 jQuery Mobile的UI組件 241
7.1 按鈕和圖標 242
7.1.1 幾類常見的按鈕 242
7.1.2 按鈕的基本樣式 247
7.1.3 按鈕圖標 249
7.2 表單輸入元素 253
7.2.1 單選按鈕和多選按鈕 254
7.2.2 文本輸入框 259
7.3 表格與網格 264
7.3.1 Reflow表格 264
7.3.2 可選表列的表格 270
7.3.3 網格 274
7.4 本章習題 280
第8章 jQuery Mobile的UI組件(續) 283
8.1 滑動條 284
8.1.1 基本滑動條 284
8.1.2 區間滑動條 288
8.2 列表視圖 291
8.2.1 無序與有序列表視圖 291
8.2.2 列表視圖與圖標 295
8.2.3 列表視圖的內容管理與應用
技巧 299
8.3 可收放的UI組件 306
8.3.1 可收放的UI組件及其樣式
特征 306
8.3.2 可收放組件的組合與手風琴
模式 310
8.4 面板 313
8.4.1 面板的基本構成與工作方式 313
8.4.2 外部面板 317
8.5 選擇菜單 320
8.5.1 選擇菜單的基本表現形式 320
8.5.2 定制菜單 325
8.6 選擇開關 326
8.6.1 常見的開關編寫方法 327
8.6.2 滑動條開關 330
8.7 本章習題 331
第9章 jQuery Mobile的樣式定制 333
9.1 jQuery Mobile主題樣式系統簡介 334
9.1.1 主題系統 334
9.1.2 樣本定義的方法 335
9.2 使用第三方樣式主題 337
9.2.1 jQuery Mobile Flat UI Theme 337
9.2.2 nativeDroid 339
9.3 ThemeRoller工具 342
9.3.1 ThemeRoller的基本操作 342
9.3.2 ThemeRoller樣式的定制方法 345
9.4 UI組件定制實例 348
9.4.1 100%寬度的滑動條 348
9.4.2 列寬度不相等的網格 350
9.4.3 帶有永久刪除按鈕的搜索框 352
9.4.4 輸入框中提示信息的樣式 353
9.4.5 圓角選擇開關 355
9.5 本章習題 357
第10章 jQuery Mobile功能的擴展 359
10.1 圖標集的擴展 360
10.1.1 制作自定義圖標的基本方法 360
10.1.2 圖標字符 364
10.2 網頁切換過渡效果擴展 376
10.3 UI組件擴展 380
10.3.1 拖放功能 380
10.3.2 日期選擇器 384
10.4 本章習題 387
第11章 jQuery Mobile事件處理 389
11.1 網頁與初始化事件 390
11.1.1 網頁的初始化事件 390
11.1.2 外部網頁加載事件 393
11.1.3 網頁切換過程事件 395
11.2 用戶操作事件 397
11.2.1 方向位置事件 397
11.2.2 滾屏事件 398
11.2.3 觸摸事件 400
11.3 本章習題 403
第12章 jQuery和jQuery Mobile的
插件 405
12.1 日期選擇器插件 - DateBox 406
12.2 窗口插件 - Windows 412
12.2.1 警告窗口 413
12.2.2 對話窗口 414
12.3 圖片插件 - OWL Carousel 419
12.4 Google地圖 424
12.5 本章習題 430
附錄A Web服務器設置方法簡介 431
附錄B 習題解答 441