电商网页设计代码-《WEB开发基础》表格测试任务【答案】中国国家发改委实验1-5：为某电子商务网站前端页面准备内容

②点击“出租”跳转至出租列表页面

(2)上部广告区

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

（4）下方二维码广告区

(5) 底部页脚内容

2.根据资料中给出的房屋查询页面的设计电商网页设计代码，实现“租房”页面的HTML内容

图2 房屋查询页面设计图

包括：

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

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

(3)下方的租赁信息列表和分页按钮。 点击租赁列表中的图片电商网页设计代码卡通形象，跳转至详情页面。

3、根据资料中给出的房屋详情页面的设计吉祥物，实现租房详情页面的HTML内容

图3 房屋详情页面设计

包括：

(1) 标题

(2)左侧图片显示区域

（三）右侧租房主要信息项

(4) 租赁详情如下

注：页面内容和布局结构可以根据自己的理解进行适当改造和修改，不能完全相同。

【实验要求】

所需材料为实验报告。

实验报告由实验目标、实验环境、实验内容、实验结果、实验心得五个方面组成。 其中，实验结果是现阶段编写的网页运行效果的截图。 实验报告附件中包含网站三个页面的HTML代码和素材图片压缩包。

需要提交的材料必须以WinRAR或WinZip等压缩包的形式上传。 该实验占形式测试成绩的16%。

【实验评价要点】

导师将对所提交的三个网页的 HTML 代码进行评估。 评估应包括：

1.能够利用HTML5结构元素和div分区元素来划分页面的整体结构

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

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

4.能够根据设计图要求在网页中添加图片

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

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

7、除了完成设计效果图规定的内容外，还必须模仿当前的网页设计，添加定制的网页内容区域，并使用HTML实现其基本内容和结构。