国开电大《Web开发基础》形考任务实验1-5参考答案.docx

国开电大《Web开发基础》形考任务实验1-5参考答案

实验1电商网站前端页面内容编写

【目标】根据素材中的设计图，编写网站首页，查询列表页和详情页三个网页的html内容(暂时不用编写CSS代码)

【时间】约4学时【步骤】

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

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

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

①点击logo,可跳转回首页

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

(2)上部广告区域

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

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

(5)底部页脚内容

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

图2房源查询页面设