河北開放大學(xué)24秋實(shí)驗(yàn)5：電商網(wǎng)站前端頁(yè)面響應(yīng)式設(shè)計(jì)（20分）

【目標(biāo)】按照素材中設(shè)計(jì)圖將實(shí)驗(yàn)1和實(shí)驗(yàn)2中的首頁(yè)，改為響應(yīng)式

【時(shí)間】約5學(xué)時(shí)

【步驟】

1．根據(jù)以下三張不同設(shè)備下的設(shè)計(jì)圖，使用Bootstrap柵格系統(tǒng)，將首頁(yè)轉(zhuǎn)為響應(yīng)式網(wǎng)頁(yè) PC下:

PC下:

Pad下:

手機(jī)下:

【實(shí)驗(yàn)要求】

需要提交的材料為實(shí)驗(yàn)報(bào)告。

實(shí)驗(yàn)報(bào)告由實(shí)驗(yàn)?zāi)繕?biāo)、實(shí)驗(yàn)環(huán)境、實(shí)驗(yàn)內(nèi)容、實(shí)驗(yàn)結(jié)果、實(shí)驗(yàn)體會(huì)五個(gè)方面構(gòu)成，其中，實(shí)驗(yàn)結(jié)果為本階段編寫的網(wǎng)頁(yè)的運(yùn)行效果截圖。新版首頁(yè)的HTML代碼、CSS代碼以及素材圖片的壓縮包。

需要提交的材料以WinRAR或WinZip等壓縮包形式上傳。本實(shí)驗(yàn)占形考成績(jī)的20%。

【實(shí)驗(yàn)評(píng)價(jià)要點(diǎn)】

輔導(dǎo)教師對(duì)學(xué)員的實(shí)際操作進(jìn)行評(píng)價(jià)，評(píng)價(jià)應(yīng)該包括：

1.使用Bootstrap柵格系統(tǒng)實(shí)現(xiàn)頂部響應(yīng)式導(dǎo)航條

2.使用Bootstrap輪播組件修改上部廣告為輪播方式

3.使用相對(duì)單位和彈性布局實(shí)現(xiàn)列表項(xiàng)在不同設(shè)備中的正常顯示

4.除完成設(shè)計(jì)效果圖規(guī)定的布局效果外，還要保證自行添加的自定義部分內(nèi)容在不同設(shè)備下也能支持響應(yīng)式

奧鵬，國(guó)開，廣開，電大在線，各省平臺(tái)，新疆一體化等平臺(tái)學(xué)習(xí)
詳情請(qǐng)咨詢QQ : 3230981406或微信:aopopenfd777