网站毕业设计说明书

网站毕业设计说明书

【篇一：校园博客网站毕业设计说明书】

1 引言 博客（blog）的全名应该是web log，中文意思是“网络日

志”，后来缩写为blog，而博客(blogger)就是写blog的人。从理解

上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序

排列，并且不断更新的出版方式”。简单的说博客是一类人，这类人

习惯于在网上写日记。

博客（blog）是继email、bbs、im之后出现的第四种网络交流方

式，是网络时代的个人“读者文摘”，是以超级链接为武器的网络日

记，是代表着新的生活方式和新的工作方式，更代表着新的学习方

式。具体说来，博客（blogger）这个概念解释为使用特定的软件，

在网络上出版、发表和张贴个人文章的人。

博客是一种满足“五零”条件(零编辑、零技术、零体制、零成本、零

形式)而实现的“零进入壁垒”的网上个人出版方式，从媒体价值链最

重要的三个环节：作者、内容和读者三大层次，实现了“源代码的开

放”。并同时在道德规范、运作机制和经济规律等层次，将逐步完成

体制层面的真正开放，使未来媒体世界完成从大教堂模式到集市模

式的根本转变。

博客的出现集中体现了互联网时代媒体界所体现的商业化垄断与非

商业化自由，大众化传播与个性化（分众化，小众化）表达，单向

传播与双向传播3个基本矛盾、方向和互动。这几个矛盾因为博客

引发的开放源代码运动，至少在技术层面上得到了根本的解决。

本博客系统中，是采用了b/s设计模式，它是一个经过考验的真正

的软件设计模型，它可以使程序成为可维护的、模块化的和快速开

发的包。使用分离的模型(model)、视图(view)和控制器(controller)

组织的程序是轻便的。新的特性很容易就被加入，旧的程序换上新

的外观也是一下子的功夫。模块化和分离的设计使得开发者和设计

者能够同时工作，这包括了快速原型的能力。分离的设计令开发者

可以修改应用的一部分而不会影响到其它部分。

2 系统的开发背景、开发环境、目的和意义

2.1 开发背景 blog是1997年12月由美国的jorn barger最早提出

的，这些年全球博客获 得了突飞猛进的发展。据博客搜索

technorati统计，目前全球平均每5.8秒钟诞生一个博客。它是一个

个人互联网出版工具，博客使用者可以很方便地用文字、链接、图

片建立起个性化的网络世界。博客正在改变人与人之间交流方式。

目前，全球参与博客的人数已经达到千万之众，而且每几秒钟，都

有一名新的博客用户加盟进来。很多律师、教授、学者，甚至法官

和议员都有了自己的博客网站，形成了独特的博客文化。许多企业

正在把博客方式引入到企业的内部网和公司网站，用于非正式的知

识管理和网络营销等。政府和教育等领域都在尝试利用博客构造内

部知识管理和沟通交流的新体系，可以让职员积累知识，发表评论，

链接有意思的网络资源，促进彼此的交流沟通。一个典型的博客结

合了文字，图像，其他博客或网站的链接及其他与主题相关的媒体。

能够让用户以互动的方式留言，是许多博客的重要组成元素。

博客是使用方便的、交互性强。与传统的电子邮件、bbs等互联网

沟通方式相比，博客是一种较人性化的沟通平台。bbs公共匿名性

很强，而且缺乏约束。电子邮件是多用于个人间的通讯，而博客是

公共性和个人性的结合。博客是个人在网上展示自己风采、与别人

交流的综合平台，它的管理比bbs简单的多。

2.2 开发目的及意义

博客能让个人在互联网上表达自己的心声。这是一个收集和共享任

何感兴趣的事物的地方--可以是政治评论、个人日记或是指向您想记

住的网站的链接。许多人使用博客只是要组织自己的想法，而有些

人则在全球成千上万的浏览者中赢得影响力。职业和业余新闻记者

使用博客发布特发新闻，而有写日记习惯的人则会在博客 中宣示自

己内心的想法。而摄影和美术发烧者，可以通过博客 系统的管理自

己的作品，无论您要发表什么意见，博客都可以帮您表达出来。

（3）反映成长。写blog，可以反映出人的思考过程，而不仅仅是

思考结果。对一个问题或领域，从不了解到了解，从了解到熟悉，

从熟悉到精通。这纪录了一个人思考和解决问题的成长过程。很久

之后，看到自己之前的文章，你将会觉得自己进步了。

（4）结交朋友。写了blog，自然会有许多志趣相同的朋友来阅读，

这可以认识许多朋友。大家有共同的兴趣爱好，自然谈得来。

（5）共享知识。blog给大家看，大家的blog也给你看。这个问题

我解决了，那个问题他解决了。大家互通有无，建立起一个社群。

（6）交流看法。回复的人对blog的观点或赞同，或反对，大家一

起讨论，听听别人的思想，可以促进双方的共同进步。

（7）包装自己。看到一篇篇用心写出的文章，自然是对自己知识技

能的最好宣传。

2.3 开发环境

1）c#语言

c#是一种安全的、稳定的、简单的、优雅的，由c和c++衍生出来

的面向对象的编程语言。它在继承c和c++强大功能的同时去掉了

一些它们的复杂特性（例如没有宏和模版，不允许多重继承）。c#

综合了vb简单的可视化操作和c++的高运行效率，以其强大的操作

能力、优雅的语法风格、创新的语言特性和便捷的面向组件编程的

支持成为开发的首选语言。c#看似基于c++写成，但又融入于

其他语言如java、vb等语

言。

2）sql ver 2008介绍 microsoft sql rver 2008是一个重大的

产品版本，它推出了许多新的特性和关键的改进，使得它成为至今

为止的最强大和最全面的microsoft sql rver版本。微软个数据

平台满足这些数据爆炸和下一代数据驱动应用程序平台愿景：关键

任务企业数据平台、动态开发、关系数据和商业智能。

这个平台有以下特点

3）microsoft visual studio 2010介绍

visual studio是微软公司推出的开发环境，是目前最流行的

windows平台应用程序开发环境，visual studio可以用来创建

windows平台下的windows应用程序和网络应用程序，也可以用

来创建网络服务、智能设备应用程序和office插件。

3 系统需求分析和可行性分析

3.1 系统需求分析

(1) 前台管理

本网站前台是对博客和访客两种身份开放的，博客用户通过前台登

录后，可对自己的博客空间进行管理，包括发布自己的网络日志、

与相关人员进行交流和沟通以及删除访客发表的评论等。访客可以

登录或以匿名身份对博客的文章发表评论。

1）访客主页面实现过程

2）浏览博客的所有文章

3）访客发表评论

4）博客管理文章

5）博客管理评论

(2) 后台管理后台管理模块只对管理员开放，管理员登录后，可以查

找和删除已注册的博客用户，可以添加、修改和删除管理员并对管

理员进行权限设置，还可以添加、查找和删除友情链接。其具有的

功能如下：

（1） 主页管理：删除主页信息

（2） 幻灯片管理：修改图片图片

（3） 博客信息的管理：查找、删除博客用户

（4） 管理员管理：添加、修改、删除管理员

（5） 链接管理：添加链接，删除、查询链接

3.2 可行性分析

毕业设计（论文）

题 目 torrens网站设计

系(部)数字媒体系

专业（方向）图形图像制作（计算机）

班 级

学 生 姓 名

指 导 教 师

总 成绩

职业技术学院教务处制

2009年12月

毕业设计（论文）过程检查表

学生毕业设计、论文或作品等的说明

网页ui设计与用户体验

===================================================

============================================

网页设计的作用在于展示企业形象，并协助、指导用户顺利完成访

问目标及任 务流程。

《网页设计与用户体验》探讨网站外观与界面设计的用户易用性。

由新竞争力 网页设计师通过大量 案例阐述影响用户体验的网页设计

问题。涉及用户需求分析、网站整体风格和 品牌形象、“实用”与“美

观”的平衡点、网站导航设计、网站界面布局、网 站视觉元素设计等

网页设计主题。 网站外观设计应依托于网站结构，以用户为中心设

计，使网站内容以更符合用 户习惯的方式呈现。同时网站的外观设

计还要通过对用户行为的引导服务于网 站的运营目标。

时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征

和用户需求

，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过

分强调外观 设计而忽略了最根本的企业的行业属性，过于注重视觉

效果，网站美观有余实 用不足。

1、试着去了解用户

网页设计师在进行网站的外观设计之前，不妨先去思考几个问题

?谁是你的目标用户？

?目标用户具有什么特点？

?你的网站运营目标是什么？

?如何让你的设计真正为传递网站内容和产品价值而服务？

?你的设计能否给目标用户带来更好的体验？

网站外观设计应依托于网站结构，以用户为中心设计，使网站内容

以更符合用 户习惯的方式呈现。同时网站的外观设计还要通过对用

户行为的引导服务于网 站的运营目标。

时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征

和用户需求

，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过

分强调外观 设计而忽略了最根本的企业的行业属性，过于注重视觉

效果，网站美观有余实 用不足。

2、网站整体风格和品牌形象

网站的整体风格是网站外观设计的指导思想。视觉元素、css、布局

方式、浏

览器兼容性等视觉表现形式都要服从于网站的整体风格。

确立网站整体风格有助于品牌形象的塑造，而网站的品牌理念对网

站的整体风 格也有着重要的影响。网站的品牌形象不仅是现有的品

牌在网上的延伸，还能 给用户带来更多的符合期望的品牌体验。

3、风格要突出企业/产品的个性气质

企业网站的风格要体现独特性而不是与其他网站千篇一律的风格，

比如套用模 板程序做出来的网站通常就难以体现个性气质。

很多创意类的工作室或者广告公司的网站常常喜欢采用红黑，黑白

这样对比强 烈的颜色。以此来体现网站的品牌气质，使网站整体显

得个性张扬，饱满精致

4、 网站界面布局

网站界面的布局方式、展示形式直接影响用户使用网站的方便性。

合理的页面 布局令用户快速发现 网站的核心内容和服务；如果页面

6.网站界面设计的兼容性

网站界面设计还应考虑浏览器兼容性，即要适合大多数用户的浏览

环境，使他 们都能正常的浏览。

随着web标准的推广和应用，将网站界面的表现与形式分离，更

具灵活性和适 应性的方式在网站建设中越来越受推崇。要做到网站

界面在各浏览器和分辨率 下相兼容，不妨第一步就从web标准化的

运用开始。

同理，网站界面目前对应的主流浏览器仍然是ie5.5以上，火狐

firefox的市场份 额近年也不断增加，设计师要做到网页在以上浏览

器下均能正常浏览。

torrens网站设计作品说明

===================================================

=========== 网站导航设计

网站的导航机制是网站内容架构的体现，网站导航是否合理是网站

易用性评价 的重要指标之一。 网站的导航机制一般包括全局导航、

辅助导航、站点地图等体现网站结构的、 对用户进行引导的因素。

通过使用flash制作了非常动感的导航，增强了用户的互动体验。同

时也是本网 站的难点很突破

网站banner/slideshow

通过网站本站slideshow来展示公司最新产品，或者是想要传达给

客户的健康 理念，都可以使用精心制作的广告图来表现。让浏览者

第一眼就记住它。这就 是顶部slideshow的重要作用

【篇三：网站设计说明书--参考样本】

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

（4）目录。

正文部分的文字说明必须与所设计的网站实际内容严格对应，如果

没有真正上传到internet，则“开发工具”中的“上网方案”和“申请域

名”部分可酌情写或省略不写。首页下的各二级页面必须进行说明并

有抓图。凡是利用编程方法制作的内容，应在所描述内容之后给出

程序代码，或在最后即“参考文献”之后，增加“附录”给出有关部分

的程序代码。 以下正文中“蓝色字体”表示给出的注释。正文的排版

要求另见“毕业设计说明书排版格式要求”文件（发送过）。

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

一 绪 论

在internet飞速发展的今天，互联网成为人们快速获取、发布和传

递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着

重要的作用。 科技的发展、时代的进步传统的教育方式被大大的局

限于一定的范围之内，教育的网络化发展是其自身发展的必然趋势，

也是时代发展、社会进步的必然趋势。作为首选的front page有它

自身的先决条件。通过我们不断的对其功能的诠释，同时我们也可

以通过教育方式和教育水平的提高，我们将能更好的开发出我们所

需的其自身更深层次的功能与作用。internet上发布信息主要是通过

网站来实现的，获取信息也是要在internet“海洋”中按照一定的检索

方式将所需要的信息从网站上下载下来。因此网站建设在internet

应用上的地位显而易见，它已成为政府、企事业单位信息化建设中

的重要组成部分，从而倍受人们的重视。

1.1 网站的总体规划

我们在制作网页前首先要做的是要对网页内容进行一下具体的规划,

确定一下制作的思路和目的,从而更方便我们的设计和制作。

创建新网页最佳方法是先建立原型系统，再进行详细设计，最后正

式实施。

原型系统最主要的目标是学习、尝试采用不同的方法修改目标、更

新形象。原型系统开发过程中要解决网页建设的一些基本问题。

例如：

网页的结构；

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

主页的制作；

的网站，如此才能更好的让群众们了解公司，熟知公司，达到企业

知名度。

我的建站目的：房地产行业是一个特殊的产业，与其它商品最大的

区别是消费者一般一生只购买一次。所以，房地产行业的公司不会

像其他类型公司一样热中于培养忠诚的消费客户，而是在不断地寻

找新客户。所以房地产公司网站建设的目的和功能可以概括为四点：

一是做个性，展示房地产公司；二是做虚拟，展示开发楼盘；三是

做网络化销售，拓宽销售渠道；四是做增值，树立企业形象，增加

无形资产。

二 开发工具

2.1 网页制作使用的技术

整个公司网站的建设运用到网页三剑客制作技术。网页设计技术是

随着互联网及电子商务的发展应运而生的，利用这种技术，可以设

计制作出各种不同风格的网页，向人们展示互联网最生动的一面。

著名的macromedia公司的有着网页设计三剑客之称的

dreamweaver、fireworks和flash软件，能独立设计和开发出精美

的网页。dreamweaver在多媒体方面颇有建树的macromedia公司

推出的可视化网页制作工具，它与flash、fireworks合在一起被称

为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。

其中，dreamweaver主要用来制作网页文件，制作出来的网页兼容

性比较好，制作效率也很高，flash用来制作精美的网页动画，而

fireworks不仅仅是一个图象处理工具，它还是一个全功能的web

设计工具。此外，在整个网页制作中我还加入了javascript脚本语

言，通过这个技术的使用让网站又增加了很多亮点，显得更加生动。

网站中的公司logo是我自己用fireworks制作的，整个logo的制

作，融入了我个人的一些想法和创意。

2.2 上网方案

企业上网有很多方式，有自己组建网络、主机托管和虚拟主机等方

式。虚拟主机是用于存放网站，一般个人制作的网站出于流量费用

等因素考虑 不会为网站存放选用整个服务器，服务商把一台服务器

划分成若干个目录提供给他们使用，每一个目录都是一个虚拟主机。

因资金有限和网站的规模较小，今后企业网站发布，我预选的方案

是中国频道的虚拟主机服务，798元/每年，提供以下服务：

900mb web空间

100mb log空间

windows2003操作系统

全面支持2.0

流量可自由升级

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

不定期数据备份

功能强大的控制面板管理

最快捷的web文件管理功能

免费赠送企业名片

2.3 申请域名

域名的选择，我初步决定还是在“中国频道”注册，它毕竟是大中华

区首家通过icann认证的顶级注册商,目前域名注册量亚洲第一。中

国频道现在推出类英文域名促销价：98元/个/年，域名我决定用

三 内容规划

3.1 栏目板块和结构

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

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

应绘制首页各部分内容的布局图（不能采用抓实际页面图，可利用

表格或文本框制作，并占一页）略

3、连锁体系：主要介绍宇轩不动产的所有连锁店的地理位置、联系

方式等，采用表格式。

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

字式的布局结构。

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

6、服务流程：主要介绍宇轩不动产各项服务的流程，例如：房屋买

卖的流程、房屋租赁的流程，让客户可以对宇轩的服务流程更了解，

决定采用文字图的形式。

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

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

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

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

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

这个网站设计的初衷也是为了能更好的与广大客户更好的交流沟通，

所以在这方面的设计上很特别，首先在网站首页的左侧有“在线留言”

点击可进入到客户服务的在线留言板块；其次在“服务监督”中有投

诉专栏，质检红榜；这些板块的设计方便了用户更好的与我们沟通，

也更好的了解公司，有什么疑难问题或意见都可以在网上解决。

四 详细设计说明

4.1 首页设计说明

首页背景为白色，logo以红色为主，采用左中右结构，左面是房源

信息和友情

链接，中间部分为一些最新房源信息和宇轩新闻，右面是一些有关

图片和滚动的各连锁店的店名和联系电话。页面基本上每个图标，

每个关键字都设有链接，首页有三大亮点：1、飘动的图片，并设有

链接，让页面更加生动。2、缓缓滚动的文字。3、渐变的图片。前

两个的制作均采用javascript脚本语言。

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

如图4.1所示：

图4.1首页分析

4.2 各分页分析

4.2.1 连锁体系

这项分两页，一页是滨海连锁，一页是天津市区连锁。两页风格一

致，logo是自己制作，一片蓝色的海，完全符合宇轩不动产的企业

文化——水的文化。连锁店的情况是以表格形式反映，采用表格式

是整个页面更清，一目了然。

如图4.2所示：