基於新信息技術的HTML5和CSS3網頁設計進階教程（簡體書）

本書作為《基於新信息技術的HTML5和CSS3網頁設計基礎教程》的進階卷，主要講述HTML5和CSS3最新增加的高級功能的原理和應用技巧。
本書共分10章，內容包括HTML5的重要使命、HTML5的多媒體、HTML5的拖放、HTML5的繪圖、HTML5的本地存儲、Web Workers多線程、HTML5的離線緩存、CSS3邊框變換、CSS3的變形處理、CSS3的動畫處理等。
本書適用於進行Web前端程序開發的深入學習者，學習本書需要具備HTML、CSS、JavaScript基礎知識。
本書可作為高等學校和高職高專院校Web前端開發專業的教學參考書，也可供其他相關專業學生和技術人員參考。

第1章 HTML5的重要使命 1
1.1 Web時代的變遷 1
1.1.1 Web1.0 1
1.1.2 Web2.0 2
1.1.3 Web3.0 3
1.2 HTML5的目標 3
1.2.1 HTML的發展歷程 4
1.2.2 HTML5要解決的問題 5
1.3 HTML5的新功能 5
1.3.1 無插件範式 6
1.3.2 新的DOCTYPE和字符集 6
1.3.3 新的HTML元素 7
1.3.4 新的輸入類型和屬性 7
1.3.5 簡化頁面元素查找方式 9
第2章 HTML5的多媒體 12
2.1 容器格式和編/解碼格式 12
2.1.1 視頻、音頻的容器 12
2.1.2 視頻、音頻的編/解碼器 13
2.2 瀏覽器支持特性檢測 14
2.3 視頻、音頻的腳本控制 16
2.4 HTML5中的音頻 17
2.4.1 audio元素的基本操作 17
2.4.2 使用source元素 21
2.4.3 瀏覽器支持音頻格式檢測 21
2.5 HTML5中的視頻 23
2.5.1 video元素的基本操作 23
2.5.2 使用source元素 25
2.5.3 瀏覽器支持視頻格式檢測 26
第3章 HTML5的拖放 28
3.1 瀏覽器支持檢測 28
3.2 實現簡單拖放 28
3.3 拖放相關的屬性和事件 32
3.4 dataTransfer對象 33
3.5 拖放圖片到瀏覽器 34
第4章 HTML5的繪圖 39
4.1 canvas API簡介 39
4.2 瀏覽器支持檢測 39
4.3 什麼是canvas 40
4.4 canvas中的坐標 41
4.5 在canvas上繪圖 42
4.5.1 繪製直線 43
4.5.2 繪製方框 45
4.5.3 繪製圓或弧 47
4.5.4 開始和關閉路徑 49
4.5.5 繪製文字 52
4.5.6 繪製圖像 55
第5章 HTML5的本地存儲 58
5.1 Web Storage 58
5.1.1 瀏覽器支持檢測 58
5.1.2 Web Storage API 59
5.1.3 永久本地存儲對象localStorage 60
5.1.4 會話存儲對象sessionStorage 66
5.2 Web SQL Database 66
5.3 IndexedDB 70
5.3.1 IndexedDB的特點 70
5.3.2 兼容檢測 71
5.3.3 IndexedDB API 71
5.3.4 IndexedDB數據庫基本操作流程 72
5.3.5 綜合實例 77
第6章 Web Workers多線程 83
6.1 Web Workers簡介 84
6.2 瀏覽器支持檢測 84
6.3 Web Workers分類 84
6.4 Web Workers API 85
6.5 Web Workers基本用法 86
6.5.1 主線程 86
6.5.2 Worker線程 88
6.5.3 數據通信 88
6.6 Web Workers完整實例 89
第7章 HTML5的離線緩存 92
7.1 APPCache 92
7.1.1 瀏覽器支持情況 93
7.1.2 使用APPCache實現頁面緩存 93
7.1.3 APPCache API 95
7.1.4 其他注意事項 96
7.2 Service Workers 96
7.2.1 瀏覽器支持檢測 97
7.2.2 Service Workers生命週期 97
7.2.3 Service Workers基本用法 98
第8章 CSS3邊框變換 102
8.1 瀏覽器支持情況 102
8.2 圓角邊框 102
8.3 盒子陰影 105
8.4 圖片邊框 108
8.4.1 border-image-source 108
8.4.2 border-image-slice 109
8.4.3 border-image-repeat 109
8.4.4 border-image-width 110
8.4.5 border-image-outset 110
8.4.6 實例 110
第9章 CSS3的變形處理 112
9.1 Transform 2D轉換 112
9.1.1 移動translate() 112
9.1.2 縮放scale() 114
9.1.3 轉動rotate() 115
9.1.4 傾斜skew() 116
9.1.5 Transform 2D綜合應用 117
9.2 Transform 3D轉換 119
9.2.1 3D坐標系和透視效果 119
9.2.2 3D移動translate3d() 121
9.2.3 3D轉動rotate3d() 121
9.2.4 3D縮放scale3d() 122
9.2.5 整體3D轉換 123
9.3 變形後的坐標軸 126
第10章 CSS3的動畫處理 130
10.1 關鍵幀@keyframes 130
10.2 過渡Transition 132
10.2.1 transition-property 132
10.2.2 transition-duration 133
10.2.3 transition-timing-function 133
10.2.4 transition-delay 133
10.3 動畫Animation 134
10.3.1 animation-name 135
10.3.2 animation-duration 135
10.3.3 animation-timing-function 135
10.3.4 animation-delay 136
10.3.5 animation-iteration-count 136
10.3.6 animation-direction 136
10.3.7 animation-play-state 136
10.3.8 animation-fill-mode 136
10.4 動畫在頁面中的實際應用 137
附錄 141
一、HTML 視頻API 141
二、HTML拖放API 156
三、HTML Canvas API 162
四、HTML IndexedDB API 179
五、HTML Web Worker API 194
參考文獻 200