天 津 国 土 资 源 和 房 屋 职 业 学 院

说明：此内容之前有（1）封面，（2）扉页，（3）设计情况简介，（4）目录。

正文部分的文字说明必须与所设计的网站实际内容严格对应，如果没有真正上传到Internet，则“开发工具”中的“上网方案”和“申请域名”部分可酌情写或省略不写。首页下的各二级页面必须进行说明并有抓图。凡是利用编程方法制作的内容，应在所描述内容之后给出程序代码，或在最后即“参考文献”之后，增加“附录”给出有关部分的程序代码。 以下正文中“蓝色字体”表示给出的注释。正文的排版要求另见“毕业设计说明书排版格式要求”文件（发送过）。

XXX网站设计说明书(正文部分)

一 绪 论

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。 科技的发展、时代的进步传统的教育方式被大大的局限于一定的范围之内，教育的网络化发展是其自身发展的必然趋势，也是时代发展、社会进步的必然趋势。作为首选的front page有它自身的先决条件。通过我们不断的对其功能的诠释，同时我们也可以通过教育方式和教育水平的提高，我们将能更好的开发出我们所需的其自身更深层次的功能与作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

1.1 网站的总体规划

我们在制作网页前首先要做的是要对网页内容进行一下具体的规划,确定一下制作的思路和目的,从而更方便我们的设计和制作。

创建新网页最佳方法是先建立原型系统，再进行详细设计，最后正式实施。 原型系统最主要的目标是学习、尝试采用不同的方法修改目标、更新形象。原型系统开发过程中要解决网页建设的一些基本问题。

例如：

网页的结构；

网页整体风格的构思和素材的搜集；

主页的制作；

● 存储信息的物理方法（采用数据库还是文件系统）；

1

天 津 国 土 资 源 和 房 屋 职 业 学 院

● 结构的完整性和一致性的维护方法。

这些问题没有绝对的答案，只能在制作网页时根据实际情况进行选择。详细设计包括画面的布局、系统的内部结构、实现方法和维护方法等。

1.2 网站建设的需求和目的

房地产行业是中国国民经济的主导产业，这个行业正处于向规模化、品牌化、规范化运作的转型时期，在强劲市场需求的拉动下，天津市房地产市场迅速扩大，房地产业投资、施工、销售等各项指标呈全面增长态势。房地产业正在成为促进天津市经济增长的重要产业。当然，这样一个在现代社会经济生活中有着举足轻重的地位的行业就应该有力度的宣传，每个房地产公司也就都应该有一个象征公司的网站，如此才能更好的让群众们了解公司，熟知公司，达到企业知名度。

我的建站目的：房地产行业是一个特殊的产业，与其它商品最大的区别是消费者一般一生只购买一次。所以，房地产行业的公司不会像其他类型公司一样热中于培养忠诚的消费客户，而是在不断地寻找新客户。所以房地产公司网站建设的目的和功能可以概括为四点：一是做个性，展示房地产公司；二是做虚拟，展示开发楼盘；三是做网络化销售，拓宽销售渠道；四是做增值，树立企业形象，增加无形资产。

二 开发工具

2.1 网页制作使用的技术

整个公司网站的建设运用到网页三剑客制作技术。网页设计技术是随着互联网及电子商务的发展应运而生的，利用这种技术，可以设计制作出各种不同风格的网页，向人们展示互联网最生动的一面。著名的Macromedia公司的有着网页设计"三剑客"之称的Dreamweaver、Fireworks和Flash软件，能独立设计和开发出精美的网页。Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks不仅仅是一个图象处理工具，它还是一个全功能的web设计工具。此外，在整个网页制作中我还加入了Javascript脚本语言，通过这个技术的使用让网站又增加了很多亮点，显得更加生动。

网站中的公司LOGO是我自己用Fireworks制作的，整个LOGO的制作，融入了我个人的一些想法和创意。

2

天 津 国 土 资 源 和 房 屋 职 业 学 院

2.2 上网方案

企业上网有很多方式，有自己组建网络、主机托管和虚拟主机等方式。虚拟主机是用于存放网站，一般个人制作的网站出于流量费用等因素考虑 不会为网站存放选用整个服务器，服务商把一台服务器划分成若干个目录提供给他们使用，每一个目录都是一个虚拟主机。因资金有限和网站的规模较小，今后企业网站发布，我预选的方案是中国频道的虚拟主机服务，798元/每年，提供以下服务：

> 900MB WEB空间

> 100MB LOG空间

> WINDOWS2003操作系统

> 全面支持ASP.NET2.0

> 流量可自由升级

> 免费赠送LM流量分析系统，及时准确地流量统计报告

> 不定期数据备份

> 功能强大的控制面板管理

> 最快捷的WEB文件管理功能

> 免费赠送企业名片

2.3 申请域名

域名的选择，我初步决定还是在“中国频道”注册，它毕竟是大中华区首家通过ICANN认证的顶级注册商,目前域名注册量亚洲第一。中国频道现在推出.CN类英文域名促销价：98元/个/年，域名我决定用http://yuxuanbdc.cn

三 内容规划

3.1 栏目板块和结构

1、网站主体布局图参见下图：（利用WORD组织结构图制作）

天 津 国 土 资 源 和 房 屋 职 业 学 院

2、网站首页布局图参见下图：

应绘制首页各部分内容的布局图（不能采用抓实际页面图，可利用表格或文本框制作，并占一页）略

3、连锁体系：主要介绍宇轩不动产的所有连锁店的地理位置、联系方式等，采用表格式。

4、新闻动态：主要介绍宇轩不动产近日发生的一些新事情，采用文字式的布局结构。

5、房源发布：根据客户的需要发布自己需要的服务。

6、服务流程：主要介绍宇轩不动产各项服务的流程，例如：房屋买卖的流程、房屋租赁的流程，让客户可以对宇轩的服务流程更了解，决定采用文字图的形式。

7、地产专栏：地产咨询、我们提供的服务。

8、诚聘英才：以表格形式进行在线招聘。

9、服务监督：是一个客户可以提建议，可以投诉的平台。

10、联系我们：我们的地址，方便客户联系。

11、在线留言：为顾客提供了一个在线交流的机会和平台。

3.2 内容安排相互链接关系

网站内容清晰可见，安排合理，公司网站无论从布局还是内容都主要比较吸引浏览者的眼球。链接关系层层相扣，每个导航按钮都有链接；首页飘动的“内刊” 与宇轩官网内刊链接；首页“在线留言”图标与在线留言链接；房源信息与房源发布链接；买卖、租赁的房源分别连接各个房源详细情况；新闻也各自链接新闻内容；友情链接主要链接中国知名的房产网站，如：搜房网、焦点房地产。

3.3 交互性和用户友好设计

这个网站设计的初衷也是为了能更好的与广大客户更好的交流沟通，所以在这方面的设计上很特别，首先在网站首页的左侧有“在线留言”点击可进入到客户服务的在线留言板块；其次在“服务监督”中有投诉专栏，质检红榜；这些板块的设计方便了用户更好的与我们沟通，也更好的了解公司，有什么疑难问题或意见都可以在网上解决。

四 详细设计说明

4.1 首页设计说明

首页背景为白色，LOGO以红色为主，采用左中右结构，左面是房源信息和友情

4

天 津 国 土 资 源 和 房 屋 职 业 学 院

链接，中间部分为一些最新房源信息和宇轩新闻，右面是一些有关图片和滚动的各连锁店的店名和联系电话。页面基本上每个图标，每个关键字都设有链接，首页有三大亮点：1、飘动的图片，并设有链接，让页面更加生动。2、缓缓滚动的文字。3、渐变的图片。前两个的制作均采用JavaScript脚本语言。

此处可单独给出LOGO的抓图并加以说明其特点。

如图4.1所示：

图4.1首页分析

4.2 各分页分析

4.2.1 连锁体系

这项分两页，一页是滨海连锁，一页是天津市区连锁。两页风格一致，LOGO是自己制作，一片蓝色的海，完全符合宇轩不动产的企业文化——水的文化。连锁店的情况是以表格形式反映，采用表格式是整个页面更清，一目了然。

如图4.2所示：

5

天 津 国 土 资 源 和 房 屋 职 业 学 院

图4.2连锁体系

4.2.2 新闻动态

“新闻动态”使用的模板和“连锁体系”使用的一样，都是导航栏在右侧。“新闻动态”分为向部分，一是宇轩新闻，一是业内新闻。该项单纯的用文字将新闻条目罗列清楚，每个新闻标题均能链接到内容中。

如图4.3错误！未找到引用源。错误！未找到引用源。所示：

图4.3新闻动态

6

天 津 国 土 资 源 和 房 屋 职 业 学 院

4.2.3 房源发布

“房源发布”这项有五类，分别为：房屋出售、求购房屋、出租房屋、求租房屋、合租房屋。

针对这样一个板块我制作了一个信息展示板，以表格的形式让客户轻松看到是否有自己想要的房屋信息。

如图4.4所示

略

图4.4房源发布

4.2.4 服务流程

“服务流程”这项分为三页，分别是：签约流程、贷款流程、过户流程。他们的制作比较简单，导入经过处理加工后的LOGO，再插入背景图案，导入内容即可。

如图4.5所示：

图4.5服务流程

4.2.5 地产专栏

这个页面的制作插入了水平线，插入背景颜色后以水平线将文本分类。背景色为灰色，文本颜色为桔黄色。

如图4.6所示：

7

天 津 国 土 资 源 和 房 屋 职 业 学 院

图4.6地产专栏

4.2.6 诚聘英才

本页用四个表格将招聘的职位分类，也是用表格将内容规范。每个表格都是8行2列宽90。

如图4.7所示

略

图4.7诚聘英才

4.2.7 服务监督

“服务监督”分为两部门内容，分别是：投诉专栏、质检红榜。

“投诉专栏”的制作较简单，就是插入用Fireworks制作的图象。

“质检红榜”主要以图片为主，以大量的表格将图片顺序排列，照片大小为99*120。

如图4.8所示

略

图4.8服务监督

8

天 津 国 土 资 源 和 房 屋 职 业 学 院

4.2.8 联系我们

在制作导航栏“联系我们”链接时，代码地址输mailto:yuxuantouzi@163.com，即可实现收发发送邮件。

4.2.9 在线留言

“在线留言”网页的制作就是插入表单、文本字段、文本区域、单选按钮。利用ASP技术，通过配置IIS，真正实现在线留言，实现网站的交互性。

如图4.9所示

略

图4.9在线留言

此处应给出后台数据库设计及使用说明：

包括数据库及其表的名称，各表的功能说明；每个表中各字段含义；表之间的关系；各表的数据是如何实现管理的等。

五 网站的更新维护

网站维护是网站建设中极其重要的部分，也是最容易被忽略的部分。不进行维护的网站，很快就会因内容陈旧，信息过时而无人问津，或因技术原因而无法运行。这是目前网站建设中最大的弊病。简单地说：建好了网站，只是企业开展电子商务的第一步，要真正让网站发挥作用，网站维护及网站推广才是重要的。所谓网站维护，即是要经常对网站内容进行更新维护。

1、不断充实网站内容，使之始终同步反映企业的发展。

2、及时回复访问者的EMAIL信件。

3、不断增加网上在线服务功能。

4、关注竞争对手的网上活动。

5、网上宣传，包括友情链接、网络广告等。

六 致 谢

首先感谢我的导师某某老师，她对我们认真负责、严谨细致、一丝不苟的作风一直是我工作、学习中的榜样；从论文题目的选定到论文写作的指导，经由您细心的点拨，您循循善诱的教导和不拘一格的思路给予我无尽的启迪。再次感谢指导老师对我的设计和论文给与的大力支持！

其次感谢授课老师课上对我们的教导，您们丰富的授课内容拓宽了我的视野，让

9

天 津 国 土 资 源 和 房 屋 职 业 学 院

我能更顺利的完成毕业设计。

最后感谢我的同学对我的帮助和指点。没有他们的帮助和提供资料对于我一个对网络知识不太精通的人来说要想在短短的几个月的时间里学习到网络知识并完成毕业设计及毕业设计说明书是几乎不可能的事情。

在毕业设计即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意！

这些时光会慢慢的沉淀下来，但无论何时，我想到这段岁月，都如同是看到一枚珍藏已久的夹在书里发黄的书签，永远都是那么璀璨、那么绚烂！

七 参考文献

[1]李世杰，编著 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 1999

[2] 刘卫东，编著网站建立与维护，天津：南开大学出版社出版

[3] 周洪政，编著 网页梦工厂Dreamweaver MX实例与操作，北京希望电子出版社 海洋出版社

[4] 姚奇富、张立燕、周凯编著，网页设计与制作，中国电力出版社

[5] 谢永超编著，网页设计与制作，中国电力出版社

[6] 陆伟锋编著，计算机网络安全，高等教育出版社

[7] 黄梯云编著，管理信息系统，经济科学出版社

[8] 张立云、马皓、孙辨华编著，计算机网络基础教程，清华大学出版社 北方交通大学出版社

八 附录

此处可给出有关部分的程序代码，每部分代码前要给出标题（应一同编入目录）。

10

第二篇：网站设计规范标准说明书样本

网站设计标准规范说明书

一．目的

二．网站界面的设计标准 1024px

1280px

三．存储目录名的设计标准

1．新闻中心

目录：news

用途：吕 中中中草药

2．公司简介

目录：gongsjj

用途：吕 中中中草药

四．文件名规范

五．代码规范

六．“山桐子”网站的设计标准

1．网站的主题、UI风格、色彩的分析

2．模块功能目录名的创建 包括目录名和用途

3．主要文件名的创建

包括文件名和用途