隨著各類網絡技術的飛速發展，各種前端開發技
術更是百花齊放、百家爭鳴，如何設計開發出更加優
秀的網頁、如何更能提高用戶的體驗已經成為前端開
發工程師的追求目標。HTML5+CSS3技術就是為了滿足
這樣的目標而誕生的。
本套前端開發教材最大的特點就是以流行網站元
素為項目實戰。肖睿、於繼武主編的《HTML5應用開
發與實戰》使用HTML5和CSS3進行網站設計開發，增
加了遊戲元素項目案例，並配以完善的學習資源和支
持服務，包括視頻教程、案例素材下載、學習交流社
區、討論組等終身學習內容，為學習者帶來全方位的
學習體驗，更多技術支持請訪問課工場www.kgc.cn。

前言
課程設計說明
關於引用作品版權說明
第1章 HTML5結構
1什麼是HTML5
2HTML5新增元素
2.1 HTML5結構元素
2.2 HTML5網頁元素
2.3 HTML5廢除的元素
2.4 HTML5全局屬性
2.5 HTML5廢除的屬性
3CSS3**選擇器
本章總結
本章作業
第2章 HTML5表單
1HTML5表單在網頁中的應用
2HTML5新增的input類型
2.1 新增的input類型
2.1.1 email類型的應用
2.1.2 url類型的應用
2.1.3 number類型的應用
2.1.4 range類型的應用
2.1.5 Datepickers類型的應用
2.2 瀏覽器對HTML5的支持
3HTML5新增的input屬性
4自定義錯誤提示信息
4.1 validity屬性
4.2 使用CSS設置驗證樣式
本章總結
本章作業
第3章 CSS3基礎
1CSS3邊框效果
1.1 border-radius
1.2 border-image
1.3 box-shadow
2CSS3文本效果
2.1 text-shadow
2.2 word-wrap
3CSS3背景
4CSS3字體
5設置CSS3透明度
本章總結
本章作業
第4章 CSS3****
l2D轉換
1.Itranslate()方法
1.2 rotate()方法
1.3 scale()方法
1.4 skew()方法
23D轉換
2.1 3D轉換的介紹
2.2 3D轉換方法
2.2.1 3D位移
2.2.2 3D旋轉
2.2.3 3D縮放
本章總結
本章作業
第5章 CSS3動畫
1transition屬性
2animation屬性
2.1 創建動畫
2.2 使用動畫
2.3 動畫實戰演練
本章總結
本章作業
第6章 多媒體播放
l在網頁中播放視頻或音頻
1.1 在網頁中播放視頻或音頻
1.2 用canPlayType方法檢測音頻格式
支持情況
2打造個性的視頻播放器
本章總結
本章作業
第7章 使用canvas繪制圖形
lcanvas基礎
1.1 在頁面上添加canvas元素
1.2 使用canvas繪制簡單的圖形
1.2.1 繪制直線
1.2.2 繪制三角形
1.2.3 繪制多邊形
1.2.4 繪制矩形
1.2.5 繪制圓形
1.2.6 清空畫布
2繪制貝塞爾曲線
2.1 繪制二次方貝塞爾曲線
2.2 繪制三次方貝塞爾曲線
3坐標變換
3.1 坐標位移
3.2 圖形縮放
3.3 圖形旋轉
本章總結
本章作業
第8章 canvas**功能
1canvas**功能
1.1 漸變
1.2 圖形組合
1.3 創建陰影
1.4 繪制圖像和文本
1.4.1 繪制圖像
1.4.2 裁剪圖像
1.4.3 畫布狀態的保存和恢復
1.4.4 createPanem方法
1.4.5 繪制文本
2繪制風景時鐘
本章總結
本章作業