本書會介紹HTML5的新特性、新標準，訓練HTML5的網頁制作能力。通過CSS3制作各種網頁特效和動畫效果，增強用戶體驗，制作更加精致的網頁內容。并且還會學習canvas繪圖技能，canvas的出現顛覆了之前編寫HTML時只能添加圖片的概念，使用canvas實現很多更加酷炫的效果。此外本課程還提供很多企業中實用的經驗分享，能夠讓大家學會知識點的同時也能掌握更多企業需求，提升自己的項目經驗。
1、選取知識點核心實用，以互聯網 實現終身學習
2、以企業需求為設計導向，以任務驅動為講解方式
3、以案例為主線組織知識點，以實戰項目來提升技術
4、充分考慮學習者的認知曲線，由淺入深，邊講邊練
課工場是專注互聯網教育的生態平臺，匯聚了中國和北美數百位來自知名互聯網企業的行業大咖，向尋求就業和技術提升的人群提供直播、錄播、面授等多模式教學場景，并通過遍布全國的線下服務中心提供成熟的學習服務，形成完善的互聯網 教育解決方案。同時，課工場也為高校、企業、行業提供教育技術賦能，依托Transformer智能教育生態平臺，打造智慧校園、企業大學、行業培訓的教育場景，提供一站式教育解決方案
第1章 初識HTML5 1
任務1 了解HTML5的優勢 3
任務2 HTML5新增元素及屬性 4
1.2.1 HTML5新增結構元素 4
1.2.2 HTML5新增網頁元素 9
1.2.3 HTML5新增全局屬性 12
1.2.4 上機訓練 13
任務3 CSS3高級選擇器 14
1.3.1 結構偽類選擇器 14
1.3.2 上機訓練 18
本章作業 19
第2章 HTML5表單 21
任務1 了解HTML5表單在網頁中的應用 22
任務2 HTML5新增的input類型 24
2.2.1 email類型 24
2.2.2 url類型 26
2.2.3 number類型 26
2.2.4 range類型 28
2.2.5 search類型 28
2.2.6 Date pickers類型 29
2.2.7 上機訓練 32
任務3 HTML5新增的input屬性 34
2.3.1 autofocus 34
2.3.2 required 35
2.3.3 placeholder 35
2.3.4 pattern 37
2.3.5 height/width 38
2.3.6 上機訓練 38
本章作業 38
第3章 CSS3應用 41
任務1 會使用CSS3邊框效果 43
3.1.1 CSS3圓角 43
3.1.2 CSS3邊界圖片 47
3.1.3 CSS3盒子陰影 49
3.1.4 上機訓練 52
任務2 CSS3文本效果的應用 53
3.2.1 CSS3文本陰影 53
3.2.2 word-wrap屬性 55
任務3 CSS3背景與漸變效果的應用 57
3.3.1 CSS3背景 57
3.3.2 CSS3漸變 61
3.3.3 上機訓練 63
任務4 會使用CSS3字體美化網頁 64
本章作業 66
第4章 CSS3高級應用 69
任務1 CSS3 2D變形的應用 70
4.1.1 2D變形簡介 70
4.1.2 瀏覽器兼容性 71
4.1.3 2D變形 71
4.1.4 上機訓練 79
任務2 CSS3 3D變形的應用 82
4.2.1 3D變形屬性 82
4.2.2 3D變形方法 83
4.2.3 上機訓練 88
本章作業 88
第5章 使用CSS3制作動畫 91
任務1 利用CSS3過渡實現動畫效果 93
5.1.1 過渡簡介 93
5.1.2 瀏覽器兼容性 93
5.1.3 過渡屬性的使用 93
5.1.4 完善旋轉按鈕案例 97
5.1.5 上機訓練 98
任務2 CSS3動畫的使用 99
5.2.1 CSS3動畫簡介 99
5.2.2 瀏覽器兼容性 100
5.2.3 CSS3動畫使用過程 100
5.2.4 上機訓練 104
本章作業 106
第6章 HTML5媒體元素 109
任務1 視頻元素及音頻元素在網頁中的使用 111
6.1.1 如何在網頁中播放視頻及音頻 111
6.1.2 視頻元素 112
6.1.3 音頻元素 116
6.1.4 上機訓練 118
任務2 自定義視頻播放器 119
6.2.1 自定義視頻播放器需要的屬性和方法 119
6.2.2 自定義視頻播放器制作步驟 119
6.2.3 上機訓練 125
本章作業 125
第7章 Canvas基礎 127
任務1 Canvas概述及應用 129
7.1.1 Canvas概述 129
7.1.2 創建Canvas步驟 130
任務2 使用Canvas繪制基本圖形 132
7.2.1 繪制直線 132
7.2.2 繪制三角形 134
7.2.3 繪制矩形 138
7.2.4 繪制圓形 140
7.2.5 清空畫布 143
7.2.6 上機訓練 144
任務3 使用Canvas繪制貝塞爾曲線 145
7.3.1 繪制二次方貝塞爾曲線 145
7.3.2 繪制三次方貝塞爾曲線 146
7.3.3 上機訓練 148
本章作業 148
第8章 Canvas高級應用 151
任務1 Canvas高級功能的使用 152
8.1.1 Canvas漸變 152
8.1.2 圖形組合 157
8.1.3 Canvas繪制圖像 159
8.1.4 裁剪圖像 163
8.1.5 Canvas繪制文本 164
任務2 使用Canvas繪制風景時鐘 165
本章作業 170
新書資訊