iOS移動網站開發詳解

《iOS移動網站開發詳解》是2014年3月清華大學出版社出版的圖書,作者是朱桂英。

內容簡介

《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

相關詞條

相關搜尋

熱門詞條

聯絡我們