《HTML5多媒體開發指南》是2013年清華大學出版社出版的圖書，作者是(美)布拉特曼(Bluttman, K. ) / (美)科特雷爾(Cottrell, L. ) 著。
基本介紹
- 譯者：施宏斌
- ISBN：9787302311041
- 頁數：327
- 定價：58.00元
- 出版社：清華大學出版社
- 出版時間：2013-2
- 裝幀：平裝
內容介紹,作者介紹,作品目錄,
內容介紹
使用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.1 HTML5——更優雅
的HTML 4
1.2 HTML5與CSS 8
1.3 HTML5的新標記 10
1.4 HTML5與HTML4的比較 10
1.5 HTML5中最新的多媒體處理
方式 15
1.6 小結 17
第2章 HTML5 Web開發中的
JavaScript和CSS 19
2.1 JavaScript是Web開發不可
或缺的一部分 20
2.2 將腳本代碼放在頁面底部 22
2.3 循環和條件判斷 24
2.4 JavaScript外部檔案 26
2.5 CSS概述 27
2.6 ID選擇器：選擇頁面的
特定部分 31
2.7 如何將CSS套用於新的
HTML5多媒體標記 34
2.8 小結 37
第II部分 圖形和多媒體
第3章 canvas的創意 41
3.1 canvas簡介 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.3 video元素的更多屬性 111
5.3.4 視頻與事件 112
5.4 小結 114
第III部分 高級HTML5特性
第6章 HTML5中的audio 117
6.1 Audio元素簡介 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.1 div元素的問題 194
10.2 HTML5布局標記 195
10.2.1 布局標記概述 195
10.2.2 使用新的布局標記 197
10.3 小結 211
第11章 HTML5新的表單元素
和用途 213
11.1 HTML5的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.1 CSS3模組 238
12.2 Web字型 238
12.2.1 CSS3的字型規則 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.3 CSS動畫的附加說明 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.1 JavaScript 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.1 HTML5模板 317
A.2 HTML全局屬性 318
A.3 HTML特定標記
的屬性 320
A.4 HTML5標記 323
第I部分 概述
第1章 HTML5新特性 3
1.1 HTML5——更優雅
的HTML 4
1.2 HTML5與CSS 8
1.3 HTML5的新標記 10
1.4 HTML5與HTML4的比較 10
1.5 HTML5中最新的多媒體處理
方式 15
1.6 小結 17
第2章 HTML5 Web開發中的
JavaScript和CSS 19
2.1 JavaScript是Web開發不可
或缺的一部分 20
2.2 將腳本代碼放在頁面底部 22
2.3 循環和條件判斷 24
2.4 JavaScript外部檔案 26
2.5 CSS概述 27
2.6 ID選擇器：選擇頁面的
特定部分 31
2.7 如何將CSS套用於新的
HTML5多媒體標記 34
2.8 小結 37
第II部分 圖形和多媒體
第3章 canvas的創意 41
3.1 canvas簡介 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.3 video元素的更多屬性 111
5.3.4 視頻與事件 112
5.4 小結 114
第III部分 高級HTML5特性
第6章 HTML5中的audio 117
6.1 Audio元素簡介 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.1 div元素的問題 194
10.2 HTML5布局標記 195
10.2.1 布局標記概述 195
10.2.2 使用新的布局標記 197
10.3 小結 211
第11章 HTML5新的表單元素
和用途 213
11.1 HTML5的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.1 CSS3模組 238
12.2 Web字型 238
12.2.1 CSS3的字型規則 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.3 CSS動畫的附加說明 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.1 JavaScript 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.1 HTML5模板 317
A.2 HTML全局屬性 318
A.3 HTML特定標記
的屬性 320
A.4 HTML5標記 323
