HTML5基礎知識核心技術與前沿案例是一本HTML5入門書籍，由劉歡編著。本書擁有詳細的HTML5、CSS3、JavaScript基礎知識，可以幫助你快速入門前端開發，全書前沿案例涵蓋初中級HTML5開發者遇到的幾乎所有實戰問題，并滲透各種交互設計理念，并且書中知識還兼顧了PC端和移動端開發，能夠讓讀者能夠輕松地學習基礎知識，有效掌握各種核心技巧，快速上手前沿應用開發，并通過HTML5發現交互設計的樂趣。
內容介紹
《HTML5基礎知識核心技術與前沿案例》是一本引導初、中級學習者深入了解并有效掌握HTML5核心技巧的技術實戰書籍，全書采用“基礎知識+案例驅動”的雙軌模式，精心安排了大量經典的HTML5設計實戰案例，包括頁面元素與布局、動畫與動效、圖形與圖像、交互操作、頁面組件、音頻與視頻、響應式設計等，并精選了微信小游戲、創意網站等綜合性的前沿交互應用。實例基本涵蓋了初、中級學習者在實戰中幾乎可能遇到的所有問題，展示了各種流行的互動設計理念，讓讀者能夠輕松地學習基礎知識，有效掌握各種核心技巧，快速上手前沿應用開發，并通過HTML5發現交互設計的樂趣。
HTML5基礎知識核心技術與前沿案例章節目錄
第一部分HTML5基礎
第1章初探HTML5：制作一份邀請函010
1．1開發前的準備工作010
1．1．1制定首個學習目標010
1．1．2準備開發環境011
1．2制作HTML頁面012
1．2．1創建首個HTML5頁面012
1．2．2增加必要的頁面元素014
1．2．3頁面中那些看不見的代碼015
1．3頁面的美化015
1．3．1制作邀請函的頁面背景015
1．3．2調整邀請函的內容區域位置018
1．3．3調整邀請函的文字字體與字號020
1．3．4制作邀請函的按鈕021
1．3．5創建一個外部CSS文件022
1．4為頁面創建交互024
1．4．1創建按鈕的JavaScript交互024
1．4．2制作還未結束：頁面的移動化026
第2章HTML5新手詳解028
2．1 HTML代碼基礎028
2．1．1 HTML基礎語法028
2．1．2頁面根元素029
2．1．3文檔元數據031
2．1．4區塊元素034
2．1．5分組內容元素039
2．2 HTML常用元素042
2．2．1文本042
2．2．2表單043
2．2．3表格047
2．2．4 WAI-ARIA 050
第3章CSS3新手詳解052
3．1 CSS代碼基礎052
3．1．1 CSS基礎語法052
3．1．2繼承054
3．1．3選擇器057
3．2 CSS3常用屬性059
3．2．1文本和字體059
3．2．2邊框與背景062
3．2．3元素定位065
3．2．4框模型068
3．2．5列表071
3．3 CSS3常用效果與技巧075
3．3．1陰影效果075
3．3．2 2D與3D效果077
3．3．3優先級078
第4章JavaScript新手詳解080
4．1 JavaScript代碼基礎080
4．1．1如何調試JavaScript？080
4．1．2為代碼添加注釋081
4．1．3創建一個簡單的變量082
4．1．4幾種常用的JavaScript運算符083
4．1．5 JavaScript中的條件語句085
4．1．6 JavaScript中的循環語句087
4．2 JavaScript編程進階089
4．2．1數組及其操作089
4．2．2日期和時間091
4．2．3初涉函數092
4．2．4函數的變量作用域094
4．2．5 Object簡介095
4．2．6 JavaScript的DOM操作097
4．2．7 DOM事件處理100
4．2．8利用JavaScript實現HTML5拖放101
第5章移動端HTML5開發詳解103
5．1桌面端開發概述103
5．1．1桌面端和移動端有何不同？103
5．1．2響應式設計還是移動版網站？104
5．2移動端開發技巧105
5．2．1 Viewport設置105
5．2．2百分比布局106
5．2．3 Flexbox：輕松實現彈性布局111
5．2．4 Media Query 114
5．2．5雪碧圖116
5．2．6圖標字體119
5．2．7移動端交互121
5．2．8移動端調試122
5．2．9移動端其他技巧124
第6章事半功倍：運用流行開源類庫126
6．1開源類庫jQuery介紹126
6．1．1強大的jQuery 126
6．1．2 jQuery選擇器128
6．1．3 jQuery的屬性和DOM操作130
6．1．4 jQuery動態效果132
6．1．5 jQuery事件134
6．1．6 jQuery的優缺點136
6．2其他開源類庫介紹136
6．2．1使用jQuery Mobile開發移動站點136
6．2．2 Zepto——移動端的jQuery 137
6．2．3前端開發框架BootStrap 138
6．2．4設計工具包Flat UI 139
6．2．5瀏覽器檢測工具Modernizr 140
6．2．6數據可視化工具D3 141
6．2．7使用Hammer輕松控制觸摸手勢141
6．2．8前端在線編輯工具142
第7章HTML5與周邊編程語言、軟件143
7．1 HTML5與Flash 143
7．1．1 HTML5與Flash的結合143
7．1．2使用Google Swiffy進行Flash轉換145
7．2 HTML5與其他周邊語言和軟件146
7．2．1 HTML5與應用開發146
7．2．2 HTML5與Illustrator的結合148
7．2．3 HTML5與Photoshop的結合149
7．2．4 HTML5開發桌面端應用151
第二部分?HTML5前沿經典應用篇
第8章HTML5頁面元素與布局153
8．1頁面元素與布局核心技巧153
8．2 HTML5布局基礎153
8．2．1圖文混排與題圖文字布局154
8．2．2 Hero Unit圖標題文混排156
8．2．3兩列均分布局159
8．2．4格子布局164
8．2．5多列等高布局168
8．3 HTML5布局進階170
8．3．1兩列自適應布局171
8．3．2三列自適應布局175
8．3．3瀑布流布局179
第9章HTML5動畫與動效182
9．1動畫與動效核心技巧182
9．2 CSS3動畫與動效182
9．2．1按鈕元素動畫效果183
9．2．2圖標元素動畫效果186
9．2．3頁面切換動畫效果192
9．2．4加載動畫效果198
9．2．5逐幀動畫效果204
9．2．6 3D翻頁動畫效果208
9．3 JavaScript動畫與動效211
9．3．1 Canvas粒子動畫效果211
9．3．2 GSAP類庫動畫效果214
第10章HTML5圖形與圖像217
10．1圖形與圖像核心技巧217
10．2 CSS3圖形與圖像繪制218
10．2．1關閉按鈕繪制218
10．2．2菜單圖標繪制219
10．2．3三角圖標繪制221
10．2．4漸變色繪制225
10．2．5 Pattern圖案繪制227
10．2．6鋸齒圖形繪制229
10．3 Canvas圖形與圖像繪制231
10．3．1 Canvas圖形繪制231
10．3．2 Canvas像素控制235
10．4 SVG圖形與圖像繪制237
10．4．1 SVG圖形繪制237
10．4．2 SVG圖像遮罩242
