Web前端開發(fā)項(xiàng)目教程（HTML5+CSS3+JavaScript 微課版）

項(xiàng)目1 認(rèn)識網(wǎng)站和網(wǎng)頁
【情境導(dǎo)入】
任務(wù)1-1 網(wǎng)站設(shè)計(jì)與開發(fā)起步
【任務(wù)提出】
【學(xué)習(xí)目標(biāo)】
【相關(guān)知識】
一、基本概念
二、網(wǎng)頁的標(biāo)準(zhǔn)化
三、瀏覽器的開發(fā)者工具
【項(xiàng)目實(shí)踐】
任務(wù)1-2 制作 個網(wǎng)頁
【任務(wù)提出】
【學(xué)習(xí)目標(biāo)】
【相關(guān)知識】
一、常用HTML編輯器
二、創(chuàng)建古詩詞網(wǎng)頁
【項(xiàng)目實(shí)踐】
【小結(jié)】
【習(xí)題】
項(xiàng)目2 網(wǎng)頁的藍(lán)圖——簡單布局
【情境導(dǎo)入】
任務(wù)2-1 使用CSS裝飾網(wǎng)頁
【任務(wù)提出】
【學(xué)習(xí)目標(biāo)】
【相關(guān)知識】
一、DIV+CSS網(wǎng)頁布局
二、CSS
【項(xiàng)目實(shí)踐】
任務(wù)2-2 巧用選擇器調(diào)兵遣將
【任務(wù)提出】
【學(xué)習(xí)目標(biāo)】
【相關(guān)知識】
一、CSS選擇器
二、基本選擇器的用法
三、擴(kuò)展選擇器的用法
【項(xiàng)目實(shí)踐】
任務(wù)2-3 使用盒模型劃分頁面
【任務(wù)提出】
【學(xué)習(xí)目標(biāo)】
【相關(guān)知識】
一、HTML元素的分類和轉(zhuǎn)換
二、塊級元素的盒模型
三、盒子的占位
【項(xiàng)目實(shí)踐】
任務(wù)2-4 使用BFC隔離空間
【任務(wù)提出】
【學(xué)習(xí)目標(biāo)】
【相關(guān)知識】
一、垂直外邊距的合并
二、BFC布局