項(xiàng)目一網(wǎng)頁(yè)基礎(chǔ)
任務(wù)一瀏覽網(wǎng)站1
任務(wù)二創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)4
任務(wù)三 Web標(biāo)準(zhǔn)9
項(xiàng)目二HTML基本結(jié)構(gòu)
任務(wù)一創(chuàng)建一個(gè)HTML5頁(yè)面12
任務(wù)二HTML5頁(yè)面基本結(jié)構(gòu)16
任務(wù)三分級(jí)標(biāo)題19
任務(wù)四HTML5頁(yè)面構(gòu)成20
項(xiàng)目三文本
任務(wù)一基本文本標(biāo)記一36
任務(wù)二基本文本標(biāo)記二42
任務(wù)三其他文本元素47
任務(wù)四轉(zhuǎn)義字符52
項(xiàng)目四CSS樣式
任務(wù)一CSS基本概念54
任務(wù)二構(gòu)造樣式規(guī)則55
任務(wù)三CSS樣式選擇器61
任務(wù)四操作樣式表74
任務(wù)五樣式的繼承79
任務(wù)六層疊樣式81
任務(wù)七CSS盒模型84
任務(wù)八給文本添加CSS樣式88
項(xiàng)目五列表
任務(wù)一無(wú)序列表、有序列表、描述列表94
任務(wù)二嵌套列表97
任務(wù)三設(shè)置列表樣式99
任務(wù)四設(shè)置嵌套列表的樣式104
項(xiàng)目六圖像
任務(wù)一在網(wǎng)頁(yè)中插入圖像107
任務(wù)二設(shè)置圖像基本樣式110
任務(wù)三設(shè)置圖像垂直對(duì)齊112
任務(wù)四使用背景圖像114
任務(wù)五更多CSS3的背景控制119
任務(wù)六圖文混排123
項(xiàng)目七超級(jí)鏈接
任務(wù)一超級(jí)鏈接的標(biāo)記及基本屬性128
任務(wù)二其他類(lèi)型超級(jí)鏈接131
任務(wù)三錨點(diǎn)鏈接133
任務(wù)四設(shè)置超級(jí)鏈接樣式135
任務(wù)五圖像映射鏈接138
任務(wù)六導(dǎo)航菜單140
項(xiàng)目八表格
任務(wù)一表格的基本結(jié)構(gòu)146
任務(wù)二跨行跨列的表格150
任務(wù)三使用CSS美化表格152
項(xiàng)目九使用CSS進(jìn)行頁(yè)面布局
任務(wù)一Web頁(yè)面布局簡(jiǎn)介157
任務(wù)二網(wǎng)頁(yè)居中163
任務(wù)三元素顯示方式169
任務(wù)四float多欄布局171
任務(wù)五盒布局182
任務(wù)六使用自適應(yīng)窗口的彈性盒布局187
任務(wù)七position定位194
項(xiàng)目十多媒體
任務(wù)一第三方插件及原生應(yīng)用202
任務(wù)二添加視頻203
任務(wù)三添加音頻206
任務(wù)四添加Flash播放器208
任務(wù)五高級(jí)多媒體210
項(xiàng)目十一表單
任務(wù)一表單概述212
任務(wù)二創(chuàng)建表單213
任務(wù)三HTML5新增的元素屬性222
任務(wù)四設(shè)置表單樣式227
項(xiàng)目十二使用CSS3進(jìn)行增強(qiáng)
任務(wù)一使用CSS3239
任務(wù)二圓角240
任務(wù)三為文本添加陰影和應(yīng)用多重背景243
任務(wù)四使用漸變背景247
任務(wù)五設(shè)置元素的不透明度250
任務(wù)六使用Web字體252
項(xiàng)目十三綜合實(shí)例
任務(wù)一網(wǎng)頁(yè)框架構(gòu)建及素材的準(zhǔn)備254
任務(wù)二建立本地站點(diǎn)256
任務(wù)三使用HTML創(chuàng)建頁(yè)面結(jié)構(gòu)256
任務(wù)四使用CSS布局并美化頁(yè)面260
項(xiàng)目十四Web測(cè)試與發(fā)布
任務(wù)一代碼驗(yàn)證267
任務(wù)二測(cè)試頁(yè)面272
任務(wù)三HTML和CSS中的常見(jiàn)錯(cuò)誤273
任務(wù)四網(wǎng)站發(fā)布276
參考文獻(xiàn)279