內容簡介
《iOS移動網站開發詳解》全書分為4篇共28章,其中第1~4章是基礎篇,詳細講解了iOS系統基礎,搭建開發環境,HTML、CSS和JavaScript,創建移動Web等內容;第5~11章是HTML 5技術篇,詳細講解了在iOS系統中使用HTML 5技術設計移動Web網頁的基礎知識,包括HTML 5的發展歷程、整體框架、基本元素、表單、音頻處理、視頻處理、繪圖、數據存儲等內容;第12~19章是jQuery Mobile技術篇,詳細講解了在iOS系統中使用jQuery Mobile框架開發移動Web網頁的基礎知識,包括jQuery Mobile導航、按鈕、列表、表單、內容格式化、主題化、常用API等內容;第20~28章是PhoneGap技術篇,詳細講解了在iOS系統中使用PhoneGap框架整合開發移動Web網頁的基礎知識,包括搭建測試環境、事件機制、外掛程式開發及套用、常用API的具體套用等內容。
《iOS移動網站開發詳解》適合iOS開發人員、網頁設計師、Web開發程式設計師、研發人員及在職程式設計師閱讀,也可以作為培訓學校和大中專院校相關專業的教學用書。
作者簡介
歸國博士,曾經就職于山東大學計算機科學學院,現在就職於愛立信公司,從事移動設備的研發工作。
目錄
第1篇 基礎篇
第1章 iOS系統基礎 2
1.1 iOS系統介紹 2
1.1.1 iOS發展史 2
1.1.2 全新的版本--iOS 7 3
1.2 從iPhone到iPad 4
1.2.1 讓世界瘋狂的iPhone 4
1.2.2 改變世界的iPad 5
1.3 iOS的常用開發框架 5
1.3.1 Foundation框架簡介 5
1.3.2 Cocoa框架簡介 7
第2章 搭建開發環境 9
2.1 開發前的準備--加入iOS開發團隊 9
2.2 安裝Xcode 11
2.2.1 Xcode介紹 12
2.2.2 iOS SDK介紹 12
2.2.3 下載並安裝Xcode 14
2.3 創建一個Xcode項目並啟動模擬器 17
2.4 在iOS設備中測試網頁 21
第3章 HTML、CSS和JavaScript 24
3.1 HTML簡介 24
3.1.1 HTML初步 24
3.1.2 字型格式設定 25
3.1.3 使用標示標記 28
3.1.4 使用區域和段落標記 29
3.1.5 使用表格標記 31
3.1.6 使用表單標記 34
3.2 CSS技術基礎 38
3.2.1 基本語法 38
3.2.2 CSS編碼規範 39
3.3 JavaScript技術基礎 40
3.3.1 JavaScript概述 41
3.3.2 JavaScript運算符 42
3.3.3 JavaScript循環語句 43
3.3.4 JavaScript函式 45
3.3.5 JavaScript事件 47
第4章 創建移動Web 50
4.1 創建能在通用設備上運行的網站 50
4.1.1 確定應用程式類型 50
4.1.2 使用CSS改善HTML外觀 51
4.1.3 加入移動<meta>標記 53
4.1.4 最佳化網站 54
4.2 將站點升級至HTML 5 54
4.2.1 確定何時升級和升級的具體方式 54
4.2.2 升級到HTML 5的步驟 56
4.2.3 將HTML 5特性作為額外內容添加至網站 57
4.2.4 HTML 5為移動Web提供的服務 57
4.3 將Web程式遷移到移動設備 58
4.3.1 選擇Web編輯器 58
4.3.2 測試應用程式 58
4.3.3 移動網站的內容特點 59
4.3.4 為移動設備調整可視化的設計 59
4.3.5 HTML 5及CSS 3檢測 60
第2篇 HTML 5技術篇
第5章 HTML 5在移動設備中 64
5.1 把握未來的風向標 64
5.1.1 漫長的發展歷程 64
5.1.2 無與倫比的用戶體驗 64
5.2 在iOS設備中使用HTML 5 65
5.2.1 使用HTML 5設計移動網站時需要
考慮的問題 66
5.2.2 主流移動設備的螢幕解析度 66
5.2.3 使用標準的HTML、CSS和JavaScript
技術 66
5.3 使用HTML 5設計移動網站前的準備 67
5.3.1 為移動網站準備專用的域名 67
5.3.2 準備測試環境 67
第6章 HTML 5的整體架構 69
6.1 設定網頁頭部元素 69
6.1.1 設定文檔類型 69
6.1.2 設定所有連結的默認地址或默認目標 70
6.1.3 連結標記 71
6.1.4 設定有關頁面的元信息 72
6.1.5 定義客戶端腳本 73
6.1.6 定義HTML文檔的樣式信息 73
6.1.7 設定頁面標題 74
6.2 設定頁面正文 75
6.3 注釋 76
6.4 和頁面結構相關的新元素 77
6.4.1 定義區段的標記 77
6.4.2 定義獨立內容的標記 78
6.4.3 定義導航連結標記 78
6.4.4 定義所處內容之外的內容 79
6.4.5 定義頁腳內容的標記 80
第7章 體驗基本元素 81
7.1 在頁面中輸出一段文字 81
7.2 對頁面進行分欄設計 82
7.3 使用details標記元素實現互動 83
7.3.1 常用屬性 83
7.3.2 實現下拉彈出效果 84
7.4 使用summary標記元素實現互動 85
7.5 使用menu標記元素 86
7.5.1 屬性介紹 86
7.5.2 實現右鍵選單功能 87
7.6 使用command標記元素 89
7.7 使用progress標記元素 90
7.8 使用meter標記元素 92
7.9 使用樹節點標記元素 94
7.9.1 section元素 94
7.9.2 nav元素 94
7.9.3 hgroup元素 94
7.10 使用分組標記元素 96
7.10.1 ul元素 96
7.10.2 ol元素 97
7.11 使用文本層次語義標記 98
7.11.1 time元素 98
7.11.2 mark元素 99
7.11.3 cite元素 99
7.12 使用圖片標記元素 100
7.13 使用框架標記元素 101
7.14 使用object標記元素 102
第8章 使用表單元素 104
8.1 表單元素的類型 104
8.1.1 email類型 104
8.1.2 url類型 105
8.1.3 number類型 106
8.1.4 range類型 107
8.1.5 Date Pickers(數據檢出器) 109
8.1.6 search類型 111
8.2 表單元素的屬性 112
8.2.1 記住表單中的數據 112
8.2.2 驗證表單中輸入的數據是否合法 114
8.2.3 在文本框中顯示提示信息 115
8.2.4 驗證文本框中的內容是否為空 116
8.2.5 開啟表單的自動完成功能 117
8.2.6 重寫表單中的某些屬性 118
8.2.7 自動設定表單中傳遞數字 119
8.2.8 在表單中選擇多個上傳檔案 119
8.3 新的表單元素 120
8.3.1 在表單中自動提示輸入文本 120
8.3.2 一個簡單的乘法計算器 122
8.3.3 在網頁中生成一個密鑰 123
第9章 音頻和視頻套用 124
9.1 處理視頻 124
9.1.1 使用<video>標記 124
9.1.2 <video>標記的屬性 125
9.2 處理音頻 128
9.2.1 <audio>標記 128
9.2.2 <audio>標記的屬性 129
9.3 高級套用 131
9.3.1 為播放的視頻準備一幅素材圖片 131
9.3.2 顯示載入視頻的狀態 132
9.3.3 出錯時在播放螢幕中顯示出錯信息 133
9.3.4 檢測瀏覽器是否支持這個媒體類型 135
9.3.5 顯示視頻的播放狀態 137
9.3.6 顯示播放視頻的時間信息 138
第10章 在網頁中繪圖 141
10.1 使用<canvas>標記 141
10.2 HTML DOM Canvas對象 142
10.3 HTML 5繪圖實踐 143
10.3.1 在指定位置繪製指定角度的相交線 143
10.3.2 繪製一個圓 144
10.3.3 在畫布中顯示一幅指定的圖片 145
10.3.4 繪製一個指定大小的正方形 145
10.3.5 繪製一個帶框線的矩形 146
10.3.6 繪製一個漸變圖形 148
10.3.7 繪製不同的圓形 150
10.3.8 繪製一個漸變圓形 153
10.3.9 移動、縮放和旋轉網頁中的圓形 155
10.3.10 使用組合的方式顯示圖形 156
10.3.11 使用不同的方式平鋪指定的圖像 158
10.3.12 切割指定的圖像 160
第11章 數據存儲 162
11.1 Web存儲 162
11.1.1 Web存儲的定義 162
11.1.2 Web存儲的影響 162
11.2 HTML 5中的兩種存儲方式 163
11.2.1 使用localStorage方式 163
11.2.2 使用sessionStorage方式 164
11.3 數據存儲對象 165
11.3.1 使用sessionStorage對象 165
11.3.2 使用localStorage對象 167
11.3.3 使用localStorage對象中的clear()方法 170
11.3.4 使用localStorage對象中的屬性 172
11.4 WebDB存儲方式 173
11.4.1 WebDB存儲基礎 173
11.4.2 執行事務操作 174
11.4.3 執行SQL語句 175
11.5 實現一個日記式事務提醒系統 177
第3篇 jQuery Mobile技術篇
第12章 jQuery Mobile基礎 180
12.1 jQuery Mobile簡介 180
12.1.1 jQuery介紹 180
12.1.2 jQuery Mobile的特點 181
12.1.3 對瀏覽器的支持 181
12.2 jQuery Mobile的四個突出特性 182
12.2.1 跨所有移動平台的統一UI 182
12.2.2 簡化的標記驅動開發 182
12.2.3 漸進式增強 183
12.2.4 回響式設計 183
12.3 jQuery Mobile語法基礎 184
12.3.1 頁面模板 184
12.3.2 多頁面模板 187
12.3.3 使用Ajax修飾導航 188
12.3.4 轉換 192
12.3.5 對話框 192
12.3.6 有媒體查詢的回響式布局 198
第13章 實現導航功能 200
13.1 頁眉欄 200
13.1.1 頁眉基礎 200
13.1.2 實現頁眉定位 200
13.1.3 在頁眉中使用按鈕 203
13.1.4 在頁眉中使用分段控制項 206
13.1.5 實現回退按鈕效果 209
13.2 頁腳欄 211
13.2.1 頁腳基礎知識 212
13.2.2 頁腳定位 215
13.2.3 頁腳按鈕 216
13.3 工具列 216
13.3.1 帶有圖示的工具列 216
13.3.2 帶有分段控制項的工具列 218
13.4 標籤欄 220
13.4.1 帶有標準圖示的標籤欄 220
13.4.2 永久標籤欄 222
13.4.3 有自定義圖示的標籤欄 223
13.4.4 帶有分段控制項的標籤欄 225
第14章 按鈕 228
14.1 連結按鈕 228
14.2 表單按鈕 229
14.3 使用圖像按鈕 230
14.4 使用有圖示的按鈕 231
14.5 使用只帶有圖示的按鈕 233
14.6 實現按鈕定位 235
14.7 自定義按鈕圖示 236
14.8 使用分組按鈕 239
14.9 使用主題按鈕 241
14.10 使用動態按鈕 242
14.10.1 按鈕選項 242
14.10.2 按鈕方法 243
14.10.3 按鈕事件 243
14.10.4 動態按鈕演練 244
第15章 表單 247
15.1 表單基礎 247
15.2 在表單中輸入文本 249
15.2.1 動態輸入文本 251
15.2.2 文本輸入選項 251
15.2.3 文本輸入方法 252
15.2.4 文本輸入事件 252
15.3 選擇選單 254
15.3.1 自定義選擇選單 256
15.3.2 占位符選項 258
15.3.3 動態選擇選單 258
15.3.4 選擇選單選項 258
15.3.5 選擇選單方法 260
15.3.6 選擇選單事件 260
15.4 單選按鈕 263
15.4.1 單選按鈕選項 264
15.4.2 單選按鈕方法 265
15.4.3 單選按鈕事件 265
15.5 複選框 267
15.5.1 動態複選框 267
15.5.2 使用複選框 267
15.6 使用滑動條 270
15.6.1 滑動條基礎 271
15.6.2 滑動條選項 272
15.6.3 滑動條方法 273
15.6.4 滑動條事件 273
15.7 使用開關控制項 275
15.7.1 開關控制項基礎 275
15.7.2 使用動態開關控制項 277
15.8 使用本地表單元素 278
15.9 使用Mobiscroll日期選擇器 282
第16章 列表 285
16.1 列表基礎 285
16.2 內置列表 286
16.3 列表分割線 288
16.4 帶有縮略圖和圖示的列表 290
16.5 使用拆分按鈕列表 295
16.6 使用編號列表 297
16.7 設定列表為唯讀 299
16.8 使用列表徽章(計數泡) 301
16.9 使用搜尋欄過濾列表 304
16.10 實現動態列表效果 307
16.10.1 列表選項 307
16.10.2 列表方法 310
16.10.3 列表事件 310
第17章 內容格式化 313
17.1 使用基本的HTML樣式 313
17.2 使用表格布局 313
17.2.1 表格模板 313
17.2.2 兩列表格 314
17.2.3 三列表格 316
17.2.4 帶有app圖示的四列表格 317
17.2.5 使用五列表格 318
17.2.6 多行表格 319
17.2.7 不規則的表格 320
17.2.8 Springboard 322
17.3 可摺疊的內容塊 326
17.3.1 嵌套摺疊和摺疊組 327
17.3.2 創建可摺疊的內容塊 327
17.4 摺疊組標記 329
17.4.1 摺疊組標記(Collapsible set markup)
基礎 330
17.4.2 實戰演練 330
17.5 使用CSS實現設定樣式 333
17.5.1 實現背景漸變 333
17.5.2 在Mozilla瀏覽器實現背景漸變 335
17.5.3 實現頁眉漸變效果 337
第18章 主題化 340
18.1 主題設計基礎 340
18.2 主題和調色板 343
18.3 使用主題的默認值 345
18.4 繼承主題 347
18.5 自定義主題 351
18.6 使用ThemeRoller 358
18.6.1 調色板和全局設定 359
18.6.2 Preview Inspector和QuickSwatch Bar 359
18.6.3 使用Adobe Kuler集成工具 360
18.6.4 使用ThemeRoller 361
第19章 jQuery Mobile API 366
19.1 配置jQuery Mobile 366
19.1.1 mobileinit事件 366
19.1.2 可配置的jQuery Mobile選項 367
19.2 方法 369
19.3 事件 378
19.3.1 觸摸事件(Touch Events) 378
19.3.2 虛擬滑鼠事件(Virtual Mouse Events) 379
19.3.3 設備方向變化事件(Orientation Change
Events) 380
19.3.4 滾屏事件(Scroll Events) 381
19.3.5 頁面載入事件(Page Load Events) 383
19.3.6 頁面顯示/隱藏事件(Page Show/Hide
Events) 388
19.3.7 頁面初始化事件(Page Initialization
Events) 389
19.3.8 動畫事件(Animation Events) 391
19.3.9 觸發事件 393
19.4 屬性 393
19.5 數據屬性 393
19.6 有回響的布局助手 397
19.6.1 方向類(Orientation Classes) 397
19.6.2 最小/最大寬度折斷點(Class Min/Max
Width Breakpoint Classes) 397
19.6.3 添加寬度折斷點(Adding Width
Breakpoints) 398
19.6.4 運行媒介查詢(Running Media Queries) 398
第4篇 PhoneGap技術篇
第20章 PhoneGap基礎 400
20.1 PhoneGap簡介 400
20.1.1 產生背景 400
20.1.2 什麼是PhoneGap 401
20.1.3 PhoneGap的發展歷程 401
20.1.4 全新的功能 402
20.1.5 PhoneGap的發展現狀 402
20.2 PhoneGap的優點和缺點分析 403
20.2.1 原生套用 403
20.2.2 Web套用 404
20.2.3 混合型套用 404
20.3 PhoneGap API基礎 405
20.4 PhoneGap的工作 406
20.5 PhoneGap開發必備技術 407
20.5.1 Titanium 407
20.5.2 Adobe AIR 408
20.5.3 Corona 409
20.5.4 常用的JavaScript移動UI框架 409
第21章 使用PhoneGap開發移動
Web套用 411
21.1 PhoneGap移動Web開發的步驟 411
21.2 搭建PhoneGap開發環境 412
21.2.1 準備工作 412
21.2.2 獲得PhoneGap開發包 412
21.2.3 在iOS平台上創建基於PhoneGap
的程式 414
第22章 PhoneGap的事件機制 417
22.1 PhoneGap的事件列表 417
22.2 deviceready事件 418
22.3 pause和resume事件 420
22.4 online和offline事件 422
22.4.1 online事件 422
22.4.2 offline事件 423
22.5 batterycritical、batterylow和
batterystatus事件 424
第23章 API--套用、通知、設備、
網路連線和加速計 428
23.1 套用API 428
23.1.1 白名單安全機制 428
23.1.2 訪問對象的方法 429
23.2 通知API 430
23.2.1 主要對象 430
23.2.2 業務操作 430
23.3 設備API 439
23.3.1 主要對象 439
23.3.2 使用設備API 439
23.4 網路連線API 440
23.5 加速計API 442
23.5.1 主要對象 442
23.5.2 getCurrentAcceleration()方法 443
23.5.3 watchAcceleration()方法 445
23.5.4 clearWatch()方法 447
第24章 API--地理位置和指南針 449
24.1 地理位置API 449
24.1.1 地理位置套用背景 449
24.1.2 Geolocation接口介紹 450
24.1.3 三個對象 450
24.1.4 三個參數 454
24.1.5 操作方法 455
24.2 指南針API 460
24.2.1 兩個對象 460
24.2.2 三個參數 461
24.2.3 三個函式 461
第25章 API--照相機、採集、媒體 467
25.1 照相機 467
25.1.1 camera.getPicture()方法 467
25.1.2 業務操作 468
25.1.3 實戰演練 469
25.2 Capture 474
25.2.1 Capture的對象 474
25.2.2 Capture的方法 477
25.3 Media 484
25.3.1 主要參數介紹 484
25.3.2 主要方法介紹 484
第26章 API--通訊錄和數據存儲 497
26.1 Contacts通訊錄 497
26.1.1 主要對象 497
26.1.2 五個方法 508
26.1.3 綜合實例 511
26.2 Storage存儲 517
26.2.1 主要對象 518
26.2.2 主要方法 525
第27章 API--檔案操作 526
27.1 主要對象 526
27.1.1 DirectoryEntry 526
27.1.2 DirectoryReader和File 527
27.1.3 FileEntry 527
27.1.4 FileError 527
27.1.5 FileReader 528
27.1.6 FileSystem 529
27.1.7 FileTransfer和FileTransferError 530
27.1.8 FileUploadOptions和FileUploadResult 530
27.1.9 FileWriter 531
27.1.10 Flags 534
27.1.11 LocalFileSystem 534
27.1.12 Metadata 535
27.2 主要方法 535
27.2.1 getMetadata()方法 536
27.2.2 moveTo()方法 536
27.2.3 copyTo()方法 537
27.2.4 toURI()方法 537
27.2.5 remove()方法 538
27.2.6 getParent()方法 538
27.2.7 createReader()和getDirectory()方法 539
27.2.8 getFile()方法 539
27.2.9 removeRecursively()方法 540
27.2.10 readEntries()方法 540
27.2.11 createWriter()方法 541
27.2.12 readAsDataURL()和readAsText()方法 541
27.2.13 upload()方法 544
27.2.14 download()方法 545
第28章 PhoneGap的外掛程式 547
28.1 PhoneGap外掛程式基礎 547
28.2 使用PhoneGap外掛程式 548
28.2.1 ChildBrowser外掛程式介紹 548
28.2.2 使用ChildBrowser外掛程式 549
28.3 實現PhoneGap外掛程式 552
28.3.1 編寫前的準備 552
28.3.2 編寫PhoneGap外掛程式 553
28.3.3 將PhoneGap嵌入到iOS程式中 557
28.4 常用的PhoneGap外掛程式 559
28.4.1 NativeControls外掛程式 559
28.4.2 WebGL外掛程式 560
網站開發非常之旅
Android移動網站開發詳解 ISBN:9787302344308
ASP.NET項目開發詳解 ISBN:9787302345725
iOS移動網站開發詳解 ISBN:9787302344858
Java Web開發技術詳解 ISBN:9787302344100
PHP網路編程技術詳解 ISBN:9787302343189
ASP.NET網路編程技術詳解 ISBN:9787302342540
HTML+CSS網頁設計詳解 ISBN:9787302343202
Linux伺服器配置與管理 ISBN:9787302344865
CSS+DIV網頁布局技術詳解 ISBN:9787302345732
Dreamweaver CS6網頁設計與製作詳解 ISBN:9787302344339