模塊一 Web前端開(kāi)發(fā)基礎(chǔ)知識(shí)
教學(xué)導(dǎo)航
漸進(jìn)訓(xùn)練
任務(wù)1 安裝Web瀏覽器
任務(wù)2 安裝VisualStudioCode
任務(wù)3 使用VisualStudioCode創(chuàng)建項(xiàng)目
任務(wù)4 農(nóng)產(chǎn)品電商首頁(yè)設(shè)計(jì)
探索訓(xùn)練
任務(wù)1 用開(kāi)發(fā)工具編寫(xiě)網(wǎng)頁(yè)文件
模塊小結(jié)
習(xí)題與實(shí)訓(xùn)

模塊二 網(wǎng)頁(yè)中的圖文展示
教學(xué)導(dǎo)航
漸進(jìn)訓(xùn)練
任務(wù)1 前端學(xué)習(xí)路線
任務(wù)2 傳統(tǒng)節(jié)日中秋節(jié)頁(yè)面的制作
探索訓(xùn)練
任務(wù)1 設(shè)計(jì)編寫(xiě)圖文新聞
模塊小結(jié)
習(xí)題與實(shí)訓(xùn)

模塊三 網(wǎng)頁(yè)中超鏈接的應(yīng)用
教學(xué)導(dǎo)航
漸進(jìn)訓(xùn)練
任務(wù)1 中國(guó)傳統(tǒng)節(jié)日介紹頁(yè)面
任務(wù)2 電視劇劇情介紹頁(yè)面的制作
探索訓(xùn)練
任務(wù)1 運(yùn)用鏈接編寫(xiě)助農(nóng)網(wǎng)個(gè)人中心頁(yè)面
模塊小結(jié)
習(xí)題與實(shí)訓(xùn)

模塊四 網(wǎng)頁(yè)中列表的應(yīng)用
教學(xué)導(dǎo)航
漸進(jìn)訓(xùn)練
任務(wù)1 新聞列表頁(yè)的制作
任務(wù)2 新聞排行榜
任務(wù)3 頁(yè)腳部分
探索訓(xùn)練
任務(wù)1 使用網(wǎng)頁(yè)開(kāi)發(fā)者工具，仿寫(xiě)網(wǎng)頁(yè)
模塊小結(jié)
習(xí)題與實(shí)訓(xùn)

模塊五 網(wǎng)頁(yè)中表格的應(yīng)用
教學(xué)導(dǎo)航
漸進(jìn)訓(xùn)練
任務(wù)1 農(nóng)產(chǎn)品電商市場(chǎng)運(yùn)行大數(shù)據(jù)圖表
任務(wù)2 我的訂單頁(yè)面
探索訓(xùn)練
任務(wù)1 運(yùn)用表格進(jìn)行布局，編寫(xiě)紅色旅游網(wǎng)站首頁(yè)
模塊小結(jié)
習(xí)題與實(shí)訓(xùn)

模塊六 CSS3美化頁(yè)面
教學(xué)導(dǎo)航
漸進(jìn)訓(xùn)練
任務(wù)1 網(wǎng)站簡(jiǎn)介部分
任務(wù)2 關(guān)于我們頁(yè)面
探索訓(xùn)練
任務(wù)1 制作個(gè)人博客或企業(yè)網(wǎng)主頁(yè)
模塊小結(jié)
習(xí)題與實(shí)訓(xùn)
……

模塊七 盒子模型和背景屬性的應(yīng)用
模塊八 網(wǎng)頁(yè)中常見(jiàn)布局的應(yīng)用
模塊九 網(wǎng)頁(yè)中表單的應(yīng)用
模塊十 CSS3高級(jí)應(yīng)用

附錄