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

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

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

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

【时间】约4学时

【步骤】

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

图1网站首页设计图

包括：

（1）顶部主导航栏和登录状态按钮

①点击logo，可跳转回首页

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

（2）上部广告区域

（3）中部热链接按钮列表

（4）下部二维码广告区域

（5）底部页脚内容

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

图2房源查询