HTML5移動應(yīng)用開發(fā)入門經(jīng)典

第1章 使用HTML5改進(jìn)移動Web應(yīng)用的開發(fā)
1.1 了解HTML5的由來
1.1.1 XML及XHTML
1.1.2 HTML5的誕生
1.2 了解HTML5的不同之處
1.3 定義Web應(yīng)用
1.4 使用開放Web標(biāo)準(zhǔn)
1.5 在iOS和Android設(shè)備中使用HTML5
1.6 編寫移動網(wǎng)站
1.6.1 移動設(shè)備的屏幕尺寸和分辨率
1.6.2 移動用戶需要的內(nèi)容
1.6.3 使用的HTML、CSS及JavaScript是否有效且簡潔
1.6.4 網(wǎng)站是否需要為移動用戶使用獨(dú)立域名
1.6.5 網(wǎng)站需要通過怎樣的測試
1.7 總結(jié)
1.8 問與答
1.9 測驗(yàn)
1.9.1 問題
1.9.2 練習(xí)

第2章 移動開發(fā)中新的HTML5標(biāo)簽和屬性
2.1 HTML5中的新標(biāo)簽
2.1.1 新布局標(biāo)簽
2.1.2 其他語義元素
2.1.3 新的多媒體標(biāo)簽
2.1.4 新的表單功能
2.1.5 更好的國際化支持
2.2 HTML5的新屬性
2.3 HTML 4標(biāo)簽和屬性的變化
2.4 HTML5中的HTML語法變化
2.5 HTML5標(biāo)簽及屬性對移動設(shè)備的支持
2.6 HTML5給移動Web開發(fā)帶來的好處
2.6.1 HTML5包含了性能優(yōu)良的API
2.6.2 HTML5
2.6.3 用戶更青睞Web應(yīng)用程序
2.7 總結(jié)
2.8 問與答
2.9 測驗(yàn)
2.9.1 問題
2.9.2 練習(xí)

第3章 用CSS3設(shè)計移動頁面樣式
3.1 CSS簡介
3.1.1 創(chuàng)建CSS樣式表
3.1.2 使用CSS更改字體
3.1.3 使用CSS設(shè)計布局
3.2 CSS3的新增功能
3.2.1 圓角
3.2.2 盒陰影及文字陰影
3.2.3 透明色
3.3 在移動設(shè)備上使用CSS3
3.4 總結(jié)
3.5 問與答
3.6 測驗(yàn)
3.6.1 問題
3.6.2 練習(xí)

第4章 移動設(shè)備檢測及對HTML5的支持
4.1 選擇HTML5元素
4.2 Android及iOS對HTML5的支持
4.3 檢測HTML5功能
4.3.1 利用全局元素檢測屬性
4.3.2 利用創(chuàng)建的元素檢測屬性
4.3.3 檢測方法能否返回正確的值
4.3.4 檢測元素是否保留值
4.3.5 處理IE 8、IE 7和IE 6
4.4 優(yōu)雅降級
4.5 使用CSS3媒體查詢檢測移動瀏覽器
4.5.1 檢測寬度與高度
4.5.2 檢測屏幕方向
4.5.3 檢測屏幕縱橫比
4.5.4 檢測顏色
4.5.5 檢測分辨率
4.5.6 檢測電視及網(wǎng)格設(shè)備
4.6 測試應(yīng)用程序
4.7 總結(jié)
4.8 問與答
4.9 測驗(yàn)
4.9.1 問題
4.9.2 練習(xí)

第5章 JavaScript和HTML5 Web應(yīng)用程序
5.1 JavaScript是什么
5.1.1 創(chuàng)建rollover
5.1.2 表單數(shù)據(jù)驗(yàn)證
5.1.3 打開新窗口
5.1.4 Cookies的設(shè)置及讀取
5.2 什么是jQuery
5.2.1 使用jQuery制作rollover
5.2.2 使用jQuery進(jìn)行表單數(shù)據(jù)驗(yàn)證
5.2.3 在Web應(yīng)用程序中使用jQuery
5.3 使用jQuery Mobile
5.4 總結(jié)
5.5 問與答
5.6 測驗(yàn)
5.6.1 問題
5.6.2 練習(xí)

第6章 創(chuàng)建移動Web應(yīng)用
6.1 建設(shè)一個在所有設(shè)備上都能運(yùn)行的網(wǎng)站
6.2 確定應(yīng)用程序類型
6.3 用HTML創(chuàng)建應(yīng)用程序
6.4 使用CSS改善HTML外觀
6.4.1 更改字體
6.4.2 加入顏色及背景圖像
6.4.3 設(shè)置布局樣式
6.5 加入移動meta標(biāo)簽以更有效地創(chuàng)建HTML5頁面
6.6 針對移動用戶來優(yōu)化網(wǎng)站
6.7 總結(jié)
6.8 問與答
6.9 測驗(yàn)
6.9.1 問題
6.9.2 練習(xí)

第7章 將站點(diǎn)升級至HTML5
7.1 確定何時從HTML4升級及升級的具體方式
7.1.1 現(xiàn)有標(biāo)準(zhǔn)的通行瀏覽器支持
7.1.2 逐漸升級至HTML5
7.1.3 來訪瀏覽器類型評估
7.1.4 移動互聯(lián)網(wǎng)瀏覽趨勢
7.2 當(dāng)前啟用的HTML5特性
7.3 支持HTML5的瀏覽器
7.4 將HTML5特性作為額外內(nèi)容添加至網(wǎng)站
7.5 將網(wǎng)站變?yōu)闅⑹旨壱苿討?yīng)用的HTML5特性
7.6 總結(jié)
7.7 問與答
7.8 測驗(yàn)
7.8.1 問題
7.8.2 練習(xí)

第8章 將Web應(yīng)用遷移至移動設(shè)備
8.1 選擇Web編輯器
8.2 應(yīng)用程序測試
8.3 內(nèi)容評估
8.4 為移動設(shè)備調(diào)整可視化的設(shè)計
8.4.1 使用設(shè)計元素創(chuàng)建優(yōu)秀的移動應(yīng)用程序
8.4.2 典型設(shè)計
8.5 HTML5及CSS3檢測
8.5.1 多設(shè)備支持
8.5.2 在其他設(shè)備上進(jìn)行成品應(yīng)用程序評估
8.5.3 桌面模擬器
8.5.4 在線模擬器
8.6 舊式瀏覽器中運(yùn)行應(yīng)用程序
8.7 總結(jié)
8.8 問與答
8.9 測驗(yàn)
8.9.1 問題
8.9.2 練習(xí)

第9章 使用HTML5分節(jié)元素和語義元素添加語含義
9.1 什么是分節(jié)元素
9.2 使用新的分節(jié)元素
9.2.1 使用分節(jié)元素生成大綱
9.2.2 元素
9.2.3 元素
9.2.4 元素
9.2.5 元素
9.2.6 分節(jié)根元素
9.2.7 Heading、Header以及Footer元素
9.3 HTML語義標(biāo)記
9.3.1 HTML4語義元素
9.3.2 更新HTML4元素的語義
9.3.3 HTML5的新語義元素
9.4 總結(jié)
9.5 問與答
9.6 測驗(yàn)
9.6.1 問題
9.6.2 練習(xí)

第10章 使用HTML5 canvas元素繪圖
10.1 使用canvas元素
10.2 在元素中繪制形狀
10.2.1 繪制矩形
10.2.2 繪制多邊形和線條
10.2.3 繪制圓形
10.3 在canvas上書寫文字
10.4 顯示圖像
10.4.1 縮放和裁切圖像
10.4.2 添加圖案
10.5 canvas與SVG或Flash的區(qū)別
10.6 總結(jié)
10.7 問與答
10.8 測驗(yàn)
10.8.1 問題
10.8.2 練習(xí)

第11章 HTML5字體與排版
11.1 定義排版元素
11.1.1 字體
11.1.2 間距
11.1.3 斷字符
11.1.4 未對齊
11.1.5 頁首孤行和頁尾孤行
11.2 使用適當(dāng)?shù)呐虐孀址麑?shí)體
11.2.1 引號
11.2.2 商業(yè)標(biāo)記
11.2.3 高級符號
11.3 了解開放字體格式
11.3.1 通過@font-face使用WOFF
11.3.2 為WOFF提供備選方案
11.4 總結(jié)
11.5 問與答
11.6 測驗(yàn)
11.6.1 問題
11.6.2 練習(xí)

第12章 HTML5的音頻和視頻
12.1 HTML5視頻、音頻與Flash的比較
12.2 選擇兼容性最好的視頻格式
12.2.1 MP4或H.264
12.2.2 ogg/Theora
12.2.3 WebM
12.3 選擇擁有最廣泛支持的音頻編解碼器
12.3.1 MP3
12.3.2 Vorbis
12.3.3 WAV
12.4 HTML5的新媒體元素
12.5 用于擴(kuò)展媒體的屬性
12.5.1 音頻及視頻屬性
12.5.2 視頻
12.5.3 源屬性
12.5.4 track屬性
12.6 為IE創(chuàng)建回退選項(xiàng)
12.7 使用API方法創(chuàng)建自定義播放控制器
12.8 總結(jié)
12.9 問與答
12.10 測驗(yàn)
12.10.1 問題
12.10.2 練習(xí)

第13章 HTML5表單
13.1 可用性更強(qiáng)的HTML5表單
13.1.1 占位符文本
13.1.2 自動聚焦
13.1.3 自動完成及數(shù)據(jù)列表
13.2 HTML5輸入類型
13.2.1 數(shù)字類型
13.2.2 日期和時間類型
13.2.3 Email、URL、顏色和搜索框類型
13.3 其他新表單元素
13.3.1 密鑰生成表單字段
13.3.2 表單輸出元素
13.3.3 命令菜單列表
13.4 表單驗(yàn)證
13.5 總結(jié)
13.6 問與答
13.7 測驗(yàn)
13.7.1 問題
13.7.2 練習(xí)

第14章 使用HTML5編輯內(nèi)容和用戶互動
14.1 新的contenteditable屬性
14.2 execCommand方法
14.3 在Web頁面中添加拼寫檢查
14.4 隱藏元素
14.5 HTML5附加的UI組件
14.6 UI以及編輯特性對瀏覽器的支持
14.7 總結(jié)
14.8 問與答
14.9 測驗(yàn)
14.9.1 問題
14.9.2 練習(xí)

第15章 微格式與微數(shù)據(jù)
15.1 使用微格式
15.1.1 微格式的好處
15.1.2 使用微格式的原則
15.1.3 正在使用的微格式
15.2 使用微數(shù)據(jù)
15.3 使用RDFa
15.4 選擇格式
15.5 移動設(shè)備與微格式
15.5.1 使用微格式或是微數(shù)據(jù)的理由
15.5.2 兩種非正式的微格式
15.6 總結(jié)
15.7 問與答
15.8 測驗(yàn)
15.8.1 問題
15.8.2 練習(xí)

第16章 使用HTML5的拖曳功能
16.1 拖曳應(yīng)用
16.2 拖曳事件
16.3 拖曳屬性
16.4 有用的CSS擴(kuò)展
16.5 創(chuàng)建拖曳接口
16.5.1 定義可拖曳對象
16.5.2 為可拖曳對象設(shè)置拖曳事件
16.5.3 定義放置區(qū)
16.5.4 設(shè)置拖曳區(qū)事件
16.5.5 在對象間傳遞信息
16.5.6 定義操作特效
16.6 在iOS上使用拖曳
16.6.1 讓iOS上的元素變得可拖曳
16.6.2 將iOS上的元素變?yōu)榉胖脜^(qū)
16.7 總結(jié)
16.8 問與答
16.9 測驗(yàn)
16.9.1 問題
16.9.2 練習(xí)

第17章 HTML5鏈接
17.1 HTML5的鏈接的改進(jìn)
17.1.1 超鏈接及外聯(lián)資源
17.1.2 的屬性變化
17.1.3 鏈接區(qū)塊級元素
17.1.4 占位符鏈接
17.1.5 HTML5的熱點(diǎn)圖
17.1.6 HTML5中新的全局屬性
17.2 鏈接類型和關(guān)系
17.3 使用新的鏈接類型
17.3.1 alternate鏈接類型
17.3.2 author鏈接類型
17.3.3 bookmark和external鏈接類型
17.3.4 help、license、tag和search鏈接類型
17.3.5 icon鏈接類型
17.3.6 nofollow和noreferrer類型
17.3.7 pingback類型
17.3.8 prefetch類型
17.3.9 previous和next鏈接類型
17.3.10 sidebar鏈接類型
17.3.11 stylesheet類型
17.4 總結(jié)
17.5 問與答
17.6 測驗(yàn)
17.6.1 問題
17.6.2 練習(xí)

第18章 Web應(yīng)用程序API和數(shù)據(jù)集
18.1 創(chuàng)建Web應(yīng)用程序
18.1.1 Web應(yīng)用程序API
18.1.2 腳本處理
18.1.3 iOS中的單擊事件
18.1.4 計時器
18.1.5 用戶提示
18.1.6 系統(tǒng)信息
18.2 數(shù)據(jù)集和data-*屬性
18.3 總結(jié)
18.4 問與答
18.5 測驗(yàn)
18.5.1 問題
18.5.2 練習(xí)

第19章 WebSocket、Web Workers和文件
19.1 WebSocket雙向通信
19.1.1 WebSocket的安全隱患
19.1.2 WebSocket的優(yōu)點(diǎn)
19.1.3 建立WebSocket
19.2 使用Web Workers在后臺運(yùn)行腳本
19.3 使用文件API操作客戶端文件
19.3.1 建立輸入字段
19.3.2 獲取文件信息
19.3.3 讀取文件信息
19.4 總結(jié)
19.5 問與答
19.6 測驗(yàn)
19.6.1 問題
19.6.2 練習(xí)

第20章 離線Web應(yīng)用程序
20.1 創(chuàng)建離線應(yīng)用程序以及讓普通應(yīng)用程序離線工作
20.2 緩存清單
20.2.1 使用緩存清單文件
20.2.2 編寫緩存清單
20.3 將DOM事件和屬性用于離線應(yīng)用程序
20.4 調(diào)試應(yīng)用程序緩存
20.5 總結(jié)
20.6 問與答
20.7 測驗(yàn)
20.7.1 問題
20.7.2 練習(xí)

第21章 HTML5的Web存儲
21.1 什么是Web存儲
21.1.1 Web存儲與Cookie的不同之處
21.1.2 會話存儲和本地存儲
21.1.3 使用Web存儲
21.2 Web SQL與Indexed DB
21.2.1 Web SQL數(shù)據(jù)庫
21.2.2 Indexed Database API
21.3 總結(jié)
21.4 問與答
21.5 測驗(yàn)
21.5.1 問題
21.5.2 練習(xí)

第22章 利用History API控制瀏覽器歷史記錄
22.1 控制瀏覽器歷史的原因
22.2 History API的方法
22.3 使用History API
22.3.1 使用History API保存當(dāng)前位置
22.3.2 使用History API改變URL
22.4 使用History API的風(fēng)險和麻煩
22.4.1 History API只能在同一個域名下工作
22.4.2 利用History API釣魚
22.4.3 煩人的動畫URL
22.5 總結(jié)
22.6 問與答
22.7 測驗(yàn)
22.7.1 問題
22.7.2 練習(xí)

第23章 使用Geolocation添加地理位置檢測
23.1 Geolocation是什么
23.1.1 使用地理定位
23.1.2 使用Geolocation API
23.1.3 使用其他定位數(shù)據(jù)選項(xiàng)
23.1.4 舊式瀏覽器的回退選項(xiàng)
23.2 隱私與地理位置
23.3 創(chuàng)建一個移動地理定位的應(yīng)用
23.4 總結(jié)
23.5 問與答
23.6 測驗(yàn)
23.6.1 問題
23.6.2 練習(xí)

第24章 將HTML5應(yīng)用程序轉(zhuǎn)換為原生應(yīng)用程序
24.1 HTML5應(yīng)用程序與原生應(yīng)用程序的區(qū)別
24.1.1 原生應(yīng)用程序的優(yōu)點(diǎn)
24.1.2 HTML5應(yīng)用程序的優(yōu)點(diǎn)
24.2 轉(zhuǎn)換到原生應(yīng)用程序
24.2.1 如何著手開始轉(zhuǎn)換
24.2.2 使用PhoneGap轉(zhuǎn)換原生app
24.3 創(chuàng)建應(yīng)用程序圖標(biāo)
24.4 測試應(yīng)用程序
24.5 在app商店出售應(yīng)用程序
24.6 原生應(yīng)用程序并非唯一選擇
24.7 總結(jié)
24.8 問與答
24.9 測驗(yàn)
24.9.1 問題
24.9.2 練習(xí)

附錄A 測驗(yàn)答案
附錄B HTML5元素和屬性
附錄C HTML5及移動應(yīng)用資源