河北开放大学24秋实验5：电商网站前端页面响应式设计（20分）【标准答案】

【方针】依照资料中设计图将试验1和试验2中的主页，改为呼应式

【时刻】约5学时

【过程】

1．依据以下三张不一样设备下的设计图，运用Bootstrap栅格系统，将主页转为呼应式网页 PC下:

PC下:


Pad下:


手机下:


【试验要求】

需求提交的资料为试验陈述。

试验陈述由试验方针、试验环境、试验内容、试验成果、试验领会五个方面构成，其间，试验成果为本期间编写的网页的运转作用截图。新版主页的HTML代码、CSS代码以及资料图像的紧缩包。

需求提交的资料以WinRAR或WinZip等紧缩包方式上载。本试验占形考绩绩的20%。

【试验评估关键】

教导老师对学员的实践操作进行评估，评估大概包含：

1.运用Bootstrap栅格系统完成顶部呼应式导航条

2.运用Bootstrap轮播组件修正上部广告为轮播方法

3.运用相对单位和弹性布局完成列表项在不一样设备中的正常显现

4.除完结设计作用图规则的布局作用外，还要确保自行增加的自界说有些内容在不一样设备下也能撑持呼应式