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

第1章　初步認識HTML5和CSS3
1.1　認識網(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è)計流程 4
1.1.5　發(fā)布站點 4
1.2　Web標準布局介紹 5
1.2.1　當前的Web開發(fā)標準 5
1.2.2　為什么使用Web標準 5
1.2.3　CSS布局標準 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)勢 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　實踐案例：瀏覽器HTML5性能測試 18
1.6　CSS3簡介 19
1.6.1　什么是CSS3 20
1.6.2　CSS3的優(yōu)缺點 20
1.6.3　CSS3的新增特性 21
1.7　實踐案例：瀏覽器CSS3性能測試 24
1.8　練習題 25
第2章　HTML5網(wǎng)頁結(jié)構(gòu)
2.1　認識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é)點元素 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è)計旅游網(wǎng)站首頁 48
2.9　練習題 53
第3章　HTML5表單應用
3.1　重新認識HTML表單 56
3.1.1　表單簡介 56
3.1.2　表單標記 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　表單驗證 77
3.5.1　自動驗證 77
3.5.2　顯式驗證 79
3.5.3　自定義驗證 80
3.5.4　取消驗證 81
3.6　實踐案例：設(shè)計用戶錄入表單 81
3.7　練習題 87
第4章　HTML5多媒體應用
4.1　多媒體簡介 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　實踐案例：實現(xiàn)HTML5網(wǎng)頁視頻播放器 99
4.5　練習題 105
第5章　HTML5繪圖應用
5.1　認識canvas元素 108
5.1.1　canvas簡介 108
5.1.2　創(chuàng)建canvas元素 108
5.1.3　實踐案例：判斷瀏覽器是否支持canvas元素 109
5.2　繪制簡單圖形 110
5.2.1　繪制矩形 110
5.2.2　繪制直線 113
5.2.3　繪制圓形 116
5.2.4　實踐案例：繪制三角形 119
5.2.5　保存和恢復圖形 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　坐標變換 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　裁剪和復制圖像 145
5.7　實踐案例：制作圖像黑白和反轉(zhuǎn)效果 146
5.8　練習題 148
第6章　HTML5數(shù)據(jù)存儲
6.1　Web存儲簡介 152
6.1.1　Web存儲和Cookie存儲 152
6.1.2　sessionStorage對象 152
6.1.3　localStorage對象 154
6.2　操作本地數(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　實踐案例：實現(xiàn)工程管理模塊 162
6.4　操作本地數(shù)據(jù)庫數(shù)據(jù) 167
6.4.1　創(chuàng)建數(shù)據(jù)庫 167
6.4.2　執(zhí)行SQL語句 168
6.5　實踐案例：查看學生列表 170
6.6　練習題 171
第7章　文件和離線應用
...
第8章　HTML5高級開發(fā)
...
第9章　CSS3選擇器
...
第10章　CSS3新增的基本屬性
...
第11章　變形、過渡和動畫
...
第12章　CSS3新增的高級屬性
...
第13章　JavaScript腳本編程快速入門
...
13.8　練習題 355
第14章　JavaScript事件和DOM
...
第15章　綜合案例
...
練習題答案