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

第ⅰ部分 入門
第1章 使用web技術(shù)開發(fā)ios應(yīng)用簡(jiǎn)介
1.1 了解ios平臺(tái)上的safari瀏覽器
1.2 開發(fā)者可以利用的主要safari特性
1.3 為ios開發(fā)web應(yīng)用的四種方式
1.4 勿將手指當(dāng)鼠標(biāo)
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 運(yùn)算符
2.2.4 保留字
2.2.5 基本條件表達(dá)式
2.2.6 循環(huán)
2.2.7 注釋
2.2.8 函數(shù)
2.2.9 數(shù)據(jù)類型
第3章　文檔對(duì)象模型
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é)點(diǎn)
3.4.2 將節(jié)點(diǎn)添加到dom中
3.4.3 新建其他元素
3.4.4 設(shè)置特性的值
3.4.5 移動(dòng)節(jié)點(diǎn)
3.4.6 復(fù)制節(jié)點(diǎn)
3.4.7 從dom中移除節(jié)點(diǎn)
3.4.8 移除特性
第4章　編寫第一個(gè)hello world應(yīng)用
4.1 設(shè)置
4.2 創(chuàng)建主頁文件
4.3 創(chuàng)建主屏幕
4.4 添加詳細(xì)信息頁面
第5章　為iphone和ipad啟用并優(yōu)化網(wǎng)站
5.1 第1級(jí)：兼容ios
5.2 第2級(jí)：導(dǎo)航方式較為友好
5.2.1 了解視口
5.2.2 為頁面分塊
5.2.3 定義多欄結(jié)構(gòu)
5.3 第3級(jí)：自定義樣式
5.3.1 媒體查詢
5.3.2 調(diào)整文字的大小
5.3.3 案例研究：?jiǎn)⒂靡粋€(gè)現(xiàn)有網(wǎng)站
5.4 第4級(jí)：專用網(wǎng)站
第ⅱ部分 應(yīng)用的設(shè)計(jì)
第6章　為iphone設(shè)計(jì)ui
6.1 ui設(shè)計(jì)的發(fā)展歷程
6.2 iphone的視口
6.3 了解ios的設(shè)計(jì)模式
6.3.1 為應(yīng)用分類
6.3.2 在列表式ui設(shè)計(jì)中進(jìn)行導(dǎo)航
6.3.3 應(yīng)用的模式
6.4 了解屏幕布局
6.4.1 標(biāo)題欄
6.4.2 全屏化的導(dǎo)航列表
6.4.3 目標(biāo)頁面的圓角矩形設(shè)計(jì)
6.5 為觸摸操作設(shè)計(jì)ui
6.6 字體的使用
6.7 ios ui設(shè)計(jì)的最佳實(shí)踐
6.8 畫龍點(diǎn)睛的工作
第7章　為ipad設(shè)計(jì)ui
7.1 針對(duì)ipad的注意事項(xiàng)
7.1.1 設(shè)計(jì)基礎(chǔ)
7.1.2 處理內(nèi)容滾動(dòng)
7.1.3 分割視圖設(shè)計(jì)模式
7.2 針對(duì)ipad設(shè)計(jì)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生成細(xì)部陰影
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 使用頂級(jí)元素的樣式
9.1.2 添加頂部工具欄
9.1.3 添加頂級(jí)導(dǎo)航菜單
9.2 使用內(nèi)部url來顯示窗格
9.3 創(chuàng)建二級(jí)導(dǎo)航列表
9.4 設(shè)計(jì)較長(zhǎng)的導(dǎo)航列表
9.5 創(chuàng)建目標(biāo)頁面
9.6 添加對(duì)話框
9.7 對(duì)ui行為進(jìn)行腳本編程
9.7.1 處理文檔加載過程
9.7.2 加載標(biāo)準(zhǔn)iui頁面
9.7.3 處理鏈接點(diǎn)擊操作
9.7.4 加載對(duì)話框
第10章　處理觸摸交互和事件
10.1 觸摸事件的三種類型
10.2 鼠標(biāo)模擬事件
10.2.1 許多事件會(huì)被自動(dòng)處理
10.2.2 條件事件
10.2.3 鼠標(biāo)事件：只考慮“點(diǎn)擊”，不考慮“移動(dòng)”
10.2.4 可點(diǎn)擊的元素
10.2.5 事件流
10.2.6 不支持的事件
10.3 觸摸事件
10.4 手勢(shì)事件
10.5 檢測(cè)方向變化
10.6 根據(jù)方向變化移動(dòng)元素的位置
10.7 捕獲屏幕鍵盤的按鍵事件
第11章　特效和動(dòng)畫
11.1 漸變效果
11.1.1 生成css漸變效果
11.1.2 使用javascript生成漸變效果
11.2 添加陰影效果
11.3 添加反射效果
11.4 使用遮罩效果
11.5 生成變形特效
11.6 生成動(dòng)畫效果
第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)用
第ⅳ部分 高級(jí)編程技術(shù)
第14章　canvas編程
14.1 識(shí)別ios的用戶代理
14.2 ios的canvas編程
14.3 定義canvas元素
14.4 獲取context對(duì)象
14.5 繪制簡(jiǎn)單矩形
14.6 繪制其他形狀
14.7 繪制圖像
14.7.1 繪制圖像的高級(jí)方法
14.7.2 繪制編碼后的圖像
14.8 添加顏色和透明度
14.9 使用圖像來生成圖案
第15章　脫機(jī)應(yīng)用
15.1 html5脫機(jī)應(yīng)用緩存
15.1.1 創(chuàng)建清單文件
15.1.2 引用清單文件
15.1.3 編程控制緩存
15.1.4 檢查連接狀態(tài)
15.2 使用鍵值對(duì)存儲(chǔ)
15.2.1 保存鍵值對(duì)
15.2.2 加載鍵值對(duì)數(shù)據(jù)
15.2.3 刪除鍵值對(duì)數(shù)據(jù)
15.3 通過javascript使用sql數(shù)據(jù)庫(kù)
15.3.1 打開數(shù)據(jù)庫(kù)
15.3.2 查詢表
第16章　使用web應(yīng)用框架進(jìn)行開發(fā)
16.1 使用移動(dòng)版jquery
16.2 使用iwebkit
第17章　帶寬和性能優(yōu)化
17.1 優(yōu)化方法
17.2 減少帶寬占用的最佳實(shí)踐
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 點(diǎn)記法和屬性查找
17.6 1 避免嵌套調(diào)用屬性
17.6.2 訪問已命名的對(duì)象
17.6.3 在循環(huán)內(nèi)部查找屬性
17.6.4 字符串的連接
17.7 注意事項(xiàng)
第18章　調(diào)試和部署
18.1 在開發(fā)機(jī)上模擬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è)備上進(jìn)行調(diào)試
18.3.1 調(diào)試控制臺(tái)
18.3.2 dom查看器
第ⅴ部分 后續(xù)步驟：用html和javascript開發(fā)原生ios應(yīng)用
第19章　為原生ios開發(fā)做準(zhǔn)備
19.1 下載xcode
19.2 加入ios開發(fā)者計(jì)劃
19.3 獲得ios開發(fā)者證書
19.4 獲取開發(fā)者證書
19.5 添加用于測(cè)試的設(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項(xiàng)目
20.3 運(yùn)行基本項(xiàng)目
20.4 將web文件添加到xcode項(xiàng)目中
20.5 合并web應(yīng)用的代碼
20.6 調(diào)整xcode項(xiàng)目
20.6.1 允許外部引用
20.6.2 在safari中打開外部鏈接
20.6.3 為應(yīng)用添加圖標(biāo)和初始圖像
20.7 運(yùn)行已調(diào)整完畢的應(yīng)用
第21章　將應(yīng)用提交到app store
21.1 第1步：獲得一個(gè)分發(fā)證書
21.2 第2步：新建信息提供配置文件
21.3 第3步：為應(yīng)用生成一個(gè)分發(fā)版本
21.4 第4步：將應(yīng)用提交到app store
附錄a　練習(xí)答案
附錄b　ios設(shè)備分辨率參考表