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

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

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

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

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

任務3 添加段落和文字

任務4 添加菜單欄列表

任務5 添加超鏈接

任務6 添加會員功能表格

任務7 添加宣傳圖片

任務8 添加留言板表單

任務9 添加宣傳視頻

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

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

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

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

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

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

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

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

任務17 使用CSS 動畫制作下拉菜單

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

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

任務19 制作響應式導航菜單

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

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

任務22 對頁面進行無障礙改造

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

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

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

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

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

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