河北开放大学24秋实验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完成其基础内容和结构