iOS Web開發(fā)入門經(jīng)典：使用HTML、CSS、JavaScript和Ajax

第ⅰ部分 入門
第1章 使用web技術(shù)開發(fā)ios應(yīng)用簡介
1.1 了解ios平臺上的safari瀏覽器
1.2 開發(fā)者可以利用的主要safari特性
1.3 為ios開發(fā)web應(yīng)用的四種方式
1.4 勿將手指當(dāng)鼠標
1.5 資源限制和技術(shù)局限
1.6 設(shè)置本地網(wǎng)絡(luò)中的開發(fā)環(huán)境
第2章　相關(guān)核心技術(shù)
2.1 了解html5媒體元素
2.2 編寫javascript腳本
2.2.1 語法和基本規(guī)則
2.2.2 變量
2.2.3 運算符
2.2.4 保留字
2.2.5 基本條件表達式
2.2.6 循環(huán)
2.2.7 注釋
2.2.8 函數(shù)
2.2.9 數(shù)據(jù)類型
第3章　文檔對象模型
3.1 dom的含義
3.2 dom的樹型結(jié)構(gòu)
3.3 使用javascript代碼訪問dom
3.3.1 訪問特定的元素
3.3.2 訪問一組元素
3.3.3 訪問家族成員
3.3.4 檢索特性
3.4 操作dom
3.4.1 新建元素及其他節(jié)點
3.4.2 將節(jié)點添加到dom中
3.4.3 新建其他元素
3.4.4 設(shè)置特性的值
3.4.5 移動節(jié)點
3.4.6 復(fù)制節(jié)點
3.4.7 從dom中移除節(jié)點
3.4.8 移除特性
第4章　編寫第一個hello world應(yīng)用
4.1 設(shè)置
4.2 創(chuàng)建主頁文件
4.3 創(chuàng)建主屏幕
4.4 添加詳細信息頁面
第5章　為iphone和ipad啟用并優(yōu)化網(wǎng)站
5.1 第1級：兼容ios
5.2 第2級：導(dǎo)航方式較為友好
5.2.1 了解視口
5.2.2 為頁面分塊
5.2.3 定義多欄結(jié)構(gòu)
5.3 第3級：自定義樣式
5.3.1 媒體查詢
5.3.2 調(diào)整文字的大小
5.3.3 案例研究：啟用一個現(xiàn)有網(wǎng)站
5.4 第4級：專用網(wǎng)站
第ⅱ部分 應(yīng)用的設(shè)計
第6章　為iphone設(shè)計ui
6.1 ui設(shè)計的發(fā)展歷程
6.2 iphone的視口
6.3 了解ios的設(shè)計模式
6.3.1 為應(yīng)用分類
6.3.2 在列表式ui設(shè)計中進行導(dǎo)航
6.3.3 應(yīng)用的模式
6.4 了解屏幕布局
6.4.1 標題欄
6.4.2 全屏化的導(dǎo)航列表
6.4.3 目標頁面的圓角矩形設(shè)計
6.5 為觸摸操作設(shè)計ui
6.6 字體的使用
6.7 ios ui設(shè)計的最佳實踐
6.8 畫龍點睛的工作
第7章　為ipad設(shè)計ui
7.1 針對ipad的注意事項
7.1.1 設(shè)計基礎(chǔ)
7.1.2 處理內(nèi)容滾動
7.1.3 分割視圖設(shè)計模式
7.2 針對ipad設(shè)計ui
第8章　使用css指定樣式
8.1 safari中支持的css選擇器
8.2 文字樣式
8.2.1 使用webkit-text-size-adjust控制文字大小
8.2.2 使用text-overflow處理溢出的文字
8.2.3 使用text-shadow生成細部陰影
8.3 為區(qū)塊元素設(shè)置樣式
8.3.1 使用-webkit-border-image設(shè)置圖像邊框
8.3.2 使用-webkit-border-radius設(shè)置圓角效果
8.3.3 使用-webkit-appearance設(shè)置下壓按鈕漸變色
8.3.4 多重背景圖像
8.4 設(shè)置透明度
8.5 生成基于css的ios按鈕
8.6 了解兼容性問題
第ⅲ部分 應(yīng)用的開發(fā)
第9章　界面編程
9.1 應(yīng)用的上層
9.1.1 使用頂級元素的樣式
9.1.2 添加頂部工具欄
9.1.3 添加頂級導(dǎo)航菜單
9.2 使用內(nèi)部url來顯示窗格
9.3 創(chuàng)建二級導(dǎo)航列表
9.4 設(shè)計較長的導(dǎo)航列表
9.5 創(chuàng)建目標頁面
9.6 添加對話框
9.7 對ui行為進行腳本編程
9.7.1 處理文檔加載過程
9.7.2 加載標準iui頁面
9.7.3 處理鏈接點擊操作
9.7.4 加載對話框
第10章　處理觸摸交互和事件
10.1 觸摸事件的三種類型
10.2 鼠標模擬事件
10.2.1 許多事件會被自動處理
10.2.2 條件事件
10.2.3 鼠標事件：只考慮“點擊”，不考慮“移動”
10.2.4 可點擊的元素
10.2.5 事件流
10.2.6 不支持的事件
10.3 觸摸事件
10.4 手勢事件
10.5 檢測方向變化
10.6 根據(jù)方向變化移動元素的位置
10.7 捕獲屏幕鍵盤的按鍵事件
第11章　特效和動畫
11.1 漸變效果
11.1.1 生成css漸變效果
11.1.2 使用javascript生成漸變效果
11.2 添加陰影效果
11.3 添加反射效果
11.4 使用遮罩效果
11.5 生成變形特效
11.6 生成動畫效果
第12章　與ios服務(wù)集成
12.1 通過web應(yīng)用打電話
12.2 發(fā)送電子郵件
12.3 發(fā)送短信
12.4 在地圖上指示位置
第13章　將應(yīng)用打包為書簽：小書簽和數(shù)據(jù)url
13.1 使用小書簽
13.1.1 將小書簽添加到ios的safari中
13.1.2 了解小書簽的使用方法
13.2 將應(yīng)用保存在數(shù)據(jù)url中
13.3 開發(fā)基于數(shù)據(jù)url的應(yīng)用
第ⅳ部分 高級編程技術(shù)
第14章　canvas編程
14.1 識別ios的用戶代理
14.2 ios的canvas編程
14.3 定義canvas元素
14.4 獲取context對象
14.5 繪制簡單矩形
14.6 繪制其他形狀
14.7 繪制圖像
14.7.1 繪制圖像的高級方法
14.7.2 繪制編碼后的圖像
14.8 添加顏色和透明度
14.9 使用圖像來生成圖案
第15章　脫機應(yīng)用
15.1 html5脫機應(yīng)用緩存
15.1.1 創(chuàng)建清單文件
15.1.2 引用清單文件
15.1.3 編程控制緩存
15.1.4 檢查連接狀態(tài)
15.2 使用鍵值對存儲
15.2.1 保存鍵值對
15.2.2 加載鍵值對數(shù)據(jù)
15.2.3 刪除鍵值對數(shù)據(jù)
15.3 通過javascript使用sql數(shù)據(jù)庫
15.3.1 打開數(shù)據(jù)庫
15.3.2 查詢表
第16章　使用web應(yīng)用框架進行開發(fā)
16.1 使用移動版jquery
16.2 使用iwebkit
第17章　帶寬和性能優(yōu)化
17.1 優(yōu)化方法
17.2 減少帶寬占用的最佳實踐
17.2.1 總體優(yōu)化
17.2.2 圖像優(yōu)化
17.2.3 css和javascript優(yōu)化
17.3 壓縮應(yīng)用
17.3.1 gzip文件壓縮
17.3.2 javascript代碼壓縮
17.4 javascript性能優(yōu)化
17.5 局部變量與全局變量
17.6 點記法和屬性查找
17.6 1 避免嵌套調(diào)用屬性
17.6.2 訪問已命名的對象
17.6.3 在循環(huán)內(nèi)部查找屬性
17.6.4 字符串的連接
17.7 注意事項
第18章　調(diào)試和部署
18.1 在開發(fā)機上模擬iphone或ipad
18.1.1 xcode中的ios模擬器
18.1.2 使用mac或windows上的safari
18.2 使用桌面版safari中的調(diào)試工具
18.2.1 使用develop菜單
18.2.2 使用safari的網(wǎng)頁檢查器
18.2.3 使用腳本檢查器
18.3 在ios設(shè)備上進行調(diào)試
18.3.1 調(diào)試控制臺
18.3.2 dom查看器
第ⅴ部分 后續(xù)步驟：用html和javascript開發(fā)原生ios應(yīng)用
第19章　為原生ios開發(fā)做準備
19.1 下載xcode
19.2 加入ios開發(fā)者計劃
19.3 獲得ios開發(fā)者證書
19.4 獲取開發(fā)者證書
19.5 添加用于測試的設(shè)備
19.6 創(chuàng)建app id
19.7 新建信息提供配置文件
19.8 安裝開發(fā)信息提供配置文件
第20章　phonegap：使用html、css和javascript開發(fā)原生應(yīng)用
20.1 安裝phonegap
20.2 在xcode中新建phonegap項目
20.3 運行基本項目
20.4 將web文件添加到xcode項目中
20.5 合并web應(yīng)用的代碼
20.6 調(diào)整xcode項目
20.6.1 允許外部引用
20.6.2 在safari中打開外部鏈接
20.6.3 為應(yīng)用添加圖標和初始圖像
20.7 運行已調(diào)整完畢的應(yīng)用
第21章　將應(yīng)用提交到app store
21.1 第1步：獲得一個分發(fā)證書
21.2 第2步：新建信息提供配置文件
21.3 第3步：為應(yīng)用生成一個分發(fā)版本
21.4 第4步：將應(yīng)用提交到app store
附錄a　練習(xí)答案
附錄b　ios設(shè)備分辨率參考表