Web前端開發(fā)任務(wù)教程（HTML+CSS+JavaScript+jQuery）

第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