工业联合发展有限公司网站设计与实现
目 录
一、引言 1
（一）课题背景 1
（二）课题意义 1
二、需求分析 1
三、开发工具及界面设计 1
（一）网站开发工具 1
（二）网站内容结构图 1
（三）网站界面设计 2
四、网站具体设计及实现 3
（一）Logo制作 3
（二）首页制作 3
1．首页设计 3
2．首页DIV结构 4
（三）子页制作 5
1.公司简介 5
2.子页DIV结构 6
3项目展示 7
4.在线留言 9
五、JavaScript特效和Flash动画 11
（一）JavaScript特效的实现 11
（二）Flash动画 11
六、总结 12
致谢 13
参考文献 14
附录 15
一、引言
（一）课题背景
在房地产企业逐步向专业化、规范化和精细化改变的过程中，巨大的支出费用，大量的合同需要审批，海量的信息数据的处理都将会大大降低工作效率，再加上许多企业也走向“全国化”会降低管理效率，提升了管理难度。而解决这个问题的重要途径就是通过信息化平台来实现。只有建立了规范的信息化平台，企业的费用、合同、信息数据才能发挥真真正的功效，进而有效的加强房地产租赁企业内部管控、采购优化等，全面提升企业的运营效率，从容面对行业改革，所以开发本网站。
（二）课题意义
地产租赁公司制作网站可以将传统的租赁流程电子化，数字化，一方面可以减少人力，物力的消耗，达到低成本，高回报的效果；另一方面，网站的建设使得租赁交易的流畅变得非常便捷，几乎可以达到随时随地都可以进行的地步，大大提高了运营的效率，节省了财力。这样可以让公司在社会竞争中，获得更强的竞争力，有利于公司的发展。通过制作本网站有利于公司信息透明化，起到宣传公司作用，提高公司知名度，从而吸引顾客的目光，为顾客们提供一个方便，快捷的网络购房场所。
二、需求分析
如今网络科技进入了千家万户，如何利用网络，来宣传公
*好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
的建设使得租赁交易的流畅变得非常便捷，几乎可以达到随时随地都可以进行的地步，大大提高了运营的效率，节省了财力。这样可以让公司在社会竞争中，获得更强的竞争力，有利于公司的发展。通过制作本网站有利于公司信息透明化，起到宣传公司作用，提高公司知名度，从而吸引顾客的目光，为顾客们提供一个方便，快捷的网络购房场所。
二、需求分析
如今网络科技进入了千家万户，如何利用网络，来宣传公司，提高公司知名度，吸引顾客的目光，成为了一个公司在社会上竞争的一个必不可缺的条件。由于网络技术具有低成本、高效率、高透明度等特点，逐渐成为了电子商务的重要组成部分，而网站的设计和制作也是网络技术的核心体现之一。制作网站同时可以提高公司的管理水平和优化公司的管理意识。面对信息化时代，网站的建设无疑是提高公司管理的有效途径之一。
三、开发工具及界面设计
（一）网站开发工具
运用了Dreamweaver，Photoshop，Flash等软件，利用Dreamweaver便利的特性，来对网页进行开发，通过Photoshop来处理图片，增加网站的美观，通过Flash，给网站增加动态效果，再加上简单的JavaScript特效，来实现网站的制作。
（二）网站内容结构图
本网站主要分为首页、公司简介、投资者关系、新闻中心、项目展示、品牌建设、在线留言、联系我们这8大模块。如图 3-1 所示。
图 3-1 网站结构图
网站的首页是一个网站的关键，是一个顾客浏览网站时第一眼看到的东西，所以，网站的首页需要给顾客带来耳目一新、眼前一亮的感觉。本公司网站的首页主要使用了一个颜色偏淡色的背景，让整个页面给人一种平静、舒适的感觉，给顾客一种想继续看下去的感觉。公司简介主要介绍了公司的成立的时间，地点和一些主要的基本职能。投资者关系介绍了公司近几年中，资产销售的一些状况。新闻中心主要介绍了各地区关于房地产资源租赁的一些相关信息。项目展示中，向顾客展示的了本公司正在出售的一些房产项目等。品牌建设则是介绍了本公司在我国的一些情况。在写留言可以让客户针对本公司提一些意见和建议。联系我们给想购房的顾客留下了联系的方式。
（三）网站界面设计
使用DIV+CSS布局，加入HTML的代码设计出本公司的整个原型把网站的整个框架都呈现出来。但首先要设计基本框架，利用Photoshop进行基本的设计。首页具体框架如图 3-2 所示。
Logo
导航
相关项目链接
网站简介
部分项目展示
版权
图 3-2 首页布局框架
首页布局以简单明了为原则，给客户以简朴、舒适的感觉。导航采用平铺的方式，使网页有一种一目了然的感觉。在网站首页中加入公司简介，让客户更直观的了解到公司的一些基本信息。相关项目的连接是一些房地产资源的连接，让客户明晓现本公司出售的一些房产资源。部分项目展示则是在售房产的图片展示，供客户仔细的挑选。
子页布局框架如图 3-3 所示：
Logo
导航
标签
二级导航
主要内容
版权
图3-3 子页布局框架
子页包括Logo、导航、标签、二级导航、主要内容、版权这些主要的项目内容。
四、网站具体设计及实现
（一）Logo制作
本公司网站的Logo设计使用了Photoshop软件，简单的风格，拉近与客户的距离，让顾客一目了然，整体颜色偏暖色调，也会给客户一种住的温馨，住的舒适的感觉。具体如图 4-1 所示。
图 4-1 Logo效果图
（二）首页制作
1．首页设计
一个网站的首页是客户最先看到的界面，第一印象至关重要，所也首页的设计是很重要的环节。运动DIV+CSS对整个页面进行设计，根据首页布局框架图，分为头部，导航，主体和尾部这几个部分，再加上对之前收集到的图片，运用Photoshop进行处理，来组合成首页。具体如图 4-2 所示。
图4-2 首页效果图
2．首页DIV结构
首页通过DIV结构层来布局，这样不仅可以大大的缩减页面代码，提高浏览者的浏览速度，也可以使网页不论在什么浏览器中，也能保持一定的兼容性。本网站的div结构层分为Main
一、引言 1
（一）课题背景 1
（二）课题意义 1
二、需求分析 1
三、开发工具及界面设计 1
（一）网站开发工具 1
（二）网站内容结构图 1
（三）网站界面设计 2
四、网站具体设计及实现 3
（一）Logo制作 3
（二）首页制作 3
1．首页设计 3
2．首页DIV结构 4
（三）子页制作 5
1.公司简介 5
2.子页DIV结构 6
3项目展示 7
4.在线留言 9
五、JavaScript特效和Flash动画 11
（一）JavaScript特效的实现 11
（二）Flash动画 11
六、总结 12
致谢 13
参考文献 14
附录 15
一、引言
（一）课题背景
在房地产企业逐步向专业化、规范化和精细化改变的过程中，巨大的支出费用，大量的合同需要审批，海量的信息数据的处理都将会大大降低工作效率，再加上许多企业也走向“全国化”会降低管理效率，提升了管理难度。而解决这个问题的重要途径就是通过信息化平台来实现。只有建立了规范的信息化平台，企业的费用、合同、信息数据才能发挥真真正的功效，进而有效的加强房地产租赁企业内部管控、采购优化等，全面提升企业的运营效率，从容面对行业改革，所以开发本网站。
（二）课题意义
地产租赁公司制作网站可以将传统的租赁流程电子化，数字化，一方面可以减少人力，物力的消耗，达到低成本，高回报的效果；另一方面，网站的建设使得租赁交易的流畅变得非常便捷，几乎可以达到随时随地都可以进行的地步，大大提高了运营的效率，节省了财力。这样可以让公司在社会竞争中，获得更强的竞争力，有利于公司的发展。通过制作本网站有利于公司信息透明化，起到宣传公司作用，提高公司知名度，从而吸引顾客的目光，为顾客们提供一个方便，快捷的网络购房场所。
二、需求分析
如今网络科技进入了千家万户，如何利用网络，来宣传公
*好棒文|www.hbsrm.com +Q: ￥3^5`1^9`1^6^0`7^2$
的建设使得租赁交易的流畅变得非常便捷，几乎可以达到随时随地都可以进行的地步，大大提高了运营的效率，节省了财力。这样可以让公司在社会竞争中，获得更强的竞争力，有利于公司的发展。通过制作本网站有利于公司信息透明化，起到宣传公司作用，提高公司知名度，从而吸引顾客的目光，为顾客们提供一个方便，快捷的网络购房场所。
二、需求分析
如今网络科技进入了千家万户，如何利用网络，来宣传公司，提高公司知名度，吸引顾客的目光，成为了一个公司在社会上竞争的一个必不可缺的条件。由于网络技术具有低成本、高效率、高透明度等特点，逐渐成为了电子商务的重要组成部分，而网站的设计和制作也是网络技术的核心体现之一。制作网站同时可以提高公司的管理水平和优化公司的管理意识。面对信息化时代，网站的建设无疑是提高公司管理的有效途径之一。
三、开发工具及界面设计
（一）网站开发工具
运用了Dreamweaver，Photoshop，Flash等软件，利用Dreamweaver便利的特性，来对网页进行开发，通过Photoshop来处理图片，增加网站的美观，通过Flash，给网站增加动态效果，再加上简单的JavaScript特效，来实现网站的制作。
（二）网站内容结构图
本网站主要分为首页、公司简介、投资者关系、新闻中心、项目展示、品牌建设、在线留言、联系我们这8大模块。如图 3-1 所示。
图 3-1 网站结构图
网站的首页是一个网站的关键，是一个顾客浏览网站时第一眼看到的东西，所以，网站的首页需要给顾客带来耳目一新、眼前一亮的感觉。本公司网站的首页主要使用了一个颜色偏淡色的背景，让整个页面给人一种平静、舒适的感觉，给顾客一种想继续看下去的感觉。公司简介主要介绍了公司的成立的时间，地点和一些主要的基本职能。投资者关系介绍了公司近几年中，资产销售的一些状况。新闻中心主要介绍了各地区关于房地产资源租赁的一些相关信息。项目展示中，向顾客展示的了本公司正在出售的一些房产项目等。品牌建设则是介绍了本公司在我国的一些情况。在写留言可以让客户针对本公司提一些意见和建议。联系我们给想购房的顾客留下了联系的方式。
（三）网站界面设计
使用DIV+CSS布局，加入HTML的代码设计出本公司的整个原型把网站的整个框架都呈现出来。但首先要设计基本框架，利用Photoshop进行基本的设计。首页具体框架如图 3-2 所示。
Logo
导航
相关项目链接
网站简介
部分项目展示
版权
图 3-2 首页布局框架
首页布局以简单明了为原则，给客户以简朴、舒适的感觉。导航采用平铺的方式，使网页有一种一目了然的感觉。在网站首页中加入公司简介，让客户更直观的了解到公司的一些基本信息。相关项目的连接是一些房地产资源的连接，让客户明晓现本公司出售的一些房产资源。部分项目展示则是在售房产的图片展示，供客户仔细的挑选。
子页布局框架如图 3-3 所示：
Logo
导航
标签
二级导航
主要内容
版权
图3-3 子页布局框架
子页包括Logo、导航、标签、二级导航、主要内容、版权这些主要的项目内容。
四、网站具体设计及实现
（一）Logo制作
本公司网站的Logo设计使用了Photoshop软件，简单的风格，拉近与客户的距离，让顾客一目了然，整体颜色偏暖色调，也会给客户一种住的温馨，住的舒适的感觉。具体如图 4-1 所示。
图 4-1 Logo效果图
（二）首页制作
1．首页设计
一个网站的首页是客户最先看到的界面，第一印象至关重要，所也首页的设计是很重要的环节。运动DIV+CSS对整个页面进行设计，根据首页布局框架图，分为头部，导航，主体和尾部这几个部分，再加上对之前收集到的图片，运用Photoshop进行处理，来组合成首页。具体如图 4-2 所示。
图4-2 首页效果图
2．首页DIV结构
首页通过DIV结构层来布局，这样不仅可以大大的缩减页面代码，提高浏览者的浏览速度，也可以使网页不论在什么浏览器中，也能保持一定的兼容性。本网站的div结构层分为Main
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2520.html
