HTML5+CSS3+JavaScript網(wǎng)頁設(shè)計(jì)入門與應(yīng)用

第1章　初步認(rèn)識(shí)HTML5和CSS3
1.1　認(rèn)識(shí)網(wǎng)頁和網(wǎng)站 2
1.1.1　網(wǎng)頁 2
1.1.2　網(wǎng)站 3
1.1.3　網(wǎng)站制作流程 3
1.1.4　網(wǎng)頁設(shè)計(jì)流程 4
1.1.5　發(fā)布站點(diǎn) 4
1.2　Web標(biāo)準(zhǔn)布局介紹 5
1.2.1　當(dāng)前的Web開發(fā)標(biāo)準(zhǔn) 5
1.2.2　為什么使用Web標(biāo)準(zhǔn) 5
1.2.3　CSS布局標(biāo)準(zhǔn) 6
1.3　HTML與HTML5 7
1.3.1　HTML的發(fā)展歷史 7
1.3.2　HTML 4.01和XHTML 8
1.3.3　HTML和XHTML文檔類型定義 9
1.3.4　從XHTML到HTML5 11
1.3.5　HTML5的優(yōu)勢(shì) 11
1.4　HTML5語法的變化 13
1.4.1　DOCTYPE聲明 13
1.4.2　命名空間聲明 13
1.4.3　編碼類型 14
1.4.4　文檔媒體類型 15
1.4.5　HTML5兼容HTML 15
1.5　實(shí)踐案例：瀏覽器HTML5性能測(cè)試 18
1.6　CSS3簡(jiǎn)介 19
1.6.1　什么是CSS3 20
1.6.2　CSS3的優(yōu)缺點(diǎn) 20
1.6.3　CSS3的新增特性 21
1.7　實(shí)踐案例：瀏覽器CSS3性能測(cè)試 24
1.8　練習(xí)題 25
第2章　HTML5網(wǎng)頁結(jié)構(gòu)
2.1　認(rèn)識(shí)html根元素 28
2.2　文檔頭部元素 28
2.3　結(jié)構(gòu)元素 31
2.3.1　header元素 31
2.3.2　article元素 33
2.3.3　section元素 34
2.3.4　aside元素 35
2.3.5　footer元素 36
2.4　節(jié)點(diǎn)元素 36
2.4.1　nav元素 36
2.4.2　hgroup元素 37
2.4.3　address元素 38
2.5　語義元素 39
2.5.1　mark元素 39
2.5.2　cite元素 40
2.5.3　time元素 40
2.5.4　wbr元素 41
2.5.5　ruby、rt和rp元素 41
2.6　交互元素 41
2.6.1　meter元素 41
2.6.2　progress元素 43
2.6.3　details元素 44
2.6.4　summary元素 45
2.7　全局屬性 45
2.7.1　hidden屬性 46
2.7.2　contenteditable屬性 46
2.7.3　spellcheck屬性 47
2.8　實(shí)踐案例：設(shè)計(jì)旅游網(wǎng)站首頁 48
2.9　練習(xí)題 53
第3章　HTML5表單應(yīng)用
3.1　重新認(rèn)識(shí)HTML表單 56
3.1.1　表單簡(jiǎn)介 56
3.1.2　表單標(biāo)記 56
3.1.3　基本表單元素 57
3.2　新增輸入類型 58
3.2.1　url類型 58
3.2.2　number類型 59
3.2.3　email類型 60
3.2.4　range類型 61
3.2.5　datepickers類型 62
3.2.6　color類型 64
3.2.7　tel類型 64
3.2.8　search類型 65
3.3　新增屬性 65
3.3.1　表單類屬性 65
3.3.2　輸入類屬性 67
3.4　表單元素 73
3.4.1　datalist元素 73
3.4.2　keygen元素 74
3.4.3　output元素 75
3.4.4　optgroup元素 76
3.5　表單驗(yàn)證 77
3.5.1　自動(dòng)驗(yàn)證 77
3.5.2　顯式驗(yàn)證 79
3.5.3　自定義驗(yàn)證 80
3.5.4　取消驗(yàn)證 81
3.6　實(shí)踐案例：設(shè)計(jì)用戶錄入表單 81
3.7　練習(xí)題 87
第4章　HTML5多媒體應(yīng)用
4.1　多媒體簡(jiǎn)介 90
4.1.1　多媒體編解碼器 90
4.1.2　視頻格式 90
4.1.3　音頻格式 91
4.2　播放視頻 91
4.2.1　video元素的基礎(chǔ)用法 92
4.2.2　video元素方法 94
4.2.3　video元素事件 95
4.3　播放音頻 97
4.3.1　audio元素的基礎(chǔ)用法 97
4.3.2　audio元素事件 98
4.4　實(shí)踐案例：實(shí)現(xiàn)HTML5網(wǎng)頁視頻播放器 99
4.5　練習(xí)題 105
第5章　HTML5繪圖應(yīng)用
5.1　認(rèn)識(shí)canvas元素 108
5.1.1　canvas簡(jiǎn)介 108
5.1.2　創(chuàng)建canvas元素 108
5.1.3　實(shí)踐案例：判斷瀏覽器是否支持canvas元素 109
5.2　繪制簡(jiǎn)單圖形 110
5.2.1　繪制矩形 110
5.2.2　繪制直線 113
5.2.3　繪制圓形 116
5.2.4　實(shí)踐案例：繪制三角形 119
5.2.5　保存和恢復(fù)圖形 121
5.2.6　輸出圖形 123
5.3　繪制文本 124
5.3.1　繪制普通文本 124
5.3.2　繪制陰影文本 126
5.4　繪制曲線 128
5.4.1　二次方貝塞爾曲線 128
5.4.2　三次方貝塞爾曲線 128
5.5　變換圖形 129
5.5.1　坐標(biāo)變換 129
5.5.2　矩陣變換 133
5.5.3　組合圖形 135
5.5.4　線性漸變 138
5.5.5　徑向漸變 139
5.6　使用圖像 141
5.6.1　繪制圖像 141
5.6.2　平鋪圖像 143
5.6.3　裁剪和復(fù)制圖像 145
5.7　實(shí)踐案例：制作圖像黑白和反轉(zhuǎn)效果 146
5.8　練習(xí)題 148
第6章　HTML5數(shù)據(jù)存儲(chǔ)
6.1　Web存儲(chǔ)簡(jiǎn)介 152
6.1.1　Web存儲(chǔ)和Cookie存儲(chǔ) 152
6.1.2　sessionStorage對(duì)象 152
6.1.3　localStorage對(duì)象 154
6.2　操作本地?cái)?shù)據(jù) 155
6.2.1　保存數(shù)據(jù) 156
6.2.2　讀取數(shù)據(jù) 157
6.2.3　清空數(shù)據(jù) 159
6.2.4　遍歷數(shù)據(jù) 159
6.3　實(shí)踐案例：實(shí)現(xiàn)工程管理模塊 162
6.4　操作本地?cái)?shù)據(jù)庫數(shù)據(jù) 167
6.4.1　創(chuàng)建數(shù)據(jù)庫 167
6.4.2　執(zhí)行SQL語句 168
6.5　實(shí)踐案例：查看學(xué)生列表 170
6.6　練習(xí)題 171
第7章　文件和離線應(yīng)用
...
第8章　HTML5高級(jí)開發(fā)
...
第9章　CSS3選擇器
...
第10章　CSS3新增的基本屬性
...
第11章　變形、過渡和動(dòng)畫
...
第12章　CSS3新增的高級(jí)屬性
...
第13章　JavaScript腳本編程快速入門
...
13.8　練習(xí)題 355
第14章　JavaScript事件和DOM
...
第15章　綜合案例
...
練習(xí)題答案