中国医科大学在线作业答案
大学英语B统考资料100元起包3年在线作业
东财作业答案奥鹏网考请联系东大作业答案
南开在线作业答案 大工在线作业答案QQ:514169068 奥鹏网考
查看: 564|回复: 0

实验5:电商网站前端页面响应式设计(20分)

[复制链接]
  • TA的每日心情
    擦汗
    2018-12-6 12:52
  • 签到天数: 7 天

    [LV.3]偶尔看看II

    发表于 2020-12-1 21:16:50 | 显示全部楼层 |阅读模式
    在线作业最低5元/门QQ 800003091 签到赚金币

    【目标】按照素材中设计图将实验1和实验2中的首页,改为响应式

    【时间】约5学时

    【步骤】

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

    PC下:


    Pad下:


    手机下:


    【实验要求】

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

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

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

    【实验评价要点】

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

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

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

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

    4.除完成设计效果图规定的布局效果外,还要保证自行添加的自定义部分内容在不同设备下也能支持响应式
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则


     
     
    客服一
    客服二
    咨询一
    咨询二
    奥鹏在线作业交流群
    工作时间:
    8:30-24:00
    双休日正常上班
    扫一扫加官方微信
    快速回复 返回顶部 返回列表