HTML5基礎開發教程

《HTML5基礎開發教程 》是2013年5月 出版的圖書。主要面向高等院校學生，以及沒有開發經驗或者僅有少量程式設計基礎的讀者，因此書中所講解內容較為基礎、細緻。書中每一章節都提供了上機實踐環節，使讀者在理論學習基礎上結合實際操作，力求使讀者真正做到學以致用。

基本介紹

• 書名：HTML5基礎開發教程
• 頁數：200 頁
• 裝幀：平裝
• 開本：16 開

基本信息

書　名　HTML5基礎開發教程
叢 書 名　21世紀高等教育計算機規劃教材
標準書號　ISBN 978-7-115-31212-9
作　者　范立鋒 於合龍 孫豐偉 主編
責任編輯　劉博
開　本　16 開
印　張　13
字　數　338 千字
頁　數　200 頁
裝　幀　平裝
版　次　第1版第1次
初版時間　2013年5月
本 印 次　
首 印 數　-- 冊
定　價　29.80 元

內容提要

本書內容主要分為三大部分。第一部分介紹了HTML5的相關開發技術，包括HTML的發展，HTML5與之前版本的區別，HTML5的表單元素套用，HTML5的多媒體元素套用，HTML5的圖像及動畫套用，HTML5的元素拖曳技術，HTML5的數據存儲技術，HTML5的離線套用及地理位置套用。第二部分介紹了CSS3的相關知識，包括CSS3選擇器的套用，使用CSS3控制頁面樣式，使用CSS3在頁面中插入信息，使用CSS3控制元素變形以及CSS3中的元素過渡套用。第三部分為HTML5與CSS3的綜合套用實例。
本書主要面向高等院校學生，以及沒有開發經驗或者僅有少量程式設計基礎的讀者，因此書中所講解內容較為基礎、細緻。書中每一章節都提供了上機實踐環節，使讀者在理論學習基礎上結合實際操作，力求使讀者真正做到學以致用。

目錄

第1章　初識HTML5　1
1.1　HTML發展史　1
1.2　為什麼要學習HTML5　2
1.3　HTML5的開發環境　2
1.4　瀏覽器對HTML5支持性檢測　3
小結　6
習題　6

第2章　HTML5——全新的HTML　7
2.1　新的語法結構　7
2.2　新的頁面架構　8
2.3　元素的改變　10
2.3.1　新增的元素　10
2.3.2　停止使用的元素　14
2.4　屬性的改變　15
2.4.1　新增的屬性　15
2.4.2　停止使用的屬性　16
2.4.3　全局屬性　16
小結　18
習題　18

第3章　HTML5的表單　19
3.1　新的input輸入類型及屬性　19
3.1.1　新的input輸入類型　19
3.1.2　新的input公用屬性　25
3.2　表單的驗證方式　30
3.2.1　自動驗證方式　30
3.2.2　調用checkValidity()方法實現驗證　32
3.2.3　自定義提示信息　33
3.2.4　設定不驗證　33
3.3　上機實踐——設計註冊頁面　34
3.3.1　實踐目的　34
3.3.2　設計思路　34
3.3.3　實現過程　34
3.3.4　演示效果　36
小結　37
習題　37

第4章　HTML5的多媒體　38
4.1　HTML5的多媒體元素　38
4.2　多媒體元素的屬性　38
4.2.1　autoplay屬性　38
4.2.2　controls屬性　39
4.2.3　error屬性　39
4.2.4　poster屬性　41
4.2.5　networkState屬性　41
4.2.6　width與height屬性　43
4.2.7　readyState屬性　43
4.2.8　其他屬性　45
4.3　多媒體元素的方法　46
4.3.1　多媒體支持性檢測方法　46
4.3.2　多媒體播放方法　49
4.4　多媒體元素的事件　50
4.4.1　事件捕捉方法　50
4.4.2　支持的事件類型　51
4.4.3　播放事件的套用　52
4.5　上機實踐——DIY視頻播放器　53
4.5.1　實踐目的　53
4.5.2　設計思路　53
4.5.3　實現過程　53
4.5.4　演示效果　56
小結　57
習題　57

第5章　HTML5的圖像及動畫　58
5.1　了解canvas元素　58
5.1.1　canvas的用法　58
5.1.2　一個簡單的canvas畫圖實例　59
5.2　使用路徑畫圖　59
5.2.1　理解canvas的坐標系　60
5.2.2　使用moveTo、lineTo畫線　60
5.2.3　使用arc方法畫弧　61
5.2.4　繪製貝塞爾圖形　64
5.3　圖形操作　65
5.3.1　圖形樣式設定　65
5.3.2　畫漸變圖形　66
5.3.3　圖形坐標變換　69
5.3.4　圖形組合處理　72
5.3.5　圖形陰影　74
5.4　圖像操作　75
5.4.1　畫圖像　75
5.4.2　圖像平鋪　77
5.4.3　圖像剪裁　79
5.4.4　像素處理　80
5.5　canvas其他操作　82
5.5.1　繪製文字　82
5.5.2　保存、恢復圖形　84
5.6　製作動畫　86
5.7　上機實踐——繪製時鐘　87
5.7.1　實踐目的　87
5.7.2　設計思路　87
5.7.3　實現過程　88
5.7.4　演示效果　89
小結　90
習題　90

第6章　HTML5的元素拖曳　91
6.1　拖曳曾經的解決方案　91
6.2　HTML5中拖曳的實現　91
6.3　dataTransfer對象　94
6.4　檔案拖曳操作　95
6.5　上機實踐——拖曳式點菜界面　96
6.5.1　實踐目的　96
6.5.2　設計思路　97
6.5.3　實現過程　97
6.5.4　演示效果　99
小結　100
習題　100

第7章　HTML5的數據存儲　101
7.1　為什麼需要數據存儲　101
7.2　Web Storage　101
7.2.1　Web Storage與Cookie的比較　102
7.2.2　Web Storage的兩種存儲方式　102
7.2.3　localStorage的多數據操作　104
7.3　Web SQL資料庫　106
7.3.1　創建資料庫　106
7.3.2　Web SQL的增刪改查　107
7.4　上機實踐——註冊與登錄　112
7.4.1　實踐目的　112
7.4.2　設計思路　112
7.4.3　實現過程　112
7.4.4　演示效果　115
小結　116
習題　116

第8章　HTML5離線套用及地理位置套用　117
8.1　離線套用　117
8.1.1　離線套用的工作原理　117
8.1.2　管理本地快取　117
8.1.3　applicationCache檢測及更新快取　118
8.1.4　檢測線上狀態　119
8.2　地理位置套用　119
8.2.1　Geolocation的工作原理　119
8.2.2　獲取當前地理位置　120
8.2.3　監視地理位置信息　121
8.2.4　停止獲取當前地理位置信息　121
8.3　上機實踐——在搜狗地圖中定位　121
8.3.1　實踐目的　121
8.3.2　設計思路　121
8.3.3　實現過程　121
8.3.4　演示效果　123
小結　124
習題　124

第9章　CSS3入門與基礎　125
9.1　CSS3是什麼　125
9.2　CSS3的一個簡單套用　125
9.3　CSS3的常用選擇器　129
9.3.1　為什麼要使用選擇器　129
9.3.2　屬性選擇器　130
9.3.3　類選擇器　132
9.3.4　偽類選擇器　134
9.4　控制頁面樣式　137
9.4.1　控制圓角框線樣式　137
9.4.2　控制背景樣式　140
9.4.3　控制顏色樣式　145
9.4.4　控制頁面布局　148
9.5　上機實踐——購物車結算界面　150
9.5.1　實踐目的　150
9.5.2　設計思路　151
9.5.3　實現過程　151
9.5.4　顯示效果　153
小結　153
習題　153

第10章　CSS3高級套用　154
10.1　在頁面中插入內容　154
10.1.1　插入文字　154
10.1.2　插入圖像　156
10.1.3　插入項目編號　157
10.2　文字樣式控制　158
10.2.1　為文字增加陰影效果　158
10.2.2　設定單詞及網址自動換行　160
10.2.3　使用伺服器端字型　161
10.3　元素變形處理　161
10.3.1　縮放效果　162
10.3.2　旋轉效果　162
10.3.3　移動效果　163
10.3.4　傾斜效果　164
10.4　樣式過渡　165
10.5　更為複雜的樣式過渡　166
10.6　上機實踐——個性留言板　167
10.6.1　實踐目的　167
10.6.2　設計思路　167
10.6.3　實現過程　167
10.6.4　顯示效果　169
小結　171
習題　171

第11章　綜合案例　172
11.1　馬里奧大逃亡遊戲　172
11.1.1　遊戲介紹　172
11.1.2　需求分析　172
11.1.3　詳細設計　173
11.1.4　遊戲效果　176
11.2　歐美風格企業網站　177
11.2.1　需求分析　177
11.2.2　概要設計　178
11.2.3　詳細設計　179
11.2.4　網站效果　197