項(xiàng)目1　利用HTML5制作圖文混排頁(yè)面 1
任務(wù)1 第一個(gè)網(wǎng)頁(yè)的創(chuàng)建 3
任務(wù)2 頁(yè)面格式化標(biāo)簽的應(yīng)用 9
任務(wù)3 HTML5標(biāo)簽屬性的應(yīng)用 11
任務(wù)4 文本樣式標(biāo)簽的應(yīng)用 12
任務(wù)5 文本格式化標(biāo)簽的應(yīng)用 14
任務(wù)6 文本語(yǔ)義標(biāo)簽的應(yīng)用 15
任務(wù)7 圖像標(biāo)簽的應(yīng)用 16
任務(wù)8 超鏈接標(biāo)簽的應(yīng)用 19
任務(wù)9 音頻和視頻標(biāo)簽的應(yīng)用 21
項(xiàng)目實(shí)戰(zhàn) 制作杭州亞運(yùn)會(huì)精彩賞析 23
課后習(xí)題 28
項(xiàng)目2　利用HTML5搭建網(wǎng)頁(yè)結(jié)構(gòu) 30
任務(wù)1 ul元素的應(yīng)用 32
任務(wù)2 ol元素的應(yīng)用 34
任務(wù)3 dl元素的應(yīng)用 35
任務(wù)4 列表的嵌套應(yīng)用 36
任務(wù)5 header元素的應(yīng)用 38
任務(wù)6 nav元素的應(yīng)用 39
任務(wù)7 article、section、aside、footer元素的應(yīng)用 40
任務(wù)8 figure和figcaption元素的應(yīng)用 43
任務(wù)9 hgroup元素的應(yīng)用 44
任務(wù)10 details和summary元素的應(yīng)用 46
項(xiàng)目實(shí)戰(zhàn) 制作“青少年心理健康教育”頁(yè)面 48
課后習(xí)題 53
項(xiàng)目3　利用CSS3美化網(wǎng)頁(yè)文本 56
任務(wù)1 行內(nèi)式的應(yīng)用 57
任務(wù)2 內(nèi)嵌式的應(yīng)用 59
任務(wù)3 鏈入式的應(yīng)用 61
任務(wù)4 導(dǎo)入式的應(yīng)用 63
任務(wù)5 標(biāo)簽選擇器和類選擇器的應(yīng)用 64
任務(wù)6 ID選擇器的應(yīng)用 66
任務(wù)7 通配符選擇器的應(yīng)用 67
任務(wù)8 標(biāo)簽指定式選擇器的應(yīng)用 69
任務(wù)9 后代選擇器的應(yīng)用 70
任務(wù)10 并集選擇器的應(yīng)用 72
任務(wù)11 字體樣式屬性的應(yīng)用 73
任務(wù)12 @font-face的應(yīng)用 75
任務(wù)13 文本外觀屬性的應(yīng)用 77
任務(wù)14 文本裝飾與文本陰影屬性的應(yīng)用 80
任務(wù)15 文本溢出屬性的應(yīng)用 82
任務(wù)16 CSS3層疊性和繼承性的應(yīng)用 83
任務(wù)17 CSS3優(yōu)先級(jí)的應(yīng)用 85
項(xiàng)目實(shí)戰(zhàn) 制作“反詐小課堂”頁(yè)面 87
課后習(xí)題 91
項(xiàng)目4　利用CSS3新增的選擇器制作網(wǎng)頁(yè) 93
任務(wù)1 屬性選擇器的應(yīng)用 94
任務(wù)2 子代選擇器的應(yīng)用 97
任務(wù)3 兄弟選擇器的應(yīng)用 99
任務(wù)4 :root選擇器的應(yīng)用 101
任務(wù)5 :not選擇器的應(yīng)用 102
任務(wù)6 :only-child選擇器的應(yīng)用 104
任務(wù)7 :first-child和:last-child選擇器的應(yīng)用 106
任務(wù)8 :nth-child(n)和:nth-last-child(n)選擇器的應(yīng)用 107
任務(wù)9 :nth-of-type(n)和:nth-last-of-type(n)選擇器的應(yīng)用 109
任務(wù)10 :before選擇器的應(yīng)用 111
任務(wù)11 :after選擇器的應(yīng)用 112
任務(wù)12 鏈接偽類選擇器的應(yīng)用 113
項(xiàng)目實(shí)戰(zhàn) 制作“安全教育”頁(yè)面 115
課后習(xí)題 118
項(xiàng)目5　利用盒子模型布局網(wǎng)頁(yè) 120
任務(wù)1 盒子模型基本屬性的應(yīng)用 121
任務(wù)2 border屬性的應(yīng)用 123
任務(wù)3 border-radius屬性的應(yīng)用 126
任務(wù)4 padding和margin屬性的應(yīng)用 128
任務(wù)5 box-sizing屬性的應(yīng)用 131
任務(wù)6 box-shadow屬性的應(yīng)用 133
任務(wù)7 float屬性的應(yīng)用 134
任務(wù)8 盒子模型清除浮動(dòng)的應(yīng)用 136
任務(wù)9 position屬性的應(yīng)用 140
任務(wù)10 背景屬性的應(yīng)用 144
任務(wù)11 opacity屬性的應(yīng)用 148
任務(wù)12 漸變屬性的應(yīng)用 150
任務(wù)13 重復(fù)漸變屬性的應(yīng)用 152
任務(wù)14 使用盒子模型布局網(wǎng)頁(yè) 154
項(xiàng)目實(shí)戰(zhàn) 制作“消防安全知識(shí)教育”頁(yè)面 157
課后習(xí)題 161
項(xiàng)目6　利用CSS3美化列表樣式 164
任務(wù)1 設(shè)置列表項(xiàng)目符號(hào) 165
任務(wù)2 制作橫向?qū)Ш?167
任務(wù)3 制作立體導(dǎo)航 170
任務(wù)4 制作下拉式菜單導(dǎo)航 172
任務(wù)5 制作下拉式面板導(dǎo)航 176
任務(wù)6 制作旅游攻略欄目 179
任務(wù)7 設(shè)計(jì)圖片列表版式 181
項(xiàng)目實(shí)戰(zhàn) 制作“青年教育宣傳”頁(yè)面 185
課后習(xí)題 190
項(xiàng)目7　利用CSS3美化表格和表單樣式 192
任務(wù)1 設(shè)置表格的背景顏色 193
任務(wù)2 設(shè)置表格的邊框樣式 195
任務(wù)3 設(shè)置單元格的邊框樣式 198
任務(wù)4 設(shè)置表頭的樣式 201
任務(wù)5 制作網(wǎng)頁(yè)通訊錄 205
任務(wù)6 制作用戶登錄表單 208
任務(wù)7 制作并美化用戶注冊(cè)表單 211
任務(wù)8 制作并美化用戶信息注冊(cè)表單 214
項(xiàng)目實(shí)戰(zhàn) 制作“景點(diǎn)排行榜”頁(yè)面 220
課后習(xí)題 228
項(xiàng)目8　利用CSS3制作網(wǎng)頁(yè)特效 230
任務(wù)1 定義平移效果 231
任務(wù)2 定義縮放效果 233
任務(wù)3 定義傾斜效果 235
任務(wù)4 定義2D旋轉(zhuǎn)效果 236
任務(wù)5 定義變形原點(diǎn) 238
任務(wù)6 定義3D旋轉(zhuǎn)效果 240
任務(wù)7 定義過(guò)渡效果 244
任務(wù)8 設(shè)置過(guò)渡效果持續(xù)時(shí)間 246
任務(wù)9 定義過(guò)渡效果速度曲線 248
任務(wù)10 制作CSS3動(dòng)畫(huà)效果 250
項(xiàng)目實(shí)戰(zhàn) 制作“旋轉(zhuǎn)的3D相冊(cè)”頁(yè)面 254
課后習(xí)題 260
項(xiàng)目9　實(shí)戰(zhàn)開(kāi)發(fā)——制作信息技術(shù)網(wǎng)站首頁(yè) 261