市房屋中介网站的设计与实现
房屋中介网站是有关于房屋租售的一个平台网站，现如今买房、租房是一大热事，无论大家的经济状况如何，住房都是需要首先解决的事情。目前房屋中介类的网站也特别的多，形形色色，但是却鱼龙混杂，让大家很不放心.我们所设计的房屋中介网站采用了HTML、CSS以JavaScript这些技术进行设计，整体上显得简洁大气，给人一种如沐春风的感觉。而这一类技术所进行的编程也更加的便于维护，这也是本网站的优势之一。本网站主要包括如下这几个模块首页、关于我们、租售房、二手房、我要买房、联系我们这六个模块。不同的模块囊括了不同的信息，让顾客网友们更能直观的选择自己想浏览的信息，为买房和卖方都提供了极大的便利。
目 录
一、引言 1
二、需求分析 1
三、开发工具 2
四、主体设计 2
（一）网站内容 2
1.网站基调 2
2.网站LOGO设计 3
（二）网站开发流程 3
1.功能结构图 3
2.界面设计 4
3.首页div结构简图以及CSS样式 5
4.子网页相关div结构图以及CSS样式 6
（三）基本功能 7
1.首页 7
2.关于我们 8
3.租售房 8
4.二手房 9
5.我要卖房 9
6.联系我们 10
7.来访者信息 10
8.三级子页 11
9.四级子页 11
（四）JavaScript特效 12
1.鼠标移图看价格 12
2.特色服务菜单的下拉效果 13
五、总结 14
致谢 15
参考文献 16
一、引言
最近这些年，网站建设让面逐渐发展为一种热潮。这也符合了智能化时代的一种趋势。随着软件技术越发的成熟，网站建设也变得更加简单可行。在我国，住房对于很多人来说，一直都是不小的难题。在哪买房，房屋价格，环境好坏，交通便利这都是考虑的买房的参考条件，而这些参考条件让很多房屋买主也伤透了脑筋。本网站的建立给广大的顾客朋友们提供了一个安全安心的平台，在这里你可 *好棒文|www.hbsrm.com +Q: #351916072#
以了解许许多多的房屋信息，总有一款房屋让你心仪，其次还为广大的顾客朋友们提供了租房的信息。同时，还给广大的顾客们提供了一些优质二手房的信息。在这里，你还能挂上你卖方的信息。多种便利、多种选择，这是本网站的优势之一。除此之外，本网站还做出承诺，凡是本站提供的房源信息都经过严格的审查，来源可靠，让你买的放心，住的安心，本站的宗旨就是为每一位顾客朋友们找到自己的家。
本房屋中介网站主要建设所采用的工具为Dreamweaver，主要采用的技术有HTML、CSS、JavaScript这一类网页主流编辑技术，这些技术极大地加快的网页的建设，而且这些技术所设计的编码也更加便于后期的维护，这为开发人员提供了极大的便利。
二、需求分析
无论身处何时何地，衣食住行都是人们关注的重点问题。尤其是在住这一方面，很多人都有一定的压力，尤其是在中国这个大环境，住房一直都是重中之重，有的人要花上大半身的精力才能把房款付清，其次房地产的过度开发，也让人们越来越不安心，总是在买房这一方面，纠结不已。
当前，房屋问题也一直是困扰大部分人的问题，无论是买房、卖房、租房，信息来源和信息去处总是让大部分人不是那么放心。以至于很多人找不到合适的房源或者找不到合适的买家。信息渠道的闭塞导致了买家买不到合适的房子，卖家卖不出去房子。然而本房屋中介网的建立很好的解决了这个问题，它不止收集想出租的卖家出售房子的信息，同时还发布了很多租房的信息。同时提供给顾客自我发布信息的模块。并且层层信息经过严格的审查、校验，保证无论在何时何地都确保房源信息的安全可靠性。
在本站设计之前，我们走访过很多实体房屋中介店，也查阅过已经存在的房屋中介网之类的案例以及参考网站以及存在的房屋中介类的网站，通过进行分析和比对，取其精华，去其糟粕，在加上我们自己的一些独特的想法，我们开始了对于我们自己想法上的开发与设计房屋中介网。我们在调查的过程中发现有的时候房源缺少真实性，实体房屋和图片上落差比较大，为了弥补这一漏洞，我们新增了视频模块，很多房源上都有相关的视频，可供观赏参考，这大大的增强了房源的真实可靠性，让买家更为安心。
本网站在建设与完善的过程中，主要在如下一些方面进行了一定的努力，诸如：（1）搜集房源信息，严格审查，确保信息的真实和可靠（2）向卖家征求相关的视频信息，然后发布到网上（3）及时的收集顾客网友们的留言信息，根据合理的建议，对网站进行进一步的完善（4）对于留言下来的卖方信息，在确保信息的安全可靠性后，进行简单的发布。
三、开发工具
房屋中介网站主要包括的模块有：首页、关于我们、租售房、二手房、我要买房、联系我们这六个模块。
我们建设该网站的目的主要就是为了广大的顾客们提供一个安全可靠的买房、卖房、租房的真实可靠的平台。针对各种情况的分析，我们发现本网站以静态网页的形式呈现更为合理与便捷。
本房屋中介网站在建设的过程中，主要使用的开发工具就是Dreamweaver，该款软件操作简单，开发便捷，深受广大开发者的喜爱，这款工具的实施视图功能以及拆分显示功能给开发者提供了很大的便利，让开发者能直观的看到建设的效果，方便与维护和调整。其次该工具还有代码提示功能以及错误提示，更是为代码调试提供了极大的便捷，在开发的时间上节约了不少时间。
其次在图片方面的处理上，我们主要运用了Photoshop以及天天P图进行相关的美化处理工作。
这两款工具各有千秋，功能之强大让人叹为观止，强大的图片处理功能让网页更加充实与美观。
首先来说一下Photoshop，这款软件，几乎可以进行一切的图片处理工作，功能之强大让人意想不到，但是相比较天天P图，虽然功能过于强大，却在处理图片的某些方面显得过于复杂，费时费力。
天天P图这一款软件，主要是以手机为载体，操作简单，智能化处理，一步到位的美化，可以让开发者更为轻松，只是相比较上面发的Photoshop来说，在图片的深度加工方面，要逊色不少，但是这款软件强大的素材库，在图片的加工处理方面也带来了诸多的惊喜。
目 录
一、引言 1
二、需求分析 1
三、开发工具 2
四、主体设计 2
（一）网站内容 2
1.网站基调 2
2.网站LOGO设计 3
（二）网站开发流程 3
1.功能结构图 3
2.界面设计 4
3.首页div结构简图以及CSS样式 5
4.子网页相关div结构图以及CSS样式 6
（三）基本功能 7
1.首页 7
2.关于我们 8
3.租售房 8
4.二手房 9
5.我要卖房 9
6.联系我们 10
7.来访者信息 10
8.三级子页 11
9.四级子页 11
（四）JavaScript特效 12
1.鼠标移图看价格 12
2.特色服务菜单的下拉效果 13
五、总结 14
致谢 15
参考文献 16
一、引言
最近这些年，网站建设让面逐渐发展为一种热潮。这也符合了智能化时代的一种趋势。随着软件技术越发的成熟，网站建设也变得更加简单可行。在我国，住房对于很多人来说，一直都是不小的难题。在哪买房，房屋价格，环境好坏，交通便利这都是考虑的买房的参考条件，而这些参考条件让很多房屋买主也伤透了脑筋。本网站的建立给广大的顾客朋友们提供了一个安全安心的平台，在这里你可 *好棒文|www.hbsrm.com +Q: #351916072#
以了解许许多多的房屋信息，总有一款房屋让你心仪，其次还为广大的顾客朋友们提供了租房的信息。同时，还给广大的顾客们提供了一些优质二手房的信息。在这里，你还能挂上你卖方的信息。多种便利、多种选择，这是本网站的优势之一。除此之外，本网站还做出承诺，凡是本站提供的房源信息都经过严格的审查，来源可靠，让你买的放心，住的安心，本站的宗旨就是为每一位顾客朋友们找到自己的家。
本房屋中介网站主要建设所采用的工具为Dreamweaver，主要采用的技术有HTML、CSS、JavaScript这一类网页主流编辑技术，这些技术极大地加快的网页的建设，而且这些技术所设计的编码也更加便于后期的维护，这为开发人员提供了极大的便利。
二、需求分析
无论身处何时何地，衣食住行都是人们关注的重点问题。尤其是在住这一方面，很多人都有一定的压力，尤其是在中国这个大环境，住房一直都是重中之重，有的人要花上大半身的精力才能把房款付清，其次房地产的过度开发，也让人们越来越不安心，总是在买房这一方面，纠结不已。
当前，房屋问题也一直是困扰大部分人的问题，无论是买房、卖房、租房，信息来源和信息去处总是让大部分人不是那么放心。以至于很多人找不到合适的房源或者找不到合适的买家。信息渠道的闭塞导致了买家买不到合适的房子，卖家卖不出去房子。然而本房屋中介网的建立很好的解决了这个问题，它不止收集想出租的卖家出售房子的信息，同时还发布了很多租房的信息。同时提供给顾客自我发布信息的模块。并且层层信息经过严格的审查、校验，保证无论在何时何地都确保房源信息的安全可靠性。
在本站设计之前，我们走访过很多实体房屋中介店，也查阅过已经存在的房屋中介网之类的案例以及参考网站以及存在的房屋中介类的网站，通过进行分析和比对，取其精华，去其糟粕，在加上我们自己的一些独特的想法，我们开始了对于我们自己想法上的开发与设计房屋中介网。我们在调查的过程中发现有的时候房源缺少真实性，实体房屋和图片上落差比较大，为了弥补这一漏洞，我们新增了视频模块，很多房源上都有相关的视频，可供观赏参考，这大大的增强了房源的真实可靠性，让买家更为安心。
本网站在建设与完善的过程中，主要在如下一些方面进行了一定的努力，诸如：（1）搜集房源信息，严格审查，确保信息的真实和可靠（2）向卖家征求相关的视频信息，然后发布到网上（3）及时的收集顾客网友们的留言信息，根据合理的建议，对网站进行进一步的完善（4）对于留言下来的卖方信息，在确保信息的安全可靠性后，进行简单的发布。
三、开发工具
房屋中介网站主要包括的模块有：首页、关于我们、租售房、二手房、我要买房、联系我们这六个模块。
我们建设该网站的目的主要就是为了广大的顾客们提供一个安全可靠的买房、卖房、租房的真实可靠的平台。针对各种情况的分析，我们发现本网站以静态网页的形式呈现更为合理与便捷。
本房屋中介网站在建设的过程中，主要使用的开发工具就是Dreamweaver，该款软件操作简单，开发便捷，深受广大开发者的喜爱，这款工具的实施视图功能以及拆分显示功能给开发者提供了很大的便利，让开发者能直观的看到建设的效果，方便与维护和调整。其次该工具还有代码提示功能以及错误提示，更是为代码调试提供了极大的便捷，在开发的时间上节约了不少时间。
其次在图片方面的处理上，我们主要运用了Photoshop以及天天P图进行相关的美化处理工作。
这两款工具各有千秋，功能之强大让人叹为观止，强大的图片处理功能让网页更加充实与美观。
首先来说一下Photoshop，这款软件，几乎可以进行一切的图片处理工作，功能之强大让人意想不到，但是相比较天天P图，虽然功能过于强大，却在处理图片的某些方面显得过于复杂，费时费力。
天天P图这一款软件，主要是以手机为载体，操作简单，智能化处理，一步到位的美化，可以让开发者更为轻松，只是相比较上面发的Photoshop来说，在图片的深度加工方面，要逊色不少，但是这款软件强大的素材库，在图片的加工处理方面也带来了诸多的惊喜。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/357.html
