HTML5基礎(chǔ)開(kāi)發(fā)教程

編輯

鎖定

討論

上傳視頻

《HTML5基礎(chǔ)開(kāi)發(fā)教程 》是2013年5月 出版的圖書(shū)。主要面向高等院校學(xué)生，以及沒(méi)有開(kāi)發(fā)經(jīng)驗(yàn)或者僅有少量程序設(shè)計(jì)基礎(chǔ)的讀者，因此書(shū)中所講解內(nèi)容較為基礎(chǔ)、細(xì)致。書(shū)中每一章節(jié)都提供了上機(jī)實(shí)踐環(huán)節(jié)，使讀者在理論學(xué)習(xí)基礎(chǔ)上結(jié)合實(shí)際操作，力求使讀者真正做到學(xué)以致用。

書(shū)????名

HTML5基礎(chǔ)開(kāi)發(fā)教程

頁(yè)????數(shù)

200 頁(yè)開(kāi)????本

16 開(kāi)

裝????幀

平裝

HTML5基礎(chǔ)開(kāi)發(fā)教程基本信息

編輯

書(shū)　名　HTML5基礎(chǔ)開(kāi)發(fā)教程

叢 書(shū) 名　21世紀(jì)高等教育計(jì)算機(jī)規(guī)劃教材

標(biāo)準(zhǔn)書(shū)號(hào)　ISBN 978-7-115-31212-9[1]

作　者　范立鋒 于合龍 孫豐偉 主編

責(zé)任編輯　劉博

開(kāi)　本　16 開(kāi)

印　張　13

字　數(shù)　338 千字

頁(yè)　數(shù)　200 頁(yè)

裝　幀　平裝

版　次　第1版第1次

初版時(shí)間　2013年5月

本 印 次

首 印 數(shù)　-- 冊(cè)

定　價(jià)　29.80 元

HTML5基礎(chǔ)開(kāi)發(fā)教程內(nèi)容提要

編輯

本書(shū)內(nèi)容主要分為三大部分。第一部分介紹了HTML5的相關(guān)開(kāi)發(fā)技術(shù)，包括HTML的發(fā)展，HTML5與之前版本的區(qū)別，HTML5的表單元素應(yīng)用，HTML5的多媒體元素應(yīng)用，HTML5的圖像及動(dòng)畫(huà)應(yīng)用，HTML5的元素拖曳技術(shù)，HTML5的數(shù)據(jù)存儲(chǔ)技術(shù)，HTML5的離線應(yīng)用及地理位置應(yīng)用。第二部分介紹了CSS3的相關(guān)知識(shí)，包括CSS3選擇器的應(yīng)用，使用CSS3控制頁(yè)面樣式，使用CSS3在頁(yè)面中插入信息，使用CSS3控制元素變形以及CSS3中的元素過(guò)渡應(yīng)用。第三部分為HTML5與CSS3的綜合應(yīng)用實(shí)例。

本書(shū)主要面向高等院校學(xué)生，以及沒(méi)有開(kāi)發(fā)經(jīng)驗(yàn)或者僅有少量程序設(shè)計(jì)基礎(chǔ)的讀者，因此書(shū)中所講解內(nèi)容較為基礎(chǔ)、細(xì)致。書(shū)中每一章節(jié)都提供了上機(jī)實(shí)踐環(huán)節(jié)，使讀者在理論學(xué)習(xí)基礎(chǔ)上結(jié)合實(shí)際操作，力求使讀者真正做到學(xué)以致用。

HTML5基礎(chǔ)開(kāi)發(fā)教程目錄

編輯

第1章　初識(shí)HTML5　1

1.1　HTML發(fā)展史　1

1.2　為什么要學(xué)習(xí)HTML5　2

1.3　HTML5的開(kāi)發(fā)環(huán)境　2

1.4　瀏覽器對(duì)HTML5支持性檢測(cè)　3

小結(jié)　6

習(xí)題　6

第2章　HTML5——全新的HTML　7

2.1　新的語(yǔ)法結(jié)構(gòu)　7

2.2　新的頁(yè)面架構(gòu)　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

小結(jié)　18

習(xí)題　18

第3章　HTML5的表單　19

3.1　新的input輸入類(lèi)型及屬性　19

3.1.1　新的input輸入類(lèi)型　19

3.1.2　新的input公用屬性　25

3.2　表單的驗(yàn)證方式　30

3.2.1　自動(dòng)驗(yàn)證方式　30

3.2.2　調(diào)用checkValidity()方法實(shí)現(xiàn)驗(yàn)證　32

3.2.3　自定義提示信息　33

3.2.4　設(shè)置不驗(yàn)證　33

3.3　上機(jī)實(shí)踐——設(shè)計(jì)注冊(cè)頁(yè)面　34

3.3.1　實(shí)踐目的　34

3.3.2　設(shè)計(jì)思路　34

3.3.3　實(shí)現(xiàn)過(guò)程　34

3.3.4　演示效果　36

小結(jié)　37

習(xí)題　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　多媒體支持性檢測(cè)方法　46

4.3.2　多媒體播放方法　49

4.4　多媒體元素的事件　50

4.4.1　事件捕捉方法　50

4.4.2　支持的事件類(lèi)型　51

4.4.3　播放事件的應(yīng)用　52

4.5　上機(jī)實(shí)踐——DIY視頻播放器　53

4.5.1　實(shí)踐目的　53

4.5.2　設(shè)計(jì)思路　53

4.5.3　實(shí)現(xiàn)過(guò)程　53

4.5.4　演示效果　56

小結(jié)　57

習(xí)題　57

第5章　HTML5的圖像及動(dòng)畫(huà)　58

5.1　了解canvas元素　58

5.1.1　canvas的用法　58

5.1.2　一個(gè)簡(jiǎn)單的canvas畫(huà)圖實(shí)例　59

5.2　使用路徑畫(huà)圖　59

5.2.1　理解canvas的坐標(biāo)系　60

5.2.2　使用moveTo、lineTo畫(huà)線　60

5.2.3　使用arc方法畫(huà)弧　61

5.2.4　繪制貝塞爾圖形　64

5.3　圖形操作　65

5.3.1　圖形樣式設(shè)置　65

5.3.2　畫(huà)漸變圖形　66

5.3.3　圖形坐標(biāo)變換　69

5.3.4　圖形組合處理　72

5.3.5　圖形陰影　74

5.4　圖像操作　75

5.4.1　畫(huà)圖像　75

5.4.2　圖像平鋪　77

5.4.3　圖像剪裁　79

5.4.4　像素處理　80

5.5　canvas其他操作　82

5.5.1　繪制文字　82

5.5.2　保存、恢復(fù)圖形　84

5.6　制作動(dòng)畫(huà)　86

5.7　上機(jī)實(shí)踐——繪制時(shí)鐘　87

5.7.1　實(shí)踐目的　87

5.7.2　設(shè)計(jì)思路　87

5.7.3　實(shí)現(xiàn)過(guò)程　88

5.7.4　演示效果　89

小結(jié)　90

習(xí)題　90

第6章　HTML5的元素拖曳　91

6.1　拖曳曾經(jīng)的解決方案　91

6.2　HTML5中拖曳的實(shí)現(xiàn)　91

6.3　dataTransfer對(duì)象　94

6.4　文件拖曳操作　95

6.5　上機(jī)實(shí)踐——拖曳式點(diǎn)菜界面　96

6.5.1　實(shí)踐目的　96

6.5.2　設(shè)計(jì)思路　97

6.5.3　實(shí)現(xiàn)過(guò)程　97

6.5.4　演示效果　99

小結(jié)　100

習(xí)題　100

第7章　HTML5的數(shù)據(jù)存儲(chǔ)　101

7.1　為什么需要數(shù)據(jù)存儲(chǔ)　101

7.2　Web Storage　101

7.2.1　Web Storage與Cookie的比較　102

7.2.2　Web Storage的兩種存儲(chǔ)方式　102

7.2.3　localStorage的多數(shù)據(jù)操作　104

7.3　Web SQL數(shù)據(jù)庫(kù)　106

7.3.1　創(chuàng)建數(shù)據(jù)庫(kù)　106

7.3.2　Web SQL的增刪改查　107

7.4　上機(jī)實(shí)踐——注冊(cè)與登錄　112

7.4.1　實(shí)踐目的　112

7.4.2　設(shè)計(jì)思路　112

7.4.3　實(shí)現(xiàn)過(guò)程　112

7.4.4　演示效果　115

小結(jié)　116

習(xí)題　116

第8章　HTML5離線應(yīng)用及地理位置應(yīng)用　117

8.1　離線應(yīng)用　117

8.1.1　離線應(yīng)用的工作原理　117

8.1.2　管理本地緩存　117

8.1.3　applicationCache檢測(cè)及更新緩存　118

8.1.4　檢測(cè)在線狀態(tài)　119

8.2　地理位置應(yīng)用　119

8.2.1　Geolocation的工作原理　119

8.2.2　獲取當(dāng)前地理位置　120

8.2.3　監(jiān)視地理位置信息　121

8.2.4　停止獲取當(dāng)前地理位置信息　121

8.3　上機(jī)實(shí)踐——在搜狗地圖中定位　121

8.3.1　實(shí)踐目的　121

8.3.2　設(shè)計(jì)思路　121

8.3.3　實(shí)現(xiàn)過(guò)程　121

8.3.4　演示效果　123

小結(jié)　124

習(xí)題　124

第9章　CSS3入門(mén)與基礎(chǔ)　125

9.1　CSS3是什么　125

9.2　CSS3的一個(gè)簡(jiǎn)單應(yīng)用　125

9.3　CSS3的常用選擇器　129

9.3.1　為什么要使用選擇器　129

9.3.2　屬性選擇器　130

9.3.3　類(lèi)選擇器　132

9.3.4　偽類(lèi)選擇器　134

9.4　控制頁(yè)面樣式　137

9.4.1　控制圓角邊框樣式　137

9.4.2　控制背景樣式　140

9.4.3　控制顏色樣式　145

9.4.4　控制頁(yè)面布局　148

9.5　上機(jī)實(shí)踐——購(gòu)物車(chē)結(jié)算界面　150

9.5.1　實(shí)踐目的　150

9.5.2　設(shè)計(jì)思路　151

9.5.3　實(shí)現(xiàn)過(guò)程　151

9.5.4　顯示效果　153

小結(jié)　153

習(xí)題　153

第10章　CSS3高級(jí)應(yīng)用　154

10.1　在頁(yè)面中插入內(nèi)容　154

10.1.1　插入文字　154

10.1.2　插入圖像　156

10.1.3　插入項(xiàng)目編號(hào)　157

10.2　文字樣式控制　158

10.2.1　為文字增加陰影效果　158

10.2.2　設(shè)置單詞及網(wǎng)址自動(dòng)換行　160

10.2.3　使用服務(wù)器端字體　161

10.3　元素變形處理　161

10.3.1　縮放效果　162

10.3.2　旋轉(zhuǎn)效果　162

10.3.3　移動(dòng)效果　163

10.3.4　傾斜效果　164

10.4　樣式過(guò)渡　165

10.5　更為復(fù)雜的樣式過(guò)渡　166

10.6　上機(jī)實(shí)踐——個(gè)性留言板　167

10.6.1　實(shí)踐目的　167

10.6.2　設(shè)計(jì)思路　167

10.6.3　實(shí)現(xiàn)過(guò)程　167

10.6.4　顯示效果　169

小結(jié)　171

習(xí)題　171

第11章　綜合案例　172

11.1　馬里奧大逃亡游戲　172

11.1.1　游戲介紹　172

11.1.2　需求分析　172

11.1.3　詳細(xì)設(shè)計(jì)　173

11.1.4　游戲效果　176

11.2　歐美風(fēng)格企業(yè)網(wǎng)站　177

11.2.1　需求分析　177

11.2.2　概要設(shè)計(jì)　178

11.2.3　詳細(xì)設(shè)計(jì)　179

11.2.4　網(wǎng)站效果　197

詞條圖冊(cè)

更多圖冊(cè)

參考資料

1.

HTML5基礎(chǔ)開(kāi)發(fā)教程

．人民郵電出版社教學(xué)服務(wù)與資源網(wǎng)[引用日期2013-05-08]

總結(jié)

以上是生活随笔為你收集整理的html5的基本工作原理,HTML5基础开发教程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。