个人网站的设计与建立毕业论文

个人网站的设计与建立

毕业论文

目 录

第一章 引言 ............................................... 2 第二章 系统实现软件 ........................................ 3

2.1MACROMEDIA DREAMWEAVER MX简介 ................. 3 2.2 ASP简介 ...................................... 4 2.3 FLASH ........................................ 5 2.4 ACESS数据库 ................................. 6

第三章. 网站制作 ........................................... 7 3.1网站的策划 .................................... 7 3.2网站风格 ....................................... 8

3.3网站的主题 .................................... 9 3.3网站栏目设计 .................................. 9

第四章 系统分析 .......................................... 11

4.1 网站开发目的 ................................ 11 4．2性能需求 .................................... 11 4．3 数据库设计 ................................. 12 4．4网站逻辑图： ................................ 14 4.6 页面详细设计 ................................ 15

1

第五章. 系统界面的显示 .................................... 17 总 结 ..................................................... 19 参考文献 .................................................. 21

第一章 引言

Internet是全世界最大的计算机网络，它起源于美国国防部高级研究计划局（ARPA）于1968年主持研制并用于支持军事研究的计算机实验网ARPANET。

Internet有着巨大的商业潜力。在20世纪90年代以前，Internet由美国政府资助，主要供大学和研究机构使用。但是近年来该网络随着商业用户数量的日益增加，已逐渐从研究教育网络向商业网络过渡。

随着时代的发展，各种互联网接入技术不断出现，普通的电话接入已经不能满足宽带风张的要求，于是出现了ISDN（俗称“一线通” ）ADSL（俗称“超级一线通”）、闭路电视宽带、光纤宽带和无线宽带等技术。现在，互联网上进行实进点播、实时会议已经没有任何技术问题。要实现这样的功能，离不开后台数据库的支持。本文中数据库服务器端采用了Microsoft Access数据库作为ODBC(Open DataBase Connectivity )数据源，并以先进的ADO（ActiveX Data Objects）技术进行数据库存取等操作，使Web与数据库紧密联系起来。

我的网站整个个性化页面生成系统主要由使用Dreamweaver_MX开发的关联规则采掘系统和利用IIS+ASP技术实现的个性化Web页面生成器两部分

2

组成。二者通过数据库服务器和Web服务器连接。

第二章 系统实现软件

2.1MACROMEDIA DREAMWEAVER MX简介

Dreamweaver是一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver MX 2004 的十大新特性:

1.动态跨浏览器验证:自动检测标签和CSS规则来适应所有主流浏览器! 2.更强大的CSS支持!

3.内建的图形编辑引擎:修剪,改变大小,尺寸,旋转角度,调节明暗度都不需要离开Dreamweaver环境,因为它本身集成了FW的基本图形编辑技术.(这一点有模仿FrontPage的嫌疑,但这个功能确实很实用)! 4.安全FTP:完全加密传输保证文件和帐号信息的安全! 5.增强对当今技术的支持:支持当今主流的开放环

境:ColdFusion,J2EE,PHP,NET,和其他主流的服务器技术.Dreamweaver现在加入了XML命名空间支持,ASP.NET表单控件对象,新的参考书内容和新的PHP服务器端行为!

6.无缝整合外部文件和代码:直接将Word和Excel文档复制和粘贴到

3

Dreamweaver中,会保留字体,颜色,CSS样式表信息.使用系统支持的编码保存任何字体,包括双字节字符集.

7.紧密整合MM的其他工具:加强了和MM其他几款产品的协同工作能力.例如:你可以通过DW直接设置Flash组件的参数. 8.基本支持改良:插入条,表格工具都有改进!

9.增强代码编写工具:编辑代码更省时,例如右键编写代码工具,增强的查找和替换,高效的属性面板.

10.改进的设计开放环境:一个改良的用户界面,更高的实用性,非常亲切和有逻辑,让你快速找到你想要的东西,一个新的开始屏幕让你快速访问最近的文件和教程资源.

2.2 ASP简介

ASP即Microsoft Active Server Pages，它其实是一套微软开发的服务器端脚本环境,下面列举了ASP的一些特点：

（1） 使用VBScript、JavaScript等简单易懂的脚本语言并结合

HTML代码编写网站应用程序简单、快速。 （2） 程序在服务器端直接执行，不用编译。

（3） 使用的编辑器简单，使用像Windows的记事本这样的普通文

本编辑器即可。

（4） 与浏览器无关，用户端只要使用可执行HTML码的浏览器就可

阅读ASP所设计的网页内容。ASP所使用的脚本语言（VBScript、JavaScript）均在Web服务器端执行，用户端

4

的浏览器不需要执行这些脚本语言。

（5） ASP能与任何ActiveX scripting 语言相兼容。除了使用

VBScript或JavaScript语言来设计外，还可通过piug-in的方式使用由第三方所提供的其他脚本语言，像REXX、Perl、Tcl等。

（6） 安全性高，ASP的源程序不会被传到客户浏览器，因此可以避

免所写的源程序被他人盗窃。

（7） 可使用服务器端的脚本来产生客户端的脚本。 （8） 面向对象。

（9） ActiveX服务器元件具有无限可扩充性。可以使用Visual Basic 、Visual

C++、COBOL等编程语言来编写你所需要的ActiveX Server Component。

2.3 Flash

Flash是Macromdia公司开发一款优秀的网页动画开发软件，从简单

的动画到复杂的交互式Web应用程序，它使用户可以创建任何作品。通过添加图片、声音和视频，可以使Flash应用程序媒体丰富多彩。Flash包含了许多种功能，如拖入用户界面组件、将动作脚本添加到文档的内置行为，以及可以添加到对象的特殊效果。这些功能使Flash不仅功能强大，而且易于使用。最叹引人的还是Flash作品SWF文件体积出奇的小，并且可以以插件的形式加入到网页中，通常几分钟的复杂动画才几百KB，是目前网络中最常用的动画格式。

5

Flash MX 2004是Web设计人员、交互式媒体专业人员或开发多媒体内容的主要专家的理想工具。该版本注重于创建、导入和处理多种类型的媒体（音频、视频、位图、矢量、文本和数据）。

2.4 ACESS数据库

Access作为Microsoft的office套件产品之一,是世界上最流行的桌面数据库系统。Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。它能操作其它来源的资料，包括许多流行的PC数据库程序（如Paradox，Microsoft FoxPro）和服务器、大型机上的许多SQL数据库。Access完全支持Microsoft的对象的链接与嵌入（OLE）技术。本网站采用功能强大的Microsoft Access作为后台数据库，使用前面所述的网页三剑客作为前台开发工具，从而开发了一个小型的个人网站。

6

第3章 总体设计

第三章. 网站制作

整个网站的制作流程图如下：

策划网站 布局网站 色彩搭配 收集资料 目录设计 导航设计 网页设计 3.1网站的策划

网站的建设的第一步是策划，它直接关系到网站的功能是否完善、是否够层次和能否达到预期的目的，等等。网站策划可以从主题、对象、内容和创意等几个方面去思考，这几个方面相互影响、相互作用。网站策划逻辑如图所示：

对象 影响 决定

策划网站 内容 主题 内容 对象 表现 决定

主题

完成

网站制作首先面临的总是放置什么内容、选择什么样题材的网站。 对于个人网站来说，题材最好是自己擅长或者喜爱的内容。但要注意不能做得太滥或者选择的目标太高，因为知名度很高的站点要超过是非常困难。 3.2网站风格

风格是非常抽象的概念。结合整个站点的内容范围不太广则可以考虑整个站点设计为同一种风格。不管用什么风格，都要注意风格是为主题服务的，也就是要做好烘托气氛的工作，而不是单纯地照搬照抄别人的特色却并适合自己的站点。网站内容网站中最重要的是内容，再漂亮的网站如果内容空洞也只是虚有其表而已。因此先要确定网站内容的逻辑构成。如图所示：

初步网站内容 资料来源 网站主题 客户对象 原计划内容

加减调整内容 具体网站内容 8

3.3网站的主题

个人网站的主题通常取决于网站作者的爱好和兴趣。本网站的性质是无偿技术服务性网站，所以命名为“我的网站”。这里有两层意思：一是“网站”，体现我的网站是一个关于“网站”制作方面的，如网页设计、制作等方面的内容；二是“我的”，体现我的网站是一个人的网站，让人一看便知道这个网站的主题内容是什么，一目了然。

3.3网站栏目设计

针对自己的个人网站，我主要从下面几点进行设计的：

网页制作：主要包括网页规划、制作等技巧方面的文章供大家学习。 网页进阶：是在网页制作的基础上的一个升级，供一些网页设计高手学习和使用。

情感世界：是一个体现个性的板块内容，放置一些我比较喜欢的优秀文章供大家欣赏。

留言板：设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的要求和建议，随时调整和更新自己的网站，以便更好地为客户服务。

网站说明：是有关本网站的一此要求和具体的联系方式。

新闻动态：是关注一些自考方面的消息，让一些自考的浏览者可以从我的网站中得知最新的消息。

本站导航：以菜单的方式列出本网站的所有内容，以方便读者浏览和

9

学习。

关于我们：介绍创建网站的目的，便于和浏览都交流学习。

确定好了网站的内容还不算完成了网站的内容构思，还要将这些内容分布到页面的各个部位。将各个主题目以比较集中的方式放在网页顶部导航栏的位置，以便于浏览者检索。将需要经常更新的内容如“网页制作”和“网页进阶”放在网页的中部，以方便读者学习。将各个功能板块的内容分布在页面的两侧，以充他利用主页的空间。

10

第四章 系统分析

4.1 网站开发目的

对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。

本设计简单易用，可以提高个人网站的知名度和形象；直接面对浏览所提供的信息化服务，改善服务水准。

4．2性能需求

本设计是采用ASP结合Access数据库平台的一个个人网站。网站开发的性能要求是实现网站的智能化。本设计能实现以下功能：新闻的增、删、改和留言板的实现及一些静态网页的浏览。系统管理（管理员）。

系统管理包括新闻的增、删、改，留言的回复、删除。以上的功能只能是管理员才有权限操作。

(1)新闻管理

由于本栏目是与后台数据库相连的，所以也给予管理员对新闻的增加，删除，修改的权限。

(2)留言管理

此栏目是浏览者与管理员的一个交流平台，所以在浏览者发表的留言之后，管理员在后台对此进行回复、删除。此项操

11

作透明化。 4．3 数据库设计

设计数据库系统时应该首先充分了解用户各个方面的需求，包括现在的和将来可能增加的需求。 数据库需求分析

用户需求具体体现在各种信息的提供、保存、更新和查询上，这就要求数据库结构能充分满足各种信息的输出和输入。通过收集基本数据、数据结构以及数据处理的流程，组成一份详尽的数据词典，为后面的具体设计打下基础。 留言表

用于存放留言信息，具体设计如表1-3所示 表1-5 留言表

字段名 G_ID G_name G_email G_url G_content G_time

数据类型 自动编号 文本 文本 文本 备注 日期/时间 说 明 自动生成编号 存放留言者姓名 存放留言者的邮箱 存放留言者的网址 存放留言内容 保存留言时间 12

本文来源：https://www.bwwdw.com/article/f0fg.html