第1章　Web前端開發(fā)技術(shù)概述　1

知識點(diǎn)一：Web概述　2

知識點(diǎn)二：Web國際標(biāo)準(zhǔn)概述　4

知識點(diǎn)三：HTML基礎(chǔ)　8

知識點(diǎn)四：CSS基礎(chǔ)　11

知識點(diǎn)五：JavaScript基礎(chǔ)　12

知識點(diǎn)六：開源類庫jQuery簡介　16

知識點(diǎn)七：Web標(biāo)準(zhǔn)常見問題　25

第2章　博客類網(wǎng)站　28

任務(wù)2-1　網(wǎng)站整體布局分析設(shè)計(jì)　28

任務(wù)2-2　導(dǎo)航與Banner的實(shí)現(xiàn)　37

任務(wù)2-3　左側(cè)列表的實(shí)現(xiàn)　47

任務(wù)2-4　主體內(nèi)容與腳注的實(shí)現(xiàn)　65

任務(wù)2-5　頁面調(diào)整與測試　73

第3章　企業(yè)類網(wǎng)站　90

任務(wù)3-1　網(wǎng)站整體布局分析設(shè)計(jì)　90

任務(wù)3-2　企業(yè)網(wǎng)站頂部實(shí)現(xiàn)　103

任務(wù)3-3　企業(yè)網(wǎng)站主體左側(cè)導(dǎo)航與搜索欄實(shí)現(xiàn)　124

任務(wù)3-4　企業(yè)網(wǎng)站主體右側(cè)新聞欄和網(wǎng)站底部實(shí)現(xiàn)　135

任務(wù)3-5　企業(yè)網(wǎng)站頁面調(diào)整與測試　149

第4章　電子商務(wù)類網(wǎng)站　161

任務(wù)4-1　網(wǎng)站整體布局分析設(shè)計(jì)　161

任務(wù)4-2　頁面頭部具體實(shí)現(xiàn)　167

任務(wù)4-3　導(dǎo)航實(shí)現(xiàn)　171

任務(wù)4-4　滾動圖片廣告欄實(shí)現(xiàn)　186

任務(wù)4-5　女裝、男裝產(chǎn)品展示　196

任務(wù)4-6　品牌、實(shí)體店及頁腳展示　204

任務(wù)4-7　頁面調(diào)整與測試　216

第5章　綜合信息類網(wǎng)站　221

任務(wù)5-1　網(wǎng)站首頁整體布局分析設(shè)計(jì)　221

任務(wù)5-2　頁面頭部、Banner及導(dǎo)航具體實(shí)現(xiàn)　226

任務(wù)5-3　圖片瀏覽及新聞欄實(shí)現(xiàn)　231

任務(wù)5-4　房產(chǎn)、教育等信息欄具體實(shí)現(xiàn)　242

任務(wù)5-5　實(shí)現(xiàn)頁腳及W3C驗(yàn)證　249

任務(wù)5-6　列表頁具體實(shí)現(xiàn)　256

任務(wù)5-7　網(wǎng)站詳情頁具體實(shí)現(xiàn)　261

任務(wù)5-8　用戶注冊頁具體實(shí)現(xiàn)　265

第6章　利用HTML 5技術(shù)制作移動端頁面　279