●Chapter 1 移動Web開發基礎 1
1.1 認識網頁和網站 1
1.1.1 網頁 1
1.1.2 網站 2
1.2 網頁的基素 2
1.3 制作網頁的基本流程 4
1.4 制作網站的基本流程 5
1.4.1 網站發展趨勢 5
1.4.2 網站制作流程 6
1.4.3 網站設計原則 7
1.5 Web標準開發技術介紹 7
1.5.1 結構化標準語言 7
1.5.2 表現性標準語言 8
1.5.3 行為標準 8
1.6 移動Web開發概覽 9
1.6.1 主流移動平臺介紹 9
1.6.2 移動Web的特點 11
1.6.3 設計移動網站時需要考慮的問題 12
1.6.4 主流的移動設備屏幕的分辨率 12
1.6.5 使用標準的HTML、CSS和JavaScript技術 13
1.7 移動Web開發技術推薦 13
Chapter 2 搭建移動Web開發環境 15
2.1 安裝Dreamweaver CS6 15
2.2 安裝jQuer Mobile 19
2.2.1 下載jQuer Mobile插件 19
2.2.2 使用URL方式加載插件文件 20
2.3 搭建PhoneGap開發環境 20
2.3.1 準備工作 20
2.3.2 獲得PhoneGap開發包 21
2.4 搭建測試環境 25
Chapter 3 移動Web開發的準備工作 27
3.1 創建通用網站的實現流程 27
3.1.1 確定應用程序類型 27
3.1.2 使用CSS改善HTML外觀 28
3.1.3 加入移動meta標簽 30
3.2 將站點升級至HTML 5 31
3.2.1 確定何時升級和升級的具體方式 31
3.2.2 升級到HTML 5的步驟 33
3.2.3 將HTML 5特性作為額外內容添加至網站 33
3.2.4 使用HTML 5為移動Web提供的服務 34
3.3 將Web程序遷移到移動設備 34
3.3.1 選擇Web編輯器 34
3.3.2 測試應用程序 35
3.3.3 為移動設備調整可視化的設計 35
3.3.4 HTML 5及CSS 3檢測 36
3.4 搭建Android開發環境 38
3.4.1 安裝Android SDK的繫統要求 38
3.4.2 安裝JDK 38
3.4.3 獲取並安裝Eclipse和Android SDK 42
3.4.4 安裝ADT 45
3.4.5 設定Android SDK Home 47
3.4.6 驗證開發環境 48
3.4.7 創建並管理Android虛擬設備(AVD) 49
3.4.8 啟動AVD模擬器 50
3.5 搭建iOS開發環境 51
3.5.1 開發前的準備——加入iOS開發團隊 52
3.5.2 安裝Xcode 54
3.5.3 Xcode介紹 54
3.5.4 下載並安裝Xcode 55
3.5.5 創建一個Xcode項目並啟動模擬器 58
Chapter 4 HTML基礎 62
4.1 HTML初步 62
4.1.1 HTML概述 62
4.1.2 HTML基本結構 63
4.2 HTML標記詳解 64
4.2.1 標題文字標記<h> 64
4.2.2 文本文字標記<font> 65
4.2.3 字型設置標記 66
4.2.4 段落標記<p> 67
4.2.5 換行標記<br> 68
4.2.6 超鏈接標記<a> 68
4.2.7 設置背景圖片標記<bod background> 70
4.2.8 插入圖片標記<img> 70
4.2.9 列表標記 71
4.2.10 表格標記<table>、<tr>、<th>和<td> 75
4.3 綜合應用——制作一個簡單網頁 76
Chapter 5 HTML 5在移動設備中 80
5.1 把握未來的風向標 80
5.2 用HTML 5設計移動網站前的準備 81
5.2.1 為移動網站準備專用的域名 81
5.2.2 準備測試環境 81
5.3 全新的HTML 5 82
5.4 設置網素 83
5.4.1 設置文檔類型 83
5.4.2 設置所有鏈接規定默認地址或默認目標 84
5.4.3 鏈接標簽 84
5.4.4 設置有關信息 86
5.4.5 定義客戶端腳本 86
5.4.6 定義HTML文檔的樣式信息 87
5.4.7 設置頁面標題 88
5.5 設置頁面正文 89
5.6 注釋 90
5.7 和頁面結構相素 91
5.7.1 定義區段的標簽 91
5.7.2 定義獨立內容的標簽 91
5.7.3 定義導航鏈接標簽 92
5.7.4 定義其所處內容之外的內容 93
5.7.5 定義頁腳內容的標簽 93
5.8 在網頁中顯示聯繫信息 94
5.9 自動隱藏或顯示網頁中的文字 95
5.10 綜合應用——自動檢測輸入的拼音是否正確 96
Chapter 6 CSS基礎 98
6.1 體驗CSS的功能 98
6.2 基本語法 99
6.3 使用選擇符 100
6.3.1 選擇符的種類 100
6.3.2 實戰演練——使用id選擇符設置文字顏色 102
6.4 CSS屬性 103
6.5 幾個常用值 104
6.5.1 顏色單位 104
6.5.2 長度單位 106
6.5.3 百分比值 107
6.5.4 URL統一資源定位符 107
6.5.5 URL默認值 108
6.6 在網頁中使用CSS 108
6.6.1 頁面調用CSS方式 108
6.6.2 通用優先級實戰 110
6.6.3 類型選擇符和類選擇符實戰 112
6.6.4 id選擇符實戰 113
6.6.5 最近優先原則實戰 114
6.7 CSS的編碼規範 115
6.7.1 書寫規範 115
6.7.2 命名規範 115
6.8 CSS調試 116
6.8.1 設計軟件調試 116
6.8.2 繼承性和默認值帶來的問題 117
6.9 綜合應用——實現精致、符合標準的表單頁面 119
Chapter 7 JavaScript腳本語言 121
7.1 JavaScript簡介 121
7.1.1 JavaScript格式 121
7.1.2 一個典型的JavaScript文件 121
7.2 數據類型 122
7.2.1 數據類型概述 122
7.2.2 JavaScript常量 123
7.2.3 JavaScript變量 123
7.3 表達式和運算符 124
7.3.1 JavaScript表達式 124
7.3.2 JavaScript運算符 125
7.4 JavaScript循環語句 127
7.4.1 if條件語句 127
7.4.2 for循環語句 130
7.4.3 while循環語句 131
7.4.4 do…while循環語句 133
7.4.5 break控制 134
7.4.6 switch循環語句 134
7.5 JavaScript函數 134
7.5.1 函數的構成 135
7.5.2 JavaScript常用函數 136
7.6 JavaScript對像 137
7.6.1 對像基礎知識 137
7.6.2 JavaScript常用對像和方法 139
7.7 JavaScript事件 142
7.7.1 JavaScript常用事件 142
7.7.2 事件處理程序 143
7.8 JavaScript窗口對像 144
7.8.1 窗口對像 144
7.8.2 窗口對像的事件驅動 145
7.8.3 窗口對像中的屬性 145
7.8.4 窗口對像的方法 145
7.8.5 JavaScript窗口對像的應用 146
7.9 JavaScript框架對像 148
Chapter 8 使用jQuer Mobile 框架 150
8.1 jQuer Mobile簡介 150
8.1.1 jQuer的優勢 150
8.1.2 jQuer Mobile的特點 151
8.1.3 jQuer Mobile對瀏覽器的支持 151
8.1.4 jQuer Mobile對移動平臺的支持 152
8.2 jQuer Mobile的四大優勢 153
8.2.1 跨所有移動平臺的統一UI 153
8.2.2 簡化的標記驅動的開發 153
8.2.3 漸進式增強 153
8.2.4 響應式設計 154
8.3 jQuer Mobile語法基礎 154
8.3.1 使用基本框架 155
8.3.2 多頁面模板 158
8.3.3 設置內部頁面的頁面標題 160
8.3.4 設置外部頁面鏈接 161
8.3.5 實現頁面後退鏈接 161
8.3.6 使用Ajax修飾導航 162
8.3.7 使用函數changePage() 165
8.4 預加載 166
8.5 頁面緩存 167
8.6 頁面腳本 169
Chapter 9 使用PhoneGap 171
9.1 PhoneGap基礎 171
9.1.1 產生背景 171
9.1.2 PhoneGap的發展歷程 172
9.1.3 PhoneGap移動Web開發的步驟 172
9.2 PhoneGap API詳解 173
9.2.1 應用API 174
9.2.2 通知API 175
9.2.3 設備API 177
9.2.4 網絡連接API 178
9.2.5 加速計API 180
9.2.6 地理位置API 183
9.2.7 指南針API 185
9.2.8 照相機API 187
9.2.9 Capture采集 191
9.2.10 Media API 193
9.3 綜合應用——使用Media構造一個播放器 194
Chapter 10 開發移動設備網頁 197
10.1 編寫第一個適用於Android繫統的網頁 197
10.1.1 控制頁面的縮放 200
10.1.2 添加CSS樣式 201
10.1.3 添加JavaScript 204
10.2 添加Ajax特效 206
10.3 打造一個iOS+jQuer Mobile+PhoneGap程序 212
10.4 綜合演練——打造一個Android+jQuer Mobile+ PhoneGap程序 214
10.4.1 建立一個基於Web的Android應用 215
10.4.2 添加Web內容 216
10.4.3 利用PhoneGap封裝成移動Web應用 217
10.4.4 修改權限文件 219
Chapter 11 Web Sockets實時數據處理 221
11.1 安裝jWebSocket服務器 221
11.2 實現跨文檔傳輸數據 222
11.3 使用WebSocket傳送數據 225
11.3.1 使用Web Sockets API的方法 226
11.3.2 實戰演練 226
11.4 處理JSON對像 229
11.5 jWebSocket框架 232
11.5.1 jWebSocket框架的構成 232
11.5.2 創建jWebSocket服務器端的偵聽器 232
11.6 jWebSocket令牌詳解 240
11.6.1 令牌的格式 240
11.6.2 令牌的常用術語 240
11.6.3 繫統令牌詳解 241
11.7 綜合應用——使用jWebSocketTest框架進行通信 247
Chapter 12 Web Workers通信處理 251
12.1 Web Workers API基礎 251
12.1.1 使用HTML5 Web Workers API 251
12.1.2 需要使用.js 文件 252
12.1.3 與 Web Worker 進行雙向通信 252
12.2 Worker線程處理 254
12.2.1 使用Worker處理線程 255
12.2.2 使用線程傳遞JSON對像 258
12.2.3 使用線程嵌套交互數據 259
12.2.4 通過JSON發送消息 262
12.3 執行大計算量任務 263
12.3.1 創建Worker 264
12.3.2 使用Web Workers API執行大計算量任務 264
12.4 綜合應用——在後臺運行耗時較長的運算 270
Chapter 13 頁面數據離線處理 274
13.1 離線應用基礎 274
13.1.1 manifest文件詳解 274
13.1.2 配置IIS服務器 275
13.1.3 開發離線應用程序 276
13.2 檢測本地緩存的更新狀態 278
13.2.1 updateread事件 278
13.2.2 update方法 279
13.2.3 使用swapCache方法 281
13.2.4 可能觸發的其他事件 283
13.3 檢測在線狀態 285
13.3.1 使用onLine屬性 285
13.3.2 使用online事件和offline事件 287
13.3.3 開發一個離線留言繫統 289
13.4 綜合應用——開發一個離線式日歷提醒繫統 292
Chapter 14 繪制三維圖形圖像 296
14.1 WebGL基礎 296
14.1.1 發展歷程 296
14.1.2 WebGL和HTML 5的關繫 297
14.1.3 開發前的準備 297
14.2 使用WebGL 298
14.2.1 繪制三角形和矩形 298
14.2.2 繪制有顏色的三角形和矩形 302
14.2.3 繪制三維動畫 308
Chapter 15 使用Geolocation API 316
15.1 Geolocation API介紹 316
15.1.1 對瀏覽器的支持情況 316
15.1.2 使用Geolocation API 317
15.2 獲取當前地理位置 318
15.3 使用getCurrent ition()方法 321
15.4 在網頁中使用地圖 323
15.4.1 在網頁中調用地圖 323
15.4.2 在地圖中顯示當前的位置 325
15.4.3 在網頁中居中顯示定位地圖 327
15.4.4 利用百度地圖實現定位處理 329
15.5 綜合應用——在彈出框中顯示定位信息 331
Chapter 16 使用jQTouch框架 335
16.1 jQTouch基礎 335
16.1.1 jQTouch的特點 335
16.1.2 體驗jQTouch程序 336
16.2 開始使用jQTouch 340
16.2.1 引入一段jQTouch代碼 340
16.2.2 使用 jQuer 生成動態數據 342
16.2.3 使用jQTouch創建動態UI 342
16.3 綜合應用——使用JQTouch框架開發動畫網頁 346
Chapter 17 使用Sencha Touch框架 354
17.1 Sencha Touch基礎 354
17.1.1 Sencha Touch簡介 354
17.1.2 Sencha Touch的特性 355
17.1.3 Sencha Touch的優勢 355
17.2 搭建Sencha Touch開發環境 356
17.2.1 獲取Sencha Touch 356
17.2.2 搭建Eclipse+Sencha Touch開發環境 358
17.2.3 調試Sencha Touch程序 362
17.3 Sencha Touch界面布局 363
17.3.1 Hbox布局(水平布局) 364
17.3.2 VBox布局(垂直布局) 365
17.3.3 Card布局(卡片布局) 365
17.3.4 Fit布局(填充布局) 367
17.3.5 Docking(停靠) 367
17.4 綜合應用——實現一個手機通訊錄 368
Chapter 18 使用Node.js 378
18.1 Node.js的特性 378
18.2 搭建Node.js開發環境 378
18.2.1 獲取並安裝Node.js 379
18.2.2 第一段Node.js程序 381
18.3 Node.js基本配置 382
18.3.1 創建HTTP服務器 382
18.3.2 配置模塊繫統 383
18.4 Node.js的基本語法 385
18.4.1 Node.js 事件 385
18.4.2 Node.js 函數 387
18.4.3 Node.js 路由 388
18.4.4 Node.js 全局對像 390
18.5 綜合應用——使用Node.js+Socket實現聊天室繫統 393
Chapter 19 記事本繫統 401
19.1 繫統功能分析 401
19.2 繫統模塊劃分 402
19.3 構建jQuer Mobie平臺 402
19.4 頁面實現 402
19.4.1 實現繫統首頁 403
19.4.2 實現記事本類別列表頁面 405
19.4.3 實現記事本列表頁面 406
19.4.4 實現記事本詳情和刪除頁面 408
19.4.5 實現記事本修改頁面 409
19.4.6 實現添加記事本頁面 411
19.5 繫統樣式文件 413
Chapter 20 Android版的電話管理繫統 415
20.1 需求分析 415
20.1.1 產生背景 415
20.1.2 功能分析 415
20.2 創建Android工程 417
20.3 實現繫統主界面 417
20.4 實現信息查詢模塊 419
20.5 實現繫統管理模塊 421
20.6 實現信息添加模塊 424
20.7 實現信息修改模塊 427
20.8 實現信息刪除模塊和更新模塊 430
●
●