HTML5+CSS3網(wǎng)頁設(shè)計與制作實訓(xùn)題集（中\(zhòng)高級技能層級全國技工院校計算機類專業(yè)）

項目一 使用HTML5+CSS3制作響應(yīng)式網(wǎng)頁
階段 制作網(wǎng)頁內(nèi)容
實訓(xùn)任務(wù)1 配置工作環(huán)境
實訓(xùn)任務(wù)2 編寫網(wǎng)頁內(nèi)容的結(jié)構(gòu)
實訓(xùn)任務(wù)3 添加段落和文字
實訓(xùn)任務(wù)4 添加菜單欄列表
實訓(xùn)任務(wù)5 添加超鏈接
實訓(xùn)任務(wù)6 添加會員功能表格
實訓(xùn)任務(wù)7 添加宣傳圖片
實訓(xùn)任務(wù)8 添加留言板表單
實訓(xùn)任務(wù)9 添加宣傳視頻
第二階段 使用CSS3設(shè)置網(wǎng)頁格式
實訓(xùn)任務(wù)10 為網(wǎng)頁添加CSS樣式表
實訓(xùn)任務(wù)11 設(shè)置段落格式
實訓(xùn)任務(wù)12 布局網(wǎng)頁
實訓(xùn)任務(wù)13 美化網(wǎng)頁元素背景
實訓(xùn)任務(wù)14 設(shè)置邊框和陰影效果
實訓(xùn)任務(wù)15 設(shè)置按鈕交互格式
實訓(xùn)任務(wù)16 設(shè)置菜單和列表格式
實訓(xùn)任務(wù)17 使用CSS動畫制作頁面下拉菜單
實訓(xùn)任務(wù)18 設(shè)置表單元素交互效果
第三階段 制作響應(yīng)式網(wǎng)頁
實訓(xùn)任務(wù)19 制作響應(yīng)式導(dǎo)航菜單
實訓(xùn)任務(wù)20 編寫網(wǎng)頁柵格系統(tǒng)
實訓(xùn)任務(wù)21 重布局頁面實現(xiàn)響應(yīng)式效果
實訓(xùn)任務(wù)22 對頁面進行無障礙改造
實訓(xùn)任務(wù)23 測試及兼容性設(shè)置
項目二 使用Bootstrap開源框架快速搭建響應(yīng)式網(wǎng)頁
實訓(xùn)任務(wù)1 配置Bootstrap開發(fā)環(huán)境
實訓(xùn)任務(wù)2 使用Bootstrap柵格系統(tǒng)快速布局頁面
實訓(xùn)任務(wù)3 使用Bootstrap組件和JS插件制作網(wǎng)頁導(dǎo)航條
實訓(xùn)任務(wù)4 使用Bootstrap組件和JS插件制作網(wǎng)頁內(nèi)容