HTML5+CSS3網(wǎng)頁設(shè)計與制作

項目一 使用HTML5+CSS3 制作響應(yīng)式網(wǎng)頁

第一階段 制作網(wǎng)頁內(nèi)容 

任務(wù)1 配置工作環(huán)境

任務(wù)2 編寫網(wǎng)頁內(nèi)容的結(jié)構(gòu)

任務(wù)3 添加段落和文字

任務(wù)4 添加菜單欄列表

任務(wù)5 添加超鏈接

任務(wù)6 添加會員功能表格

任務(wù)7 添加宣傳圖片

任務(wù)8 添加留言板表單

任務(wù)9 添加宣傳視頻

第二階段 使用CSS3 設(shè)置網(wǎng)頁格式 

任務(wù)10 為網(wǎng)頁添加CSS 樣式表

任務(wù)11 設(shè)置段落格式

任務(wù)12 布局網(wǎng)頁

任務(wù)13 美化網(wǎng)頁元素背景

任務(wù)14 設(shè)置邊框和陰影效果

任務(wù)15 設(shè)置按鈕交互格式

任務(wù)16 設(shè)置菜單和列表格式

任務(wù)17 使用CSS 動畫制作下拉菜單

任務(wù)18 設(shè)置表單元素交互效果

第三階段 制作響應(yīng)式網(wǎng)頁 

任務(wù)19 制作響應(yīng)式導(dǎo)航菜單

任務(wù)20 編寫網(wǎng)頁柵格系統(tǒng)

任務(wù)21 重布局頁面實現(xiàn)響應(yīng)式效果

任務(wù)22 對頁面進(jìn)行無障礙改造

任務(wù)23 測試及兼容性設(shè)置

項目二 使用Bootstrap 開源框架快速搭建響應(yīng)式網(wǎng)頁

任務(wù)1 配置Bootstrap 開發(fā)環(huán)境

任務(wù)2 使用Bootstrap 柵格系統(tǒng)快速布局頁面

任務(wù)3 使用Bootstrap 組件和JS 插件制作網(wǎng)頁導(dǎo)航條

任務(wù)4 使用Bootstrap 組件和JS 插件制作網(wǎng)頁內(nèi)容