基本信息
作者: 張亞飛(作者)
出版社: 清華大學出版社; 第1版 (2011年10月1日)
平裝: 464頁
正文語種: 簡體中文
開本: 16
ISBN: 9787302268857
條形碼: 9787302268857
商品尺寸: 25.8 x 18.4 x 2.4 cm
商品重量: 898 g
內容簡介
《Android、iPhone、Windows Phone手機網頁及網站設計:最佳實踐與設計精粹》側重於實戰,提供有各種手機瀏覽器兼容性指南,修復了當前普遍存在的錯誤認識,目的是幫助用戶建立正確的手機網站設計以及手機Web應用程式開發的知識,面向具有一定Web開發技能的開發者。
《Android、iPhone、Windows Phone手機網頁及網站設計:最佳實踐與設計精粹》共5大部分,包括4篇,具有清晰的知識脈絡,分別介紹如下:
第I篇是用於手機網站設計和開發的知識體系框架,包括手機網站的特點、各種標準的套用、設計時的注意事項,以及實用的工程範例。
第II篇是HTML 5在iphone、Android、Windows Phone的實戰篇,它為瀏覽器成為應用程式的運行平台提供了堅實的基礎,這是Web開發的核心內容,也特別適用於移動Web應用程式的開發。本篇介紹了怎樣在手機瀏覽器中使用HTML 5。
第III篇是基於HTML、CSS和JavaScript開發移動Web應用程式,包括jQuery Mobile框架的使用。
第IV篇是基於HTML、CSS和JavaScript結合PhoneGap框架開發手機應用程式,現在不需要Object-C和Java也可以實現手機應用程式的開發。
所有功能皆提供了完整的套用範例,以幫助用戶深入理解,對於想快速學習手機網站設計和手機應用程式開發的用戶來說是最佳的學習捷徑。
《Android、iPhone、Windows Phone手機網頁及網站設計:最佳實踐與設計精粹》不僅適合於Web開發者和設計者快速製作手機專用網站,還可作為高等院校計算機專業教材。
編輯推薦
《Android、iPhone、Windows Phone手機網頁及網站設計:最佳實踐與設計精粹》:
專業級教學視頻、實例源程式下載。
手機網站創建全方位導航,帶來完整、系統、全面的知識體系。
HTML5LBS最熱套用,詳細講解,讓公司的業務快速跟上。
面向進階用戶,直擊精要部分,輔以精湛範例,讓您快速掌握,節約時間。
HTML、CSS、JavaScript手機網站設計及開發全面、翔實。
與jQueryMobile結合,快速開發手機網路應用程式。
與PhoneGap結合,輕鬆為Android和IPhone開發本機應用程式。
參考全球近千個手機網站設計之精粹,提高效率。
目錄
第I篇 手機版專用網站設計和開發入門篇
第1章 準備創作環境和測試環境 3
1.1 使用Mobile Safari測試網頁 4
1.1.1 iOS Simulator安裝 5
1.1.2 使用Mobile Safari 6
1.2 使用IEMobile測試網頁 7
1.2.1 Windows Phone 7 Emulator安裝 8
1.2.2 使用IEMobile 9
1.3 使用Chrome Lite測試網頁 10
1.3.1 Android Emulator安裝 10
1.3.2 使用Chrome Lite 17
1.4 使用BlackBerry瀏覽器測試網頁 19
1.4.1 BlackBerry模擬器安裝 19
1.4.2 使用BlackBerry模擬器 20
1.5 安裝和設定Web伺服器 22
1.5.1 安裝IIS 22
1.5.2 了解Web伺服器根目錄 24
第2章 建立手機網頁開發的技術知識結構 27
2.1 怎樣學習網頁設計和開發 28
2.2 HTML、XHTML和CSS的歷史 29
2.2.1 HTML簡介 29
2.2.2 HTML的歷史版本 30
2.2.3 CSS的歷史 31
2.2.4 CSS的歷史版本 32
2.2.5 XML的歷史 33
2.2.6 標準、規範和實現 34
2.2.7 關於W3C 34
2.3 ECMAScript和JavaScript 35
2.3.1 關於ECMA 35
2.3.2 JavaScript版本和ECMAScript版本的關係 36
2.3.3 關於ECMAScript精簡綱要 37
2.4 考慮手機網頁與桌面網頁的不同 38
2.4.1 螢幕解析度 38
2.4.2 手機瀏覽器的可視區域 39
2.4.3 手機網站的技術區分 40
2.4.4 建立設計和技術的參照點 41
第3章 專用於手機的HTML——XHTML MP和XHTML Basic 43
3.1 XHTML模組家族 44
3.1.1 什麼是XHTML模組化 44
3.1.2 為何要進行XHTML模組化 46
3.1.3 XHTML Basic 46
3.1.4 XHTML MP 47
3.1.5 關於OMA和WAP論壇 48
3.1.6 關於WAP 2.0 49
3.2 編寫XHTML MP網頁 49
3.2.1 定義XHTML MP網頁MIME類型 50
3.2.2 偵測XHTML MP客戶端 50
3.3 為手機網頁定義元數據 51
3.3.1 定義快取 51
3.3.2 定義應用程式名 53
3.4 互動方法和導航 54
3.4.1 觸控螢幕手機的互動 54
3.4.2 鍵盤手機的互動 55
3.4.3 為鍵盤手機設計熱鍵導航 55
3.4.4 特殊的超連結——HTML表單控制項 56
3.5 設計表單 59
3.5.1 特殊的表單控制項 60
3.5.2 指定輸入模式 61
3.6 文檔關係連結(link元素) 63
3.7 關於外掛程式和下載 64
3.7.1 直接連結下載 64
3.7.2 使用OMA下載 64
3.7.3 下載注意事項 67
第4章 專用於手機的CSS——CSS MP和WCSS 69
4.1 CSS MP和WCSS 70
4.1.1 CSS MP可用的樣式屬性 70
4.1.2 不推薦使用的樣式屬性 73
4.1.3 WCSS可用的樣式屬性 73
4.1.4 使用Marquee定義溢出滾動方式和跑馬燈效果 76
4.1.5 CSS MP和WCSS的語法 79
4.1.6 在XHTML文檔中套用CSS 79
4.2 使用CSS介質為手機單獨設計樣式表 81
4.2.1 了解介質類型描述符 81
4.2.2 將樣式表套用於不同的介質 82
4.2.3 專用於手持設備的介質 84
4.3 使用CSS介質查詢為手機單獨設計樣式表 84
4.3.1 使用介質查詢 85
4.3.2 CSS 3介質查詢支持的介質屬性 86
4.3.3 常用的介質查詢 87
第5章 CSS手機版專用網頁布局第一步——視點和設備方向 89
5.1 可視區域和視點 90
5.1.1 了解視點 92
5.1.2 手機上的視點 93
5.1.3 改變視點 94
5.1.4 分別對橫屏和豎屏布局 95
5.2 關於@viewport規則 97
5.2.1 使用HTML元數據 98
5.2.2 常用的聲明 100
5.2.3 其他HTML元數據 100
第6章 CSS手機版專用網頁布局實戰 101
6.1 單列布局 102
6.1.1 液態寬度 102
6.1.2 屬性值的計算步驟 103
6.2 導航條設計 104
6.2.1 tab導航選單1 104
6.2.2 tab導航選單2 107
6.2.3 單列選單導航條 109
6.2.4 圖示按鈕排列導航 114
6.3 圖文版式 119
6.3.1 限制替換元素的幅面大小 119
6.3.2 圖片替換 119
6.3.3 字型問題 121
第7章 專用於手機的JavaScript——ESMP 123
7.1 使用ESMP 124
7.1.1 ESMP與ECMAScript的不同 124
7.1.2 ESMP BOM 125
7.1.3 ESMP CoreDOM 127
7.1.4 ESMP HTMLDOM 129
7.2 使用JavaScript的注意事項 133
7.2.1 檢測瀏覽器支持 133
7.2.2 關於打開新視窗 135
7.2.3 關於間隔調用 135
7.2.4 隱藏瀏覽器工具條 135
7.3 定義和觸發事件 136
7.3.1 基本互動事件 137
7.3.2 關於軟鍵盤事件 138
7.3.3 感知手機握持的方向和orientationchange事件 139
7.4 觸摸和手勢 140
7.4.1 觸摸事件 140
7.4.2 多點觸控事件——手勢 141
7.4.3 事件對象和Touch對象 142
7.4.4 觸摸點ID 143
7.4.5 觸摸和拖動 144
第II篇 HTML 5在 iPhone、Android、Windows Phone的實戰篇
第8章 HTML 5簡介和編寫規範 147
8.1 HTML 5的新特性 148
8.1.1 實現Web應用程式 148
8.1.2 用於更好地呈現內容 149
8.2 HTML 5輕鬆入門 149
8.2.1 使用XML語法編寫HTML 5文檔 149
8.2.2 使用HTML語法編寫HTML 5文檔 154
8.2.3 HTML 5文檔的構成 156
8.3 手機瀏覽器對HTML 5的支持 157
第9章 HTML 5視頻和音頻 159
9.1 元素 160
9.1.1 視頻格式 160
9.1.2 建議的設定 162
9.1.3 屬性 162
9.1.4 配置伺服器添加MIME類型 162
9.1.5 全兼容設定 163
9.2 元素 163
9.3 元素 164
9.4 自定義視頻和音頻控制 166
9.5 使用HTML 5 DOM動態控制 167
9.5.1 關於Media元素 168
9.5.2 出錯處理 170
9.5.3 關於狀態 171
9.5.4 其他屬性 172
9.5.5 使用方法控制媒體 173
9.5.6 檢測媒體支持 173
9.5.7 媒體事件 174
9.6 安全和隱私 175
9.7 瀏覽器支持 175
第10章 使用HTML 5結構元素構建網頁 177
10.1 文檔結構元素 178
10.1.1 元素 179
10.1.2 元素 182
10.1.3 元素 183
10.1.4 元素 185
10.1.5 元素 187
10.1.6 元素 188
10.2 標題和標題組合 189
10.3 元素 190
10.4 瀏覽器兼容 191
第11章 使用畫布在網頁上繪製圖——Canvas 193
11.1 使用Canvas繪圖的基本步驟 194
11.1.1 繪製第一幅圖 194
11.1.2 理解坐標 195
11.2 關於HTML 5 DOM Canvas API 196
11.3 使用CanvasRendering
Context2D 198
11.3.1 顏色、漸變和模式 202
11.3.2 線條粗細、線帽和線條結合 206
11.3.3 陰影 207
11.3.4 繪製矩形 208
11.3.5 全局設定——混合模式 209
11.3.6 全局設定——透明度 210
11.4 創建和渲染路徑 210
11.4.1 了解圖形和路徑 211
11.4.2 繪製直線線條 211
11.4.3 線條和填充 212
11.4.4 繪製弧線 213
11.4.5 繪製曲線 214
11.4.6 繪製矩形路徑 214
11.4.7 繪製剪下路徑 215
11.4.8 重置路徑和關閉子路徑 216
11.4.9 檢測路徑點 217
11.4.10 焦點外廓 218
11.5 插入圖片 219
11.6 轉換、旋轉、平移和縮放 220
11.7 繪製文本 222
11.8 像素級繪製 223
11.8.1 基本使用方法 224
11.8.2 創建反相 225
11.8.3 分解通道 226
11.8.4 通道混合器 228
11.9 保存和恢復繪畫狀態 233
11.10 使用Canvas實現動畫 234
11.10.1 太極旋轉 234
11.10.2 繪製動態時鐘 237
第12章 Web存儲 241
12.1 Web存儲概述 242
12.2 Web存儲與Cookie 242
12.3 本地存儲和會話存儲 242
12.3.1 在客戶端持久存儲數據 242
12.3.2 關於瀏覽器兼容 243
12.3.3 在會話期存儲數據 244
12.4 Storage接口 246
12.4.1 獲取和更新存儲 248
12.4.2 清除存儲 249
12.4.3 清除指定的鍵 250
12.4.4 添加新鍵和更新鍵值 250
12.5 Storage事件 251
第13章 Web SQL資料庫 253
13.1 第一個Web SQL Database套用 254
13.1.1 使用iPhone查看和管理Web SQL Database 256
13.1.2 使用Web SQL Database的基本步驟 257
13.2 異步資料庫 259
13.2.1 執行資料庫事務 260
13.2.2 資料庫版本管理 262
13.2.3 執行SQL語句 263
13.3 同步資料庫 265
13.3.1 執行資料庫事務 266
13.3.2 資料庫版本管理 268
13.3.3 執行SQL語句 269
13.4 處理資料庫操作結果 270
13.5 錯誤和異常 271
13.6 在開發人員工具中使用SQL語句 272
13.7 SQLite SQL語法和資料庫的數據類型 273
13.8 SQL注入缺陷和參數化查詢 275
第14章 離線網路應用程式——檔案快取 277
14.1 使用離線套用 278
14.1.1 配置MIME類型 278
14.1.2 創建離線套用網頁及網頁中要引用的資源 280
14.1.3 創建清單檔案 280
14.1.4 測試離線套用 281
14.1.5 更新離線存儲 281
14.2 快取清單檔案格式 282
14.2.1 定義要快取的檔案 282
14.2.2 備抵機制 283
14.2.3 線上白名單 284
14.2.4 注釋 284
14.3 使用DOM方法處理離線套用 285
14.3.1 獲取快取 286
14.3.2 檢查狀態 286
14.3.3 更新快取 287
14.3.4 監聽事件 288
14.3.5 檢測脫機模式 290
14.4 將網頁添加為桌面捷徑 292
14.4.1 為網站設計圖示 292
14.4.2 為Android添加桌面捷徑 294
14.4.3 指定一個啟動圖片 296
14.4.4 隱藏Safari界面 296
14.4.5 改變狀態欄 296
第15章 地理位置定位 297
15.1 了解位置定位 299
15.1.1 位置定位是怎么工作的 299
15.1.2 位置定位的精確度 299
15.2 使用Geolocation 299
15.2.1 獲取Geolocation對象 299
15.2.2 獲取當前地理位置 300
15.2.3 處理位置信息 301
15.2.4 出錯處理 302
15.2.5 配置項 303
15.2.6 持續追蹤位置 303
15.3 地理位置定位和線上地圖結合使用 303
15.3.1 反向Geolocation——將經度/緯度轉換為地名 304
15.3.2 與Google Map結合使用 305
15.3.3 使用Google Maps JavaScript API 310
第III篇 基於HTML、CSS和JavaScript設計網站和開發移動Web套用
第16章 使用jQuery Mobile開發Web應用程式 315
16.1 使用jQuery核心庫 316
16.1.1 第一個jQuery範例 317
16.1.2 基本語法 318
16.1.3 為什麼要使用jQuery 320
16.1.4 解決jQuery衝突 322
16.2 使用jQuery Mobile 323
16.2.1 第一個jQuery Mobile範例 324
16.2.2 怎樣在“內容頁”間導航 326
16.2.3 使用超連結 327
16.2.4 定義頁面過渡效果 327
16.2.5 定義樣式主題 327
16.2.6 創建對話框 329
16.2.7 固定頁眉和頁腳 329
16.2.8 全螢幕效果 330
16.3 導航模型——jQuery Mobile的核心機制 330
16.3.1 頁面導航的基本規則 331
16.3.2 自動生成的內容頁和子書籤地址 332
16.3.3 注意事項 333
第17章 使用jQuery Mobile UI外掛程式——Widget 335
17.1 定義工具按鈕 336
17.1.1 定義按鈕 336
17.1.2 指定按鈕圖示 337
17.1.3 自定義按鈕圖示 337
17.1.4 行內級按鈕和塊級按鈕 338
17.1.5 按鈕分組 338
17.1.6 導航條 339
17.1.7 添加返回按鈕 342
17.2 定義列表視圖 342
17.2.1 有序列表 343
17.2.2 嵌套列表 343
17.2.3 分割按鈕列表 344
17.2.4 列表項分組 346
17.2.5 縮略圖和圖示 346
17.2.6 對列表進行邊緣修飾 348
17.2.7 唯讀列表 349
17.2.8 文字格式和計數泡 350
17.2.9 過濾列表項 351
17.3 內容布局 352
17.3.1 格線布局 352
17.3.2 可摺疊內容 355
17.4 定義jQuery Mobile表單 358
17.4.1 表單控制項的布局容器 359
17.4.2 切換開關控制項 360
17.4.3 滑動條控制項 361
17.4.4 單選按鈕和複選框控制項 361
17.4.5 水平開關鍵控制項 363
17.4.6 選項選單控制項 363
17.4.7 表單提交 368
第18章 使用Ajax和程式動態控制jQuery Mobile 369
18.1 jQuery Mobile的自定義事件 370
18.2 使用工具方法 372
18.3 jQuery Mobile初始化配置 376
18.3.1 關於mobileinit事件 377
18.3.2 配置選項 377
18.3.3 其他全局配置項 379
第19章 手機專用網頁JavaScript的調試 381
第20章 偵測手機和瀏覽器 385
20.1 使用客戶端代碼偵測瀏覽器 386
20.2 使用HTTP請求報頭 389
20.2.1 使用服務端技術偵測瀏覽器 389
20.2.2 使用.htaccess 393
20.3 使用WURFL、DeviceAtlas和MDBF 393
20.3.1 使用WURFL 394
20.3.2 使用MDBF 397
20.3.3 不足之處 403
第IV篇 基於HTML、CSS和JavaScript開發手機應用程式
第21章 結合PhoneGap為Android和 iPhone開發本機應用程式 407
21.1 預要求 408
21.2 基於HTML、CSS和JavaScript創建Android本機套用 408
21.2.1 搭建創作環境 409
21.2.2 開發和測試Android應用程式 409
21.2.3 編譯、提交和安裝 412
21.3 基於HTML、CSS和JavaScript創建iPhone本機套用 412
21.3.1 搭建創作環境 412
21.3.2 開發和測試iPhone應用程式 412
21.3.3 編譯、提交和安裝 414
21.4 結合jQuery Mobile開發 414
第22章 與設備特定功能結合 415
22.1 運動感測器 416
22.1.1 獲取當前的加速度偏移量 416
22.1.2 以特定時間間隔獲取加速度偏移量 417
22.2 獲取設備手持方向——羅盤 418
22.3 多媒體控制 419
22.3.1 使用camera從照相機捕捉畫面 420
22.3.2 使用capture對象錄製語音、錄製視頻和捕捉圖片 422
22.3.3 使用Media錄製音頻和控制音頻播放 427
22.4 獲取連線信息 431
22.4.1 判定連線類型 431
22.4.2 判定連線能否建立 432
22.5 獲取設備相關信息 433
22.6 處理事件 434
22.7 地理位置定位Geolocation 435
22.8 Web SQL Database和Web存儲 435
22.9 系統訊息提示 435
22.10 管理手機通訊錄資料庫 438
22.10.1 創建一個新的聯繫人 438
22.10.2 查詢聯繫人 439
22.10.3 處理聯繫人信息 441
22.11 檔案系統處理 449
22.11.1 獲取檔案系統 449
22.11.2 目錄處理 450
22.11.3 遍歷目錄 456
22.11.4 檔案處理 456
22.11.5 修改檔案內容 459
22.11.6 讀取檔案內容 460
22.11.7 出錯處理 462
22.11.8 檔案上傳 463