內容介紹
使用HTML5開發跨平台多媒體套用現在開發人員可以在瀏覽器中創建出具有豐富互動功能的內容,並實現跨平台部署。 HTML5多媒體開發指南 一書對此進行了詳細介紹。本書將介紹如何使用HTML5革命性的新特性,包括原生的<audio>、<video>和<canvas>元素,使用這些新元素可以取代第三方外掛程式。本書還介紹了一些HTML5新標記,比如簡化的doctype標記,另外,還介紹了本地存儲、拖放和geolocation功能。本書通過詳細的代碼示例舉例說明了所討論的技術。通過本書的學習,讀者可以使用HTML5開發出炫目的多媒體套用和網站。
● 使用canvas實現繪圖、動畫、特效和事件
● 使用原生的<video>元素創建和觀看視頻
● 使用原生的<audio>元素添加並播放音頻
● 充分利用本地數據存儲功能的長處
● 使用geolocation屬性創建地理位置感知的Web頁面
● 使用新的語義布局標記開發結構優良的頁面
● 使用新的表單對象為Web表單添加功能
● 學習新的CSS 3屬性和增強功能
● 使用可編輯內容和離線檔案功能
● 使用JavaScript和其他Web技術
作者介紹
Ken Bluttman:Ken Bluttman已經編寫了十多本計算機圖書,其中包括多本介紹Web開發技術的書籍。Ken具有《財富》500強企業的商業工作經歷。Ken從實用的角度進行開發,實際的需求比幻想更加重要,即採用“需求-表單-功能”的方式進行開發。Ken開發過複雜的企業intranet套用,指導並領導過開發團隊。近年來,Ken獨立工作,創建網站並編寫圖書。Ken常常為分析、交通生產和搜尋引擎最佳化(search engine optimization,SEO)等領域的商業團體擔任顧問。閒暇之時,Ken喜歡擺弄各式各樣的樂器、登山、外出攝影或者照顧家庭和他的各種小動物。Lee Cottrell:Lee Cottrell是匹茲堡Bradford學校的電腦程式設計和網路課程的Program Manager。Lee於2001年獲得了匹茲堡大學信息科學的碩士學位。從1993年開始,Lee就使用HTML為非營利組織和社區創建了一些Web頁面。隨著HTML的升級,Lee緊跟最新技術,使用了HTML5和CSS3的早期版本進行開發。
作品目錄
目 錄第I部分概述
第1章HTML5新特性 3
1.1HTML5——更優雅
的HTML 4
1.2HTML5與CSS 8
1.3HTML5的新標記 10
1.4HTML5與HTML4的比較 10
1.5HTML5中最新的多媒體處理
方式 15
1.6小結 17
第2章HTML5 Web開發中的
JavaScript和CSS 19
2.1JavaScript是Web開發不可
或缺的一部分 20
2.2將腳本代碼放在頁面底部 22
2.3循環和條件判斷 24
2.4JavaScript外部檔案 26
2.5CSS概述 27
2.6ID選擇器:選擇頁面的
特定部分 31
2.7如何將CSS套用於新的
HTML5多媒體標記 34
2.8小結 37
第II部分圖形和多媒體
第3章canvas的創意 41
3.1canvas簡介 42
3.2在Canvas上繪圖 44
3.3漸變 48
3.3.1線性漸變 50
3.3.2徑向漸變 52
3.4理解路徑 54
3.5繪製圓和圓弧 54
3.6繪製線段 64
3.7使用多個canvas 69
3.8在canvas上放置文本 73
3.8.1垂直文本 75
3.8.2陰影文本 77
3.9小結 80
第4章canvas的動畫和事件 81
4.1用圓形填充canvas的動畫 82
4.2移動的漸變效果 84
4.3使用事件 86
4.3.1蒙德里安風格的藝術 86
4.3.2繪圖板 91
4.4小結 98
第5章在HTML5中使用視頻 99
5.1關於格式編碼器和一些
易混淆的問題 100
5.2轉換檔案格式 101
5.3觀看視頻 106
5.3.1回退 108
5.3.2控制視頻 109
5.3.3video元素的更多屬性 111
5.3.4視頻與事件 112
5.4小結 114
第III部分高級HTML5特性
第6章HTML5中的audio 117
6.1Audio元素簡介 118
6.2隱藏audio播放器 121
6.3事件和audio元素 123
6.3.1使用audio元素的事件 123
6.3.2使用audio元素的其他
事件 126
6.4小結 128
第7章使用本地存儲持久化存儲
數據 129
7.1本地存儲的定義 130
7.2本地存儲基礎 130
7.3使用本地存儲控制圖片 135
7.4小結 140
第8章拖放功能:在螢幕上移動
元素 143
8.1拖放方塊 144
8.2為拖放事件添加行為 149
8.3輕鬆線上購物 153
8.4井字遊戲(Tic-Tac-Toe) 161
8.5小結 169
第9章地理定位 171
9.1地理定位方法 172
9.2關注隱私問題 173
9.3找到你的位置 174
9.3.1處理拒絕和錯誤 178
9.3.2檢測瀏覽器對geolocation
的支持 180
9.4在地圖上顯示你的位置 183
9.4.1使用地圖 187
9.4.2持續地跟蹤位置的移動 188
9.5小結 191
第10章HTML5文檔結構 193
10.1div元素的問題 194
10.2HTML5布局標記 195
10.2.1布局標記概述 195
10.2.2使用新的布局標記 197
10.3小結 211
第11章HTML5新的表單元素
和用途 213
11.1HTML5的input類型 214
11.2創建表單 216
11.2.1添加一個顏色拾取器 217
11.2.2添加日期和時間控制項 218
11.2.3使用e-mail和URL
欄位 221
11.2.4添加Number控制項和Range
控制項 221
11.2.5使用search類型 224
11.2.6添加電話號碼輸入框 225
11.3創建安全表單 225
11.3.1表單的布局 226
11.3.2執行驗證 228
11.3.3提交數據 232
11.4小結 235
第12章CSS3:新樣式表技術 237
12.1CSS3模組 238
12.2Web字型 238
12.2.1CSS3的字型規則 239
12.2.2字型格式 240
12.2.3在網站中使用字型 240
12.3背景 243
12.3.1多個背景圖片 243
12.3.2設定背景位置 243
12.4框線 245
12.4.1圓角框線和陰影框線 246
12.4.2圖形框線 247
12.5變形 250
12.6過渡(Transition) 253
12.7動畫 257
12.7.1創建動畫 258
12.7.2多個動畫 261
12.7.3CSS動畫的附加說明 263
12.8小結 263
第13章可編輯區域和離線站點 265
13.1可編輯內容 266
13.1.1創建一個可編輯區域 266
13.1.2可編輯內容的一個
小遊戲 268
13.2離線站點 271
13.2.1快取清單檔案 272
13.2.2檢測離線狀態的代碼 276
13.2.3快取多個頁面 277
13.3小結 278
第14章高級主題 279
14.1JavaScript 280
14.1.1循環 280
14.1.2條件分支 285
14.1.3函式 289
14.2用數學方法創建視覺
效果 290
14.3視差處理 306
14.4小結 315
附錄A快速參考 317
A.1HTML5模板 317
A.2HTML全局屬性 318
A.3HTML特定標記
的屬性 320
A.4HTML5標記 323