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 安裝DreamweaverCS6 15

2.2 安裝jQuerMobile 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 531

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 標題文字標記 64

4.2.2 文本文字標記 65

4.2.3 字型設置標記 66

4.2.4 段落標記

67

4.2.5 換行標記
68

4.2.6 超連結標記 68

4.2.7 設置背景圖片標記 70

4.2.8 插入圖片標記 70

4.2.9 清單標記 71

4.2.10 表格標記

、、

和

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 離     本書循序漸進地講解了在Android、iOS、Windows Phone等移動平臺開發Web程序的方法，詳細剖析了開發移動Web所需要的各種主流技術。本書共分為20章，從網頁和網站制作基礎開始講起，依次講解了搭建移動Web開發環境，移動Web開發的準備工作...