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

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

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

【步驟】

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

PC下:

Pad下:

手機下:

【實驗要求】

需要提交的材料為實驗報告。

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

需要提交的材料以WinRAR或WinZip等壓縮包形式上傳。本實驗占形考成績的20%。

【實驗評價要點】

輔導(dǎo)教師對學(xué)員的實際操作進行評價，評價應(yīng)該包括：

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

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

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

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

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