iOS移動網站開發詳解

第1篇 基礎篇
第1章 iOS系統基礎2
1.1iOS系統介紹2
1.1.1iOS發展史2
1.1.2全新的版本——iOS73
1.2從iPhone到iPad4
1.2.1讓世界瘋狂的iPhone4
1.2.2改變世界的iPad5
1.3iOS的常用開發框架5
1.3.1Foundation框架簡介5
1.3.2Cocoa框架簡介7
第2章 搭建開發環境9
2.1開發前的准備——加入iOS開發團隊9
2.2安裝Xcode11
2.2.1Xcode介紹12
2.2.2iOSSDK介紹12
2.2.3下載並安裝Xcode14
2.3創建一個Xcode項目並啟動模擬器17
2.4在iOS設備中測試網頁21
第3章 HTML、CSS和JavaScript24
3.1HTML簡介24
3.1.1HTML初步24
3.1.2字體格式設置25
3.1.3使用標示標記28
3.1.4使用區域和段落標記29
3.1.5使用表格標記31
3.1.6使用表單標記34
3.2CSS技術基礎38
3.2.1基本語法38
3.2.2CSS編碼規范39
3.3JavaScript技術基礎40
3.3.1JavaScript概述41
3.3.2JavaScript運算符42
3.3.3JavaScript循環語句43
3.3.4JavaScript函數45
3.3.5JavaScript事件47
第4章 創建移動Web50
4.1創建能在通用設備上運行的網站50
4.1.1確定應用程序類型50
4.1.2使用CSS改善HTML外觀51
4.1.3加入移動＜meta＞標記53
4.1.4優化網站54
4.2將站點升級至HTML554
4.2.1確定何時升級和升級的具體方式54
4.2.2升級到HTML5的步驟56
4.2.3將HTML5特性作為額外內容添加至網站57
4.2.4HTML5為移動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.5HTML5及CSS3檢測60

第2篇 HTML5技術篇
第5章 HTML5在移動設備中64
5.1把握未來的風向標64
5.1.1漫長的發展歷程64
5.1.2無與倫比的用戶體驗64
5.2在iOS設備中使用HTML565
5.2.1使用HTML5設計移動網站時需要
考慮的問題66
5.2.2主流移動設備的屏幕分辨率66
5.2.3使用標准的HTML、CSS和JavaScript
技術66
5.3使用HTML5設計移動網站前的准備67
5.3.1為移動網站准備專用的域名67
5.3.2准備測試環境67
第6章 HTML5的整體架構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.1section元素94
7.9.2nav元素94
7.9.3hgroup元素94
7.10使用分組標記元素96
7.10.1ul元素96
7.10.2ol元素97
7.11使用文本層次語義標記98
7.11.1time元素98
7.11.2mark元素99
7.11.3cite元素99
7.12使用圖片標記元素100
7.13使用框架標記元素101
7.14使用object標記元素102
第8章 使用表單元素104
8.1表單元素的類型104
8.1.1email類型104
8.1.2url類型105
8.1.3number類型106
8.1.4range類型107
8.1.5DatePickers（數據檢出器）109
8.1.6search類型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.2HTMLDOMCanvas對象142
10.3HTML5繪圖實踐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.1Web存儲162
11.1.1Web存儲的定義162
11.1.2Web存儲的影響162
11.2HTML5中的兩種存儲方式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.4WebDB存儲方式173
11.4.1WebDB存儲基礎173
11.4.2執行事務操作174
11.4.3執行SQL語句175
11.5實現一個日記式事務提醒系統177

第3篇 jQueryMobile技術篇
第12章 jQueryMobile基礎180
12.1jQueryMobile簡介180
12.1.1jQuery介紹180
12.1.2jQueryMobile的特點181
12.1.3對瀏覽器的支持181
12.2jQueryMobile的四個突出特性182
12.2.1跨所有移動平台的統一UI182
12.2.2簡化的標記驅動開發182
12.2.3漸進式增強183
12.2.4響應式設計183
12.3jQueryMobile語法基礎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.8Springboard322
17.3可折疊的內容塊326
17.3.1嵌套折疊和折疊組327
17.3.2創建可折疊的內容塊327
17.4折疊組標記329
17.4.1折疊組標記（Collapsiblesetmarkup）
基礎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使用ThemeRoller358
18.6.1調色板和全局設置359
18.6.2PreviewInspector和QuickSwatchBar359
18.6.3使用AdobeKuler集成工具360
18.6.4使用ThemeRoller361
第19章 jQueryMobileAPI366
19.1配置jQueryMobile366
19.1.1mobileinit事件366
19.1.2可配置的jQueryMobile選項367
19.2方法369
19.3事件378
19.3.1觸摸事件（TouchEvents）378
19.3.2虛擬鼠標事件（VirtualMouseEvents）379
19.3.3設備方向變化事件（OrientationChange
Events）380
19.3.4滾屏事件（ScrollEvents）381
19.3.5頁面加載事件（PageLoadEvents）383
19.3.6頁面顯示／隱藏事件（PageShow/HideEvents）388
19.3.7頁面初始化事件（PageInitialization Events）389
19.3.8動畫事件（AnimationEvents）391
19.3.9觸發事件393
19.4屬性393
19.5數據屬性393
19.6有響應的布局助手397
19.6.1方向類（OrientationClasses）397
19.6.2最小／最大寬度折斷點（ClassMin/Max WidthBreakpointClasses）397
19.6.3添加寬度折斷點（Adding Width Breakpoints）398
19.6.4運行媒介查詢（RunningMediaQueries）398

第4篇 PhoneGap技術篇
第20章 PhoneGap基礎400
20.1PhoneGap簡介400
20.1.1產生背景400
20.1.2什麼是PhoneGap401
20.1.3PhoneGap的發展歷程401
20.1.4全新的功能402
20.1.5PhoneGap的發展現狀402
20.2PhoneGap的優點和缺點分析403
20.2.1原生應用403
20.2.2Web應用404
20.2.3混合型應用404
20.3PhoneGapAPI基礎405
20.4PhoneGap的工作406
20.5PhoneGap開發必備技術407
20.5.1Titanium407
20.5.2AdobeAIR408
20.5.3Corona409
20.5.4常用的JavaScript移動UI框架409
第21章 使用PhoneGap開發移動
Web應用411
21.1PhoneGap移動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.1PhoneGap的事件列表417
22.2deviceready事件418
22.3pause和resume事件420
22.4online和offline事件422
22.4.1online事件422
22.4.2offline事件423
22.5batterycritical、batterylow和batterystatus事件424
第23章 API——應用、通知、設備、網絡連接和加速計428
23.1應用API428
23.1.1白名單安全機制428
23.1.2訪問對象的方法429
23.2通知API430
23.2.1主要對象430
23.2.2業務操作430
23.3設備API439
23.3.1主要對象439
23.3.2使用設備API439
23.4網絡連接API440
23.5加速計API442
23.5.1主要對象442
23.5.2getCurrentAcceleration（）方法443
23.5.3watchAcceleration（）方法445
23.5.4clearWatch（）方法447
第24章 API——地理位置和指南針449
24.1地理位置API449
24.1.1地理位置應用背景449
24.1.2Geolocation接口介紹450
24.1.3三個對象450
24.1.4三個參數454
24.1.5操作方法455
24.2指南針API460
24.2.1兩個對象460
24.2.2三個參數461
24.2.3三個函數461
第25章 API——照相機、采集、媒體467
25.1照相機467
25.1.1camera.getPicture（）方法467
25.1.2業務操作468
25.1.3實戰演練469
25.2Capture474
25.2.1Capture的對象474
25.2.2Capture的方法477
25.3Media484
25.3.1主要參數介紹484
25.3.2主要方法介紹484
第26章 API——通訊錄和數據存儲497
26.1Contacts通訊錄497
26.1.1主要對象497
26.1.2五個方法508
26.1.3綜合實例511
26.2Storage存儲517
26.2.1主要對象518
26.2.2主要方法525
第27章 API——文件操作526
27.1主要對象526
27.1.1DirectoryEntry526
27.1.2DirectoryReader和File527
27.1.3FileEntry527
27.1.4FileError527
27.1.5FileReader528
27.1.6FileSystem529
27.1.7FileTransfer和FileTransferError530
27.1.8FileUploadOptions和FileUploadResult530
27.1.9FileWriter531
27.1.10Flags534
27.1.11LocalFileSystem534
27.1.12Metadata535
27.2主要方法535
27.2.1getMetadata（）方法536
27.2.2moveTo（）方法536
27.2.3copyTo（）方法537
27.2.4toURI（）方法537
27.2.5remove（）方法538
27.2.6getParent（）方法538
27.2.7createReader（）和getDirectory（）方法539
27.2.8getFile（）方法539
27.2.9removeRecursively（）方法540
27.2.10readEntries（）方法540
27.2.11createWriter（）方法541
27.2.12readAsDataURL（）和readAsText（）方法541
27.2.13upload（）方法544
27.2.14download（）方法545
第28章 PhoneGap的插件547
28.1PhoneGap插件基礎547
28.2使用PhoneGap插件548
28.2.1ChildBrowser插件介紹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.1NativeControls插件559
28.4.2WebGL插件560