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

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