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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

任務(wù)17 使用CSS 動(dòng)畫(huà)制作下拉菜單

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

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

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

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

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

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

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

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

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

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

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

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