項目1　利用HTML5制作圖文混排頁面 1
任務(wù)1 第一個網(wǎng)頁的創(chuàng)建 3
任務(wù)2 頁面格式化標(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 文本語義標(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
項目實(shí)戰(zhàn) 制作杭州亞運(yùn)會精彩賞析 23
課后習(xí)題 28
項目2　利用HTML5搭建網(wǎng)頁結(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
項目實(shí)戰(zhàn) 制作“青少年心理健康教育”頁面 48
課后習(xí)題 53
項目3　利用CSS3美化網(wǎng)頁文本 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)先級的應(yīng)用 85
項目實(shí)戰(zhàn) 制作“反詐小課堂”頁面 87
課后習(xí)題 91
項目4　利用CSS3新增的選擇器制作網(wǎng)頁 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
項目實(shí)戰(zhàn) 制作“安全教育”頁面 115
課后習(xí)題 118
項目5　利用盒子模型布局網(wǎng)頁 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 盒子模型清除浮動的應(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)頁 154
項目實(shí)戰(zhàn) 制作“消防安全知識教育”頁面 157
課后習(xí)題 161
項目6　利用CSS3美化列表樣式 164
任務(wù)1 設(shè)置列表項目符號 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è)計圖片列表版式 181
項目實(shí)戰(zhàn) 制作“青年教育宣傳”頁面 185
課后習(xí)題 190
項目7　利用CSS3美化表格和表單樣式 192
任務(wù)1 設(shè)置表格的背景顏色 193
任務(wù)2 設(shè)置表格的邊框樣式 195
任務(wù)3 設(shè)置單元格的邊框樣式 198
任務(wù)4 設(shè)置表頭的樣式 201
任務(wù)5 制作網(wǎng)頁通訊錄 205
任務(wù)6 制作用戶登錄表單 208
任務(wù)7 制作并美化用戶注冊表單 211
任務(wù)8 制作并美化用戶信息注冊表單 214
項目實(shí)戰(zhàn) 制作“景點(diǎn)排行榜”頁面 220
課后習(xí)題 228
項目8　利用CSS3制作網(wǎng)頁特效 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 定義過渡效果 244
任務(wù)8 設(shè)置過渡效果持續(xù)時間 246
任務(wù)9 定義過渡效果速度曲線 248
任務(wù)10 制作CSS3動畫效果 250
項目實(shí)戰(zhàn) 制作“旋轉(zhuǎn)的3D相冊”頁面 254
課后習(xí)題 260
項目9　實(shí)戰(zhàn)開發(fā)——制作信息技術(shù)網(wǎng)站首頁 261