课程地址：点击查看本课程最新任务列表

付费内容 购买记录

隐藏答案

用户购买价格：5金币

本套试题答案购买后显示

购买本答案

【上面答案为下列试题答案，请核对试题后再购买】www.botiku.com零号电大
请从电脑端购买下载压缩包文件，文件下载后可以直接上传学习网
实验5：电商网站前端页面响应式设计
【目标】按照素材中设计图将实验1和实验2中的首页，改为响应式

【时间】约5学时

【步骤】

1．根据以下三张不同设备下的设计图，使用Bootstrap栅格系统，将首页转为响应式网页 PC下:

PC下:


Pad下:


手机下:


【实验要求】

需要提交的材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成，其中，实验结果为本阶段编写的网页的运行效果截图。新版首页的HTML代码、CSS代码以及素材图片的压缩包。

需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的20%。

【实验评价要点】

辅导教师对学员的实际操作进行评价，评价应该包括：

1.使用Bootstrap栅格系统实现顶部响应式导航条

2.使用Bootstrap轮播组件修改上部广告为轮播方式

3.使用相对单位和弹性布局实现列表项在不同设备中的正常显示

4.除完成设计效果图规定的布局效果外，还要保证自行添加的自定义部分内容在不同设备下也能支持响应式

课程地址：点击查看本课程最新任务列表

付费内容 购买记录

隐藏答案

用户购买价格：5金币

本套试题答案购买后显示

购买本答案

【上面答案为下列试题答案，请核对试题后再购买】www.botiku.com零号电大
请从电脑端购买下载压缩包文件，文件下载后可以直接上传学习网
实验5：电商网站前端页面响应式设计
【目标】按照素材中设计图将实验1和实验2中的首页，改为响应式

【时间】约5学时

【步骤】

1．根据以下三张不同设备下的设计图，使用Bootstrap栅格系统，将首页转为响应式网页 PC下:

PC下:


Pad下:


手机下:


【实验要求】

需要提交的材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验体会五个方面构成，其中，实验结果为本阶段编写的网页的运行效果截图。新版首页的HTML代码、CSS代码以及素材图片的压缩包。

需要提交的材料以WinRAR或WinZip等压缩包形式上传。本实验占形考成绩的20%。

【实验评价要点】

辅导教师对学员的实际操作进行评价，评价应该包括：

1.使用Bootstrap栅格系统实现顶部响应式导航条

2.使用Bootstrap轮播组件修改上部广告为轮播方式

3.使用相对单位和弹性布局实现列表项在不同设备中的正常显示

4.除完成设计效果图规定的布局效果外，还要保证自行添加的自定义部分内容在不同设备下也能支持响应式