房产网站设计报告.docx
- 文档编号:751867
- 上传时间:2023-04-30
- 格式:DOCX
- 页数:20
- 大小:625.49KB
房产网站设计报告.docx
《房产网站设计报告.docx》由会员分享,可在线阅读,更多相关《房产网站设计报告.docx(20页珍藏版)》请在冰点文库上搜索。
房产网站设计报告
第一章绪言
20世纪以来,社会生产力迅速发展,科学技术突飞猛进,在网络技术逐渐渗入社会生活各个层面的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用,因此网站建设在Internet上应用的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
人们进行信息交流的深度与广度不断增加,信息量急剧增长,传统的信息处理与决策的手段已不能适应社会的需要,信息的重要性和信息处理问题的紧迫性空前提高了,面对着日益复杂和不断发展、变化的社会环境,特别是企业间日趋剧烈的竞争形势,一个人、一个企业要在现代社会中求生存,求发展,必须具备足够的信息和强有力的信息收集与处理手段。
对于房屋出售与出租者来说,大量复杂的房产、资金、合同信息难于通过传统的方法进行管理;对于房屋求租与求购者来说,大量复杂的房产信息使他们感到迷茫。
房屋租售信息管理系统正是针对日益突出的问题而开发的,通过计算机系统来管理房屋租售情况,可以解决大量房产信息的查询和管理,便于更好的进行物业管理,同时也为租售房用户提供方便,这样,使原本复杂的信息简单化,房屋租售管理系统实质上就是一个管理信息系统。
开发房屋租售管理系统的过程就是要实现数据处理方式由人工管理向计算机管理的转变,它在计算机技术和房屋管理实践活动两者之间架设桥梁。
用户可以在家非常轻松地浏览到当前最新最便宜的房屋信息,查询自己感兴趣的房屋,不用自己跑到中介公司和售房中心对当前的房屋动态进行全面的了解,如果用户有房屋租售也可以在本网站上轻松注册即可,因此网络租售的应用大大提高了人们的办事效率,为人们节约了时间,促进了他们对网络知识的进一步了解。
第二章网站设计分析
网站的设计与制作需要用到网页三剑客DreamweaverCS3,IIS,PhotoshopCS3,Access2003等工具。
所以首先我们要了解这些工具的功能与用处,然后要能够熟练得掌握这些工具用法,只有你能熟练使用这些工具,你才能在设计过程中尽量避免技术上的问题,提高效率,做到“事半功倍”。
2.1网站设计概述
网站首页可以说是网站的门面,大家浏览你的网站首先看到的就是网站首页,所以首页不仅要做得美观,引人浏览,还要有丰富的内容。
所以我们在首页就首页聚集了大量的信息,除了最基本的房地产信息,楼市变化等资讯,以及当地新出的各家楼盘信息显示出来外,我还将发布的二手房信息,出租信息都以动态链接的方式展现在首页,达到有人发布房源,访问者可以立即发现这些信息,在首页的右上角还提供了快速发布信息的功能以及会员注册。
不仅可以免注册直接发布,也可以注册成为会员发布,注册会员可以对发布的信息进行重新修改。
每页左下方都有我们的联系方式,这样就不用转到联系我们这张页面都能获取到公司的联系方式了,当然若想更深入的了解就可以转到联系我们页面。
子页面的框架基本上是符合整个网站的整体风格的,logo,导航等都是和首页一样的,不一样的只是正文的内容。
我这里没有运用模板,而是采用了DIV+CSS方法,相同或者相近似的页面调用同一个CSS样式。
网站中采用ASP连接数据库的方法把用户的注册资料,发布的出售,出租信息存储,并采用显示在网页中,在网页中采用多种精确查找方式,以便快速查找资料
2.2开发工具的选用及介绍
2.2.1DreamweaverCS3
DreamweaverCS3是为设计人员和开发人员而构建的,它提供一个选择:
是在直观的可视布局界面中工作,还是在简化的编码环境中工作。
与AdobePhotoshopCS3、AdobeIllustratorCS3、AdobeFireworksCS3、AdobeFlashCS3Professional和AdobeContribute CS3软件的智能集成确保在您喜爱的工具上有一个有效的工作流。
AdobeDreamweaverCS3新功能包含CSS工具,用于构建动态用户界面的Ajax组件,以及与其他Adobe软件的智能集成。
·适合于Ajax的Spry框架
·Spry数据
·Spry构件
·Spry效果
·AdobePhotoshop和Fireworks集成
·浏览器兼容性检查
·CSSAdvisor网站
·CSS布局
·CSS管理
·AdobeDeviceCentralCS3
2.2.2PhotoshopCS3
AdobePhotoshopcs3是很多美编、广告设计等专业平面设计人士的最爱。
Photoshop系列软件的每个版本都是以版本号的递增作为名称.比如Photoshop6.0、7.0等。
但从8.0版本开始,Adobe不再延续原来的命名方法,改称为AdobeCreativeSuite(创作套件,简称CS),其中的Photoshop8.0也随之更名为PhotoshopCS
Photoshop是世界级的图像设计与制作软件,使用Photoshop可以对已有的图片进行编辑设计处理,包括海报、招贴、包装设计、效果图处理、宣传册的制作、数码照片处理、界面设计等。
Photoshop支持多种图像格式、多种颜色模式、分层处理功能,可以利用软件各种功能制作各种艺术效果及绘画效果。
PhotoshopCS3中提供的工具箱中共有60种工具比CS2多2种工具,分别是“快速选择工具”和“记数工具”。
每种工具均有其指定的用途,分别用来绘图、编辑图像、颜色选择、观察图像和标注文字等等。
2.2.3ASP动态网站脚本语言
ASP是ActiveServerPage的缩写,意为“动态服务器页面”。
ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。
ASP的网页文件的格式是.asp,现在常用于各种动态网站中。
ASP采用脚本语言VBScript(Javascript)作为自己的开发语言。
ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。
使用ASP可以组合HTML页、VBScript脚本命令和JavaScript脚本命令等,以创建交互的Web页和基于Web的功能强大的应用程序。
ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。
利用ASP可以向网页中添加交互式内容(如在线表单),也可以创建使用HTML网页作为用户界面的web应用程序。
ASP的文件后缀名为.asp,以区别于同样可以包含Script的HTML文件。
一个.asp文件是一个文本文件,可以包括下列元素的任意组合:
文本(text)、HTML标志(tags)、Script命令
由于脚本程序是在服务器上而不是在客户端运行,传送到浏览器上的Web页是在Web服务器上生成的。
所以不必担心浏览器能否处理脚本:
Web服务器已经完成了所有脚本的处理,并将标准的HTML页面传输到浏览器。
由于只有脚本的结果返回到浏览器,所以服务器端脚本不易被别人复制。
用户看不到创建他们正在浏览的页的脚本命令。
2.2.4开发工具——ISS
IIS是InternetInformationServer的缩写,是一种Web服务器,其作为当今流行的Web服务器之一,提供了强大的Internet和Intranet服务功能。
IIS通过超文本传输协议(HTTP)传输信息,还可配置IIS以提供文件传输协议(FTP)和其他服务,如NNTP服务、SMTP服务等,IIS的设计目标是提供适应性强的internet和intranet服务器功能。
通过围绕WindowsNT操作系统所作的优化,使IIS具有相当高的执行效率、出色的安全保密性能,以及启动迅速和易于管理等特点,IIS还有一个优势是只为一种操作系统平台进行优化,由于不需要考虑可移植性问题,因而其性能的优化就更为有效。
此外,借助WindowsNT的负载平衡服务可以很容易地建立起一个服务器集群,从而实现将负载均衡地分散到集群内的各个服务器上,所以对于大型网站的建立,WindowsNT加IIS也是一个理想的解决方案。
IIS提供了ASP(ActiceServerPages)动态网页设计技术,使用ASP可以综合HTML语言和VBScript、JavaScript、PerlScrept等多种脚本语言,而且可以使用COM组件追寻动态交互式网页和功能强大的WEB应用程序。
2.3关系型数据库的选择
2.3.1MicrosoftOfficeAccess简介
MicrosoftOfficeAccess是由微软发布的关联式数据库管理系统,是集成在microsoft公司开发的产品更新换代office系统中的集成软件。
它之所以被集成到Office中而不是VisualStudio中,是因为它与其它的数据库管理系统(如VisualFoxPro)相比更加简单易学,一个普通的计算机用户即可掌握并使用它。
而且最重要的一点是Access的功能足够强大,足以应付一般的数据管理及处理需要。
Assess能够存取Access/Jet、MicrosoftSQLServer、Oracle,或者任何ODBC兼容数据库内的资料。
ODBC(OpenDatabaseConnectivity开放式数据库互联)是微软推出的一种工业标准,一种开放的独立于厂商的API应用程序接口,可以跨平台访问各种个人计算机、小型机以及主机系统。
ODBC作为一个工业标准,绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持,这其中就包括常用的SQLSERVER、ORACAL、INFORMIX等,当然也包括了Access。
在ASP中可以通过三种方式访问数据库:
1、IDC(InternetDatabaseConnector)方式;2、ADO(ActiveXDataObjects)方式;3、RDS(RemoteDataService)方式。
这三种访问方式对数据库的访问都是由InternetInformationServer完成的。
通过Web浏览器用HTTP协议向IIS(Internet信息服务器)发送请求,IIS执行对数据库的访问,并返回一个HTML格式的文档响应。
以下是Access的优点:
1.存储方式单一
Access管理的对象有表、查询、窗体、报表、页、宏和模块,以上对象都存放在后缀为(.mdb)的数据库文件种,便于用户的操作和管理。
2.面向对象
Access是一个面向对象的开发工具,利用面向对象的方式将数据库系统中的各种功能对象化,将数据库管理的各种功能封装在各类对象中。
它将一个应用系统当作是由一系列对象组成的,对每个对象它都定义一组方法和属性,以定义该对象的行为和外国,用户还可以按需要给对象扩展方法和属性。
通过对象的方法、属性完成数据库的操作和管理,极大地简化了用户的开发工作。
同时,这种基于面向对象的开发方式,使得开发应用程序更为简便。
3.界面友好、易操作
Access是一个可视化工具,是风格与Windows完全一样,用户想要生成对象并应用,只要使用鼠标进行拖放即可,非常直观方便。
系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具,使得操作简便,容易使用和掌握。
4.集成环境、处理多种数据信息
Access基于Windows操作系统下的集成开发环境,该环境集成了各种向导和生成器工具,极大地提高了开发人员的工作效率,使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。
5.Access支持ODBC(开发数据库互连,OpenDataBaseConnectivity)。
利用Access强大的DDE(动态数据交换)和OLE(对象的联接和嵌入)特性,可以在一个数据表中嵌入位图、声音、Excel表格、Word文档,还可以建立动态的数据库报表和窗体等。
Access还可以将程序应用于网络,并与网络上的动态数据相联接。
利用数据库访问页对象生成HTML文件,轻松构建Internet/Intranet的应用。
2.3.2附录常用数据库语句
1.SELECT语句:
命令数据库引擎从数据库里返回信息,作为一组记录。
2.INSERTINTO语句:
添加一个或多个记录至一个表。
3.UPDATE语句:
创建更新查询来改变基于特定准则的指定表中的字段值。
4.DELETE语句:
创建一个删除查询把记录从FROM子句列出并符合WHERE子句的一个或更多的表中清除。
5.EXECUTE语句:
用于激活PROCEDURE(过程)
用ASP来做一个自己的通讯录练练手吧……
2.3.2.1建立数据库:
用MicrosoftAccess建立一个名为data.mdb的空数据库,使用设计器创建一个新表。
输入以下几个字段:
字段名称 数据类型 说明 其它
ID 自动编号 数据标识 字段大小:
长整型 新值:
递增 索引:
有(无重复)
username 文本 姓名 缺省值
usermail 文本 E-mail 缺省值
view 数字 查看次数 字段大小:
长整型 默认值:
0 索引:
无
indate 时间日期 加入时间 缺省值
保存为data.mdb文件,为了便于说明,只是做了一个比较简单的库。
2.3.2.2连接数据库
方法1:
Setconn=Server.CreateObject("ADODB.Connection")
conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("data.mdb")
方法2:
Setconn=Server.CreateObject("ADODB.Connection")
conn.Open"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("data.mdb")
注意:
一个页面中,只要连接一次就可以了,数据库使用完后要及时关闭连接。
conn.Close
Setconn=Nothing
2.3.2.3添加新记录到数据库
Setconn=Server.CreateObject("ADODB.Connection")
conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("data.mdb")
username="风云突变"
usermail=haoch@
indate=Now()
sql="insertintodata(username,usermail,indata)values('"&username&"','"&usermail&"','"&indate&"')"
conn.Execute(sql)
conn.Close
Setconn=Nothing
说明:
建立数据库连接;通过表单获取姓名、E-mail字符串,Now()获取当前时间日期;使用insertinto语句添加新记录;conn.Execute来执行;最后关闭。
2.3.2.4选择数据库里的记录
1.选择所有记录的字段(按记录倒序排序):
sql="select*fromdataorderbyIDdesc"
2.选择所有记录的姓名和E-mail字段(不排序):
sql="selectusername,usermailfromdata"
3.选择姓名为“风云突变”的所有记录:
sql="select*fromdatawhereusername='"风云突变"'"
4.选择使用163信箱的所有记录(按查看次数排序):
sql="select*fromdatawhereusermaillike'%"@"%'orderbyviewdesc"
5.选择最新的10个记录:
sql="selecttop10*fromdataorderbyIDdesc"
SQL语句已经知道了,不过在Web应用时,还得创建一个RecordSet对象得到记录集,才能把从数据库里取出的值应用在网页上,如果现在将所有的记录显示在网页上就这样:
Setconn=Server.CreateObject("ADODB.Connection")
conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("data.mdb")
sql="select*fromdata"
Setrs=Server.CreateObject("ADODB.RecordSet")
rs.Opensql,conn,1,1
DoWhileNotrs.Eof
Response.Write"
姓名:
"&rs("username")&" E-mail:
"&rs("usermail")&" 查看:
"&rs("view")&"次 "&rs("indate")&"加入
"
rs.MoveNext
Loop
rs.Close
Setrs=Nothing
conn.Close
Setconn=Nothing
说明:
建立数据库连接;创建rs得到记录集;循环显示记录,rs.Eof表示记录末,rs.MoveNext表示移到下一个记录;最后关闭。
2.3.2.5修改(更新)数据库记录
修改记录的E-mail:
Setconn=Server.CreateObject("ADODB.Connection")
conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("data.mdb")
ID=1
usermail="haoch@"
sql="updatevotesetusermail='"&usermail&"'whereID="&CInt(ID)
conn.Execute(sql)
conn.Close
Setconn=Nothing
说明:
建立数据库连接;获取记录ID、新E-mail字符串;使用update语句修改记录;conn.Execute来执行;最后关闭。
如果使记录的查看值加1,则:
sql="updatedatasetview=view+1whereID="&CInt(ID)
2.3.2.6删除数据库记录
删除某一条记录:
Setconn=Server.CreateObject("ADODB.Connection")
conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("data.mdb")
ID=1
sql="deletefromdatawhereID="&CInt(ID)
conn.Execute(sql)
conn.Close
Setconn=Nothing
说明:
建立数据库连接;获取记录ID;使用delete语句删除记录;conn.Execute来执行;最后关闭。
删除多条记录为:
sql="deletefromdatawhereIDin(ID1,ID2,ID3)"
删除所有记录为:
sql="deletefromdata"
第三章方案初选
3.1网站定位
3.1.1网站主题
本网站的主题是房产信息(包括租房信息、售房信息、资讯等等的房产信息),给想租房、求租、卖房、买二手房、了解市场动态等的相关人群予帮助。
3.1.2网站名称
该网站名为“连云港房产网”,由此可见,这个房产网站以房产信息的相关内容为主,方便相关人群足不出户就可以找房、卖房、了解本地动态。
一个网站的名字应该要能反映出你想表达的意思,达到一望而知的效果。
3.1.3网站的Logo
网站的logo用一个房子的图片内嵌着“fc0518”标志,既显目又明确得表达了主题。
3.1.4标准字体
正文字体主要用的是标准的宋体。
3.2系统构思
本网站前台包括首页、资讯、租房、二手房、楼盘、会员注册等栏目(另有几个板还没构思好,以后会继续完善用*标注的)。
以下是系统构思的图解(图3.1)
(图3.1)
3.3网站栏目简介
本网站的栏目有首页、资讯、租房、二手房、楼盘、会员中心等栏目,下面是对各栏目的简介:
1.首页:
汇集了最新的资讯新闻,二手房出售信息,出租,求租信息,已经新楼盘介绍。
会员注册等
2.资讯:
主要搜索最近新出来的楼盘新闻,楼市动态,以及政策法规等。
3.租房:
罗列了各个房东发的出租房源信息,出租信息包括所在小区,地址,价格,面积,装修程度,户型,房源描述等
4.二手房:
罗列了各个业主发的出售房源信息,出售信息包括所在小区,地址,价格,面积,装修程度,户型,房源描述等,与租房采用同一样式
5.楼盘:
我们特别收集了我市正在建、准备建楼盘的最新信息,让大家能及时了解到我市楼盘建设的最新动态。
6.会员注册:
会员可以发布租房,二手房等信息,比非会员用户多了个信息管理功能,非会员发的出租或出售无修改或者删除权利,注册会员将拥有这些功能。
(会员注册如图3.2、图3.3,登录界面如图3.4)
(图3.2)
(图3.3)进一步完善注册信息
(图3.4)
第四章详细设计
4.1网站制作过程
4.1.1logo的制作过程
制作Logo前首先要对LogoD作用进行了解。
1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。
INTERNET之所以叫做“互联网”,在于各个网站之间可以联接。
要让其他人走入你的网站,必须提供一个让其进入的门户。
而LOGO图形化的形式,特别是动态的LOGO,比文字形式的链接更能吸引人的注意。
在如今争夺眼球的时代,这一点尤其重要。
2.LOGO是网站形象的重要体现。
试问一个特别注重外在形象特别爱干净的人怎么能让自己的名片污渍不堪?
就一个网站来说,LOGO即是网站的名片。
而对于一个追求精美的网站,LOGO更是它的灵魂所在,即所谓的“点睛”之处。
3.LOGO能使大众便于选择。
一个好的LOGO往往会反映网站及制作者的某些信息,特别是对一个商业网站来说,我们可以从中基本了解到这个网站的类型,或者内容。
在一个布满各种LOGO的链接页面中,这一点会突出的表现出来。
想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要
制作过程:
首先对网站做全面深入的了解,通过用Photoshop进行编辑、修改、组合而完成的。
整个Logo采用一个房子杨子图片为背景,让人一眼就看到这个logo,了解主题。
如图4.1
图4.1
4.1.2主页制作过程(详见图4.2)
1.首先根据页面要展示内容的多少,在photoshop中新建一个
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 房产 网站 设计 报告