河北開放大學24秋實驗5：電商網站前端頁面響應式設計（20分）

【目標】按照素材中設計圖將實驗1和實驗2中的首頁，改為響應式

【時間】約5學時

【步驟】

1．根據以下三張不同設備下的設計圖，使用Bootstrap柵格系統，將首頁轉為響應式網頁 PC下:

PC下:

Pad下:

手機下:

【實驗要求】

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

實驗報告由實驗目標、實驗環(huán)境、實驗內容、實驗結果、實驗體會五個方面構成，其中，實驗結果為本階段編寫的網頁的運行效果截圖。新版首頁的HTML代碼、CSS代碼以及素材圖片的壓縮包。

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

【實驗評價要點】

輔導教師對學員的實際操作進行評價，評價應該包括：

1.使用Bootstrap柵格系統實現頂部響應式導航條

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

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

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

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