房屋交易系统的原型设计解析.docVIP

实验二 房屋交易系统的原型设计 【实验目的】 1．熟练掌握页面设计流程，掌握页面布局； 3．能够根据系统需求，设计项目原型Demo。 【实验准备】 一、复习配套教材相关章节的内容； 二、预习本次实验； 【实验内容】 房屋交易系统的页面文件如下表所示。 静态界面文件列表 zf.html 首页面 left.html 首页面左侧登录页面 main.html 首页面右侧查询界面 searchlist.html 查询结果显示界面 register.html 注册页面 afterLogin.html 登陆成功界面 myinfolist.html 个人售房信息管理界面 sendinfo.html 发布售房信息界面 各页面具体如下描述（在界面设计过程中，只要保证页面的框架一致，所用图片等要求不一致。）： 1．系统主界面图。主界面命名为zf.html,左侧登录界面和右侧登录界面通过iframe嵌入，分别命名为left.html和main.html。 2．点击图1中的注册用户超链接，打开注册用户界面如图2所示。注册用户界面命名为register.html。 3．点击图1中的查询按钮，查询结果显示如图3所示。查询结果显示界面命名为searchlist.html。 4．点击图1中的登录按钮，登录成功界面如图4所示。登录成功后的界面命名为afterlogin.html。 5．点击图4中的管