人机交互作业页面设计

1、图形用户界面与人机交互方式结课作业题目：房产中介公司的数据库系统班级：计算机2011-3班学号：姓名：时间：2013年11月28号目录1、设计题目143.1.1房产中介公司的数据库系统（题目等级30）3.2、房产中介公司首页4.3、房产中介公司注册页5.4、提示注册成功页面6.5、个人修改页面7.6、房产中介公司介绍8.7、房产中介公司售房信息展示9.8、用户发布的详细售房信息1.09、房产中介公司的租赁页面1.110、房产中介公司的咨询页面1.211、房产中介公司的商务信息1.312、个人总结1.4.精选范本,供参考！1、设计题目141.1房产中介公司的数据库系统（题目等级30）行业简介：房

2、产中介如今一个非常热门的行业，越来越多的人出售，出租房子，也有越来越多的人需要买二手房，求租，合租房子。所以所需要的和处理的信息量非常，如果以传统方式处理这些信息非常烦琐，不但速度慢，容易出错，而且还要大量的人力，才力。这样在很大程度上限制了这个企业的发展。因此我们为房产中介公司设计一个数据库系统。公司背景：公司经营范围：房产买卖、租赁中介、咨询服务、商务信息咨询等在此数据库主要提供两类信息：房源信息和客户信息。把房源信息和客户对房屋的要求做比较，以此找出客户所需求的房子，方便管理。我们也可以让用户直接在网上查询所需要的信息，让用户以最快速度找到自己所需要的最新的信2、房产中介公司首页精选范本

3、，供参考!首页|公司介绍|房产买卖|租赁中介|咨询信息|商务信息在岳怯，乱1告楼岳三住号傥',之3转出传，露斗自在信总2日和Z古用工山担信息M日不工4*次4版权如图1为我设计的房产中介公司首页，我取名为信用房产。此页面采用蓝色为主色调，导航条采用蓝底白字。白色的字体更突出了这个网页的导航功能，而下面的内容采用黑色字体。在页面的中间，添加一些最新的房产信息，把他放在中间更醒目，让浏览者可以更快的了解最新的信息。我把登陆信息放在了右边，这样不会占用很大的页面空间，但是可以放浏览者可以很方便的注册为本网站的会员。3、房产中介公司注册页图2图2为房产中介公司的注册页。本页面采用了两种控件，文本

4、框和提交按钮。4、提示注册成功页面首页|公司介绍|房产买卖|租赁中介|咨询信息|商务信息用户此:“遗也注册成功！1、恭喜您成为我们的V1P用户2、请返回继续浏览房产信息3、谢谢您对我们的支持皈才丈图3图3为提示用户注册成功页面，如果用户注册失败，则会显示为注册失败,返回首页”的超链接。显示用户名和退出的区域我放在了导航条的右下方。在这里不会占用空间，也可以让用户很方便了解自己的登陆情况。5、个人修改页面扇套酉页I公司介绍个性要名用户名：【图4为房产中介公司会员个人信息修改页面。在这个页面，会员可以查看自己填写的所有个人信息，同时还可以进行修改。我还添加了重置按钮，方便用户使用。6、房产中介公司

5、介绍租赁中介用户W二*+退出售房去舒%”吟一个泮加1怖业,公司风永出租部踪翳权鸿，出和好,也有球租房都好的瑞屐二耨,样,辅知客服部版权图5为房产中介公司的简介。页面中间显示了房产行业的介绍，还用公司的经营范围。页面左侧展示了房产中介公司的各个部门。右侧显示了公司办公每部的实景，让浏览者更多的了解公司的情况。7、房产中介公司售房信息展示信宸房旁首页 公司介绍I房产买卖I租赁中介 咨谄信息I商务信息发布肺E至立to 5方上W你招：，10.5 万1Q5万瓒定I忑屋上方 桐普通住考 司心巧用 m电 用户埠添,加房屋相片用.产本-*2031L2；2013.11.27201MW板,之图6图6为房产中介公司

6、的售房页面。在这个页面，用户可以浏览售房信息，也可以发布自己的售房信息。页面左侧用户发布售房信息的区域，用户可以添加自己房屋的照片，房屋的大小情况。页面中间为其他用户发布的售房信息，在上面，我添加了一个导航条，在导航条上，方便用户选择售房信息。页面右侧添加了最新的售房信息。出租和求租的页面和图6类似。8、用户发布的详细售房信息租赁中介|咨询信急网务信息用户名二胁退出 mwn第一强用声名:*联至由式：*房星誉阶：5万房屋描述:a电僮1只£捌触觎：界跳版修M翳二很第三张版权图7为房产中介公司注册的会员发布的售房详细信息，此页面是用户在图6中间售房信息中点击任意一条的后出来的页面，此页面分

7、为左右两部分，左边为发布房屋信息的用户和自己房屋的实际情况，而右边提供了用户所要销售的房屋的更多实景图片。9、房产中介公司的租赁页面首页公司介绍房产买卖|租赁中介|咨询信息商务信息首用出堂中介V用户名：加联案方式：如利：男 皤否:否此梅：内向取业：学生 租房境求：部携优雅，干净整倦 邛身心禽。轩缶条件的出租年息房崖信息T W J.¥耐等用了“1LT固联系/W1E用户名：心或前丹或：z*用户名；=逗二伊将发布行间|36。/月2GUJ1.27360/宏201i.11.27& IP F 并 干一4图8为用户发布的租赁页面。左侧是用户发布的求租信息和用户的资料，右侧为根据用户情况检索

8、出来的相关出租信息。精选范本，供参考!10、房产中介公司的咨询页面精选范本，供参考!奇页内司介绍房产买卖租赁中介|咨询信息商务信息首后客询信息同卢，名：林您立件的胴器：r色房r出租I租房维克解三谢谢您对我们的支持图9为房产中介公司的客服页面。在这里用户可以选择自己相应的情况来选择售房、出租还是租房。通过给客服留言和房产中介公司沟通。11、房产中介公司的商务信息首页公司介绍I房产买卖租赁中介I咨询信总商务信息用户名：*退出首友-有冬信息商务删糕房地产总司建材公司1相关政府同站1房M产公司2旄材&司2在关政府网站2月地产公司3电材公司“相关政在网站$依权图10图10为房产中介公司的商务信息页面。本页面提供了各种链接到与房屋有关的服务。12、个人总结通过制作房产中介公司的网页，我学会了如何选择色彩的搭配和设计过程中的思想，我也能够更熟练地使用Photoshop软件的使用。做网页过程中，我参考了很多设计网站，看了很多别人设