項(xiàng)目一 Web前端開(kāi)發(fā)入門(mén)...............................................................................................1任務(wù)一 初識(shí)Web前端技術(shù)................................................................................................................1任務(wù)二 走進(jìn)HTML5............................................................................................................................9任務(wù)三 制作第一個(gè)網(wǎng)頁(yè)....................................................................................................................12項(xiàng)目二 網(wǎng)頁(yè)中插入圖像和文本........................................................................................17任務(wù)一 網(wǎng)頁(yè)中文本的應(yīng)用................................................................................................................17任務(wù)二 網(wǎng)站首頁(yè)中圖像的應(yīng)用.......................................................................................................26項(xiàng)目三 初識(shí)首頁(yè)布局....................................................................................................37任務(wù)一 CSS裝飾網(wǎng)頁(yè)........................................................................................................................37任務(wù)二 CSS3選擇器..........................................................................................................................44任務(wù)三 盒子模型................................................................................................................................54項(xiàng)目四 DIV CSS復(fù)雜布局............................................................................................73任務(wù)一 浮動(dòng)布局兩欄式頁(yè)面............................................................................................................73任務(wù)二 DIV CSS布局網(wǎng)上商城首頁(yè)...............................................................................................82任務(wù)三 網(wǎng)格布局網(wǎng)上蔬果商城首頁(yè)...............................................................................................87項(xiàng)目五 網(wǎng)站首頁(yè)添加導(dǎo)航..............................................................................................96任務(wù)一 頁(yè)面中超鏈接的使用............................................................................................................96任務(wù)二 一級(jí)導(dǎo)航菜單的設(shè)計(jì)開(kāi)發(fā).................................................................................................102任務(wù)三 二級(jí)彈出式菜單的定位.....................................................................................................110項(xiàng)目六 網(wǎng)頁(yè)中插入視頻和音頻.......................................................................................118任務(wù)一 向網(wǎng)頁(yè)中插入視頻..............................................................................................................118任務(wù)二 向網(wǎng)頁(yè)中插入音頻..............................................................................................................122項(xiàng)目七 制作多級(jí)導(dǎo)航...................................................................................................126任務(wù)一 認(rèn)識(shí)列表..............................................................................................................................126任務(wù)二 使用列表制作多級(jí)導(dǎo)航.....................................................................................................144任務(wù)三 使用彈性盒布局..................................................................................................................151項(xiàng)目八 網(wǎng)頁(yè)中應(yīng)用表格、表單元素................................................................................168任務(wù)一 網(wǎng)頁(yè)中表格元素的應(yīng)用..................................................................................................... 168任務(wù)二 網(wǎng)頁(yè)中表單元素的應(yīng)用..................................................................................................... 179項(xiàng)目九 網(wǎng)站中的動(dòng)態(tài)效果.............................................................................................200任務(wù)一 過(guò)渡、變形和動(dòng)畫(huà)應(yīng)用..................................................................................................... 200任務(wù)二 實(shí)現(xiàn)網(wǎng)站首頁(yè)的輪播圖..................................................................................................... 218參考文獻(xiàn).......................................................................................................................238