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

实验1:电商网站前端页面内容编写(16分)

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

    [LV.3]偶尔看看II

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

    实验1:电商网站前端页面内容编写(16分)
    【目标】根据素材中的设计图,编写网站首页,查询列表页和详情页三个网页的html内容(暂时不用编写CSS代码)

    【时间】约4学时

    【步骤】

    1.根据素材中给定的网站首页设计图实现租房网首页HTML内容的定义


    图1 网站首页设计图
    包括:

    (1)顶部主导航栏和登录状态按钮

      ①点击logo,可跳转回首页

      ②点击”租房”,可跳转到租房列表页面

    (2)上部广告区域

    (3)中部热链接按钮列表

    (4)下部二维码广告区域

    (5)底部页脚内容

    2.根据素材中给定的房源查询页面设计图实现“租房”页面的HTML内容


    图2 房源查询页面设计图
    包括:

    (1)新的顶部主导航栏和登录状态按钮

    (2)上部搜索框和搜索条件区域

    (3)下方租房信息列表及分页按钮,其中点击租房列表中的图片可跳转到详情页

    3.根据素材中给定的房屋详情页面设计图实现租房详细信息页面的HTML内容


    图3 房屋详情页面设计图
    包括:

    (1)标题

    (2)左侧图片展示区域

    (3)右侧租房主要信息项

    (4)下方租房详细信息

    说明:对页面内容和布局结构,根据自己的理解可以进行适当改造和修改加工,不可完全雷同

    【实验要求】

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

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

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

    【实验评价要点】

    辅导教师对提交的三个网页的HTML代码进行评价,评价应该包括:

    1.能够使用HTML5结构元素和div分区元素,划分页面整体结构

    2.能够灵活使用列表元素定义导航

    3.能够灵活使用a元素定义各种超链接

    4.能够按照设计图要求,为网页添加图片

    5.能够利用表单元素为网页添加信息收集的功能

    6.能够利用表格元素定义查询结果列表

    7.除完成设计效果图规定的内容外,还要模仿当前网页设计,自行添加一个自定义的网页内容区域,并用HTML实现其基础内容和
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则


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