網頁設計與開發（HTML5+CSS3）

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