学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的平台。有效地降低教研成本、提高效率。

本文将首先从结构上对网站的设计有一个总体上的思想，包括网站的前端的用户管理模块和后端的数据维护模块，这是任何一个网站所必备。

本文讲述了利用DREAMWEAVER MX和ASP进行网站设计的开发过程，对网站的设计及网站的实现进行了详细的说明。本文的主要内容主要是利用ASP和DREAMWEAVER MX的开发环境的架设开始，一步步实现校园网站各个功能模块。本文的主要内容主要包括HTML，DREAMWEAVER MX，ASP，ACCESS语言的基本概念及高级应用，ASP与数据库的连接。

关键字：ASP ；ACCESS；DREAMWEAVER MX ；HTML ；网站设计

Abstract

The school website is realizes the education resource distribution bridge network to have the huge education resources storehouse, its collection entire society's strength, causes the education resources infinite growth. The school website is the best teaching laboratory, the school website and the education class special website effective link, has brought a stretch of new world for the school teaching research, each kind of outstanding contents and so on article, various branches source material, outstanding software downloading have provided the extremely good platform for the student. Reduces the research cost effectively, enhances the efficiency. 

This article first structurally will have a as a whole thought to the website design, including website front end user administration module and rear end data maintenance module, this will be any website necessary. 

This article narrated carries on the website design using DREAMWEAVER MX and ASP the performance history, has carried on the detailed explanation to the website design and the website realization. The this article primary coverage mainly is erects the start using ASP and the DREAMWEAVER MX development environment, one realizes the campus website each function module step by step. The this article primary coverage mainly includes HTML, DREAMWEAVER the MX, ASP, ACCESS language the basic concept and the high-level application, ASP and the database connection.

Key words: ASP ；ACCESS；DREAMWEAVER MX ；HTML ；WEBSITE DESIGN;

绪  论

1.1设计背景

作为一种新兴的信息技术，互联网正以前所未有的冲击力影响着人类的生活，它的出现和发展，正慢慢地改变着人们的生活方式，互联网也因此成为目前比较热门的一个话题，它具有强大的影响力。

 国际上网站的发展十分迅速，网站已成为人们获取信息的一种重要方式越来越多的人都希望有自己的个人主页，以充分展示自我；越来越多的公司都希望让自己的网站更具吸引力，以宣传公司，提高知名度。提起网站设计，许多人自然会想到 DREAMWEAVER MX和FLASH，FIREWORKS三剑客，还有ASP等等。

本课题的研究的主要内容是使用网站设计软件工具，通过对ASP等的学习学会网站的布局，使网站的结构合理。学会链接的建立和修改，使访问者可以在网页之间自由跳转，真正体会网上冲浪的感觉。另外，使用FLASH进行动画设计。通过对ASP的学习进行聊天室、BBS和留言版的源代码的编写。

本课题的设计步骤是：首先，通过上网对大型网站的结构进行学习和模仿。上网查找一些相关资料并下载。然后，学习DREAMWEAVER和ASP的网络编程语言学习网站设计的基本技术和方法。然后，利用DREAMWEAVER进行网站的布局和编辑，进行网站的链接。最后，利用ASP进行聊天室，BBS和留言版的设计和编程。

1.2 课题实现的功能

完备的网站功能模块：各种网站必备功能模块，如会员登录、计数器、文件下载和上传、流言本、友情链接、在线调查等。其中会员登录为前台为普通用户登录，而后台为系统管理员登录，并且使用了随机码，使得网站变得更加安全；文件的下载和上传功能中用户可根据用户喜好自由上传图片和画像；出次之外，其他功能模块也能完成相应的功能。

完善的后台管理功能：通过建站系统的后台理系统，可动态发布校园公告、校园新闻等，可对网站各功能模块中的数据进行管理设置，实现对网站的更新和维护。使后台管理者能够更加容易的更改网站的某些设置，如：网站标题、版权信息、系统日期、上传文件大小设置等；超级用户可以对后台管理员进行权限设置，使得网站的维护变得更加安全。

1.3 论文的组织

该论文的内容主要包括需求分析，数据库的设计，详细设计，设计小结，谢词，参考文献以及英文翻译几个部分，其中前三个部分是设计的主要部分，应用了大量的篇幅进行介绍说明，需求分析部分在介绍需求分析过程及总体流程图同时加入了运行环境的介绍；需求分析完成之后的则是数据库的设计，在这一章节中主要是绘制各个实体的E-R图以及实体间的E-R图；而最为核心的部分就是详细设计这一环节，首先对各个功能模块的功能接主要界面进行描述，同时对模块中所采用的相关技术进行了介绍。

内容中的各个部分成章，并且每部分内容都通过文字和图形共同组织而成，使得各部分内容得到了更加形象的描绘。

需求分析

一个网站项目策划的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题.

需求分析活动其实本来就是一个和用户交流，正确引导用户能够将自己的实际需求用较为适当的技术语言进行表达（或者由相关技术人员帮助表达）以明确项目目的的过程。这个过程中也同时包含了对要建立的网站基本功能和模块的确立和策划活动。

2.1 开发环境 

IIS简介

IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器，最新的版本是Windows XP里面包含的IIS 6.0，IIS与Window NT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大、灵活而安全的Internet和Intranet站点。IIS 6.0的一个重要特性是支持ASP,可以很容易的张贴动态内容和开发基于Web的应用程序。

最初的IIS 1.0 包括了许多标准的安装程序用于支持CGI，以及有效地运行使用诸如C或C++编写的、已编译过的应用程序。它还提供了附加的特征来访问输入及输出流，这种接口被称作ISAPI（Internet Server Application Programming Interface），即Internet服务器应用程序接口。

ASP的脚本引擎仍然使用ISAPI来连接IIS 5.0，它使用服务器进行内部的处理，这意味着它与服务器使用相同的内存，并且可以直接访问内存中的值。但这并不意味着一个应用程序失败后，也会导致服务器的失败。它可以进行有效及快速的处理，并且能使ASP居于其他技术之上

2.2开发目的

利用网络这一公共资源，通过其分布广泛、信息量大、使用价格低廉这些特点设计校园网站系统以满足这方面的需求。其主要实现功能分为a、新闻浏览 b、舞曲上传与下载 c、首页显示最新新闻信息10条及显示最新更新  d、电脑软件下载  e、文章浏览  f、留言板 g、首页友情链接、页尾信息以及标题栏名称可随时更改  h、站内基本信息统计 。 

2.3需求分析的过程

(1)登录功能：前台为普通用户登录。而后台为系统管理员登录，并且使用了随机码，使得网站变得更加安全。

(2)信息发布功能：实现各种信息的修改、发布和删除。

(3)站内留言功能：上网者一但完成系统注册，便会自由在网站留言板上畅所欲言变得更加轻松、简单。

(4)文件上传功能：可根据用户喜好自由上传图片和画像。

(5)搜索器功能：按关键字对网站内的信息进行搜索。

(6)网站参数设置功能：使后台管理者能够更加容易的更改网站的某些设置，如：网站标题、版权信息、系统日期、上传文件大小设置等。

(7)管理员权限设置功能：超级用户可以对后台管理员进行权限设置，使得网站的维护变得更加安全。

(8)友情链接管理功能：可以随时添加、更改、删除链接。

(9)广告、文章等信息的注销功能(后台)：对上述信息进行修改，保证它的时效性。

2.4系统结构图

本系统由两大部分组成：主页和后台。主页是面向普通用户的，用户只有根据需求注册成为用户后方可访问留言板模块。而其它模块则不需注册，直接访问。后台是对网站进行维护的，为了安全起见，采用和主页分离式设计，只有超级用户和管理员才能访问，每次进入必须输入密码和随机生成码才能登录。超级用户权限最大，普通管理员必须经过超级用户才能申请网站的维护，同时超级用户也对普通管理员进行权限设置。

其系统结构如图2－1所示:

图2－1　校园网站系统结构图

数据库设计 

网站数据库的主要目的就是存储信息，一般是通过前台页面与浏览者的交互收集信息，然后结合前台的程序（一般为动态页面），实时生成浏览者所看到的最新内容，从而具备普通静态页面所不能达到的效果。

3.1 ACCESS数据库简介

ACCESS是一种多功能产品，它的使用只受用户自身想象力的。ACCESS也是一种功能强大的WINDOWS的应用程序。首先，该数据库管理系统兼备了MICROSOFT WINDOWS的通用性。ACCESS集成在OFFICE中，在这种情况下，ACCESS可以利用EXCEL电子表格，WORD文字编辑器等充分其功能。

ACCESS的主要功能：

(1)所见及所得的窗体和报表

在ACCESS中用户可以在窗体和报表上添加标签，文本，按扭，复选框，子窗体，子报表等，窗体和报表的设计窗口具有共同的界面和功能。

用户可以在设计模式下使用样本数据来查看自己的报表，因此用户不必等待庞大的数据文件的处理而浪费时间。用户还可以在页面预览模式下查看窗体和报表。

(2)INTERNET的应用 

在ACCESS中可以很容易地将应用程序用于INTERNET和INTRANET，这就是ACCESS中的称之为数据访问页的新特性，利用它可以为INTERNET创建复杂的窗体，并与网络上的动态数据相链接，甚至初学者也可以在WEB上创建动态数据页及超级链接，发布数据以允许用户与其他人共享数据。

在ACCESS中，数据访问页可以引导用户一步步创建窗体和为数据库对象链接数据，最后将生成的HTML文件放在用户的WEB站点上。

(3)内部函数   

ACCESS提供了很多函数，这些函数能完成不同的工作，ACCESS中的函数在窗体，报表或查询中建立表达式，从而得到符合用户需要的数据。

(4)客户机-服务器 

ACCESS自带JET，称为ACCESS或JET数据库引擎，用来创建和存储用户表，执行用户查询。它虽然不像SQL SERVER那样功能强大，但更适用于大多数少于10台工作台的小型应用系统。

3.2数据库逻辑结构设计

在需求分析的工作完成后，接下来的工作就是数据库设计，数据库设计是整个数据库应用系统开发过程中的一个重要环节，它具体可以分成两个部分：一是概念模型的设计，即E-R图的设计；二是逻辑模型的设计，即表的设计

本系统根据上面的设计规划出的实体有：主要有用户信息实体,新闻信息实体,可供下载的软件信息实体,留言信息及舞曲信息实体。各信息实体图为图3-1至图3-5所示:

    ．．．．．

    图3-1用户基本信息实体E-R

    ．．．．． 

图3-2新闻信息实体E-R图

    ．．．．．

图3-3 留言信息实体E-R

    ．．．．．

                            图3-4 可供下载软件信息

    ．．．．．

图3-5舞曲信息

实体关系（E-R）图设计

对于改系统实体关系(E-R)的设计是建立在需求分析的基础之上,在下面的E-R图中,抽象出了7个实体.分别是用户,软件,新闻,舞曲,文章,照片.

                        图3-6 实体关系E-R图

详细设计

4.1建立网站的基本工作流程

4.1.1ASP简介

Microsoft开发的服务器端脚本环境ASP是目前非常流行的开放式的Web服务器应用程序开发技术。ASP既不是一种语言，也不是一种开发工具，而是一种技术框架，其主要功能是为生成动态、交互且高效的Web服务器应用程序提供一种功能强大的方法或技术。ASP的主要特性是能够把脚本、HTML、组件和强大的Web数据库访问功能结合在一起，形成一个能在服务器上运行的应用程序，并把按用户的要求专门制作的HTML页面送给客户端游览器。ASP属于ActiveX技术中的服务器端技术，与通常在客房端实现动态页面的技术（如Java Applet、ActiveX控件和VBScript等）不同，ASP中的命令和脚本都是在服务器端解释执行,执行后的结果产生HTML页面并送给浏览器,由于脚本在服务器端执行,因而开发者不必担心游览器是否能执行脚本。同时，由于只是HTML页面送到浏览器，在浏览器上看不到ASP程序，因此可防止程序被窃取，保护了开发者的利益。另外，ASP还具有许多显著的优点。例如，ASP运行在Web服务器的同一进程中，能更快、更有效地处理客户请求；ASP提供了更简单、更方便的数据库访问方法，使开发基于数据库驱动的Web应用程序更容易；ASP支持VBScript和Jscript，并能以插件形式支持其他脚本语言，如REXX和Perl等。

ASP可以通过ADO对后台数据库进行操作，这是ASP一个非常强大的功能，在线商务、在线论坛等各种非常高级的、动态更新的站点都需要数据库的支持，而且需要随数据库内容的更新而自动更新，有时也需要对数据库的记录进行添加、更新、删除等操作，这样就可以利用ASP建立类似的高级站点。

ASP有它的语法和规则。ASP是一种IIS专用技术，它用来增强基于Web的应用程序服务的功能和可靠性。当编写ASP页时，它可能包括三种类型的语句：ASP专用语句、HTML标记、纯文本。其中，纯文本的内容会直接显示给用户，HTML标记则由用户浏览器解释以便能格式化文本，而ASP语句则通过Web服务器的动态库asp.dll执行。包含这三部分的ASP文件，是以扩展名.asp的纯文本形式存在于Web服务器上，可以使用任何文本编辑器打开它。在ASP文件中并不难区分这几种不同的组成部分，比如，所有的脚本命令都由定界符<%和%>指定可以在其中插入任何命令，只要这个命令对正在使用的脚本语言有效即可。

对于网站建设这项整体性很强的系统工程，在着手动工前确认网站的需求，表述好网站结构图，分析清楚施工步骤，这些工作都是非常重要的。只有严格按照确认下来的工作流程，才能有条不紊地做好网站建设。

图4－1显示的是ASP的整个工作流程：

图4－1　ASP的整个工作流程

建立网络的基本工作流程如下：

图4-2 基本工作流程图

4.2网站建构策划

网站建构策划的工作，是整个建设项目的首要工作。合理，全面的网站建构策划，是一个网站得以在竞争激烈的网络中生存和发展的前提条件，这决定着网站的生死存亡。网站建构主要包括以下几个方面的内容。

4.2.1明确网站主题

网站内容的主题是什么？网站版本的生命周期应控制为多长时间？这些都是不能有半点含糊的。例如一家为上班族提供快餐订送服务的网站，就需要在网页中清楚地提供所有服务内容，确认浏览者的视觉风格，以实现最大盈利目标。不管你要建设的是一个单纯传播信息的公益网站还是目标远大的商务网站，只有明确网站目标后，才可以正确地进行后续工作的分析与实施。

4.2.2搜索网站资源

网站资源主要包括文本，图像两大类，大部分在放入网页前都需要做适当的修改和处理。另外，依据网站的主题亮点，还可能准备如声音，FLASH影片，图像等需要在网页中展示的内容。搜索资源时大可以广泛收录，在进行网页设计时在整理与筛选。

4.2.3网站策划结构图

在完成了上面的分析和搜集的工作后，就需要做网站的策划结构图的描绘工作了。

首先，在一张纸上列举清楚以上分析步骤的结果及确认的方案：网站名称是什么，网站主题目标是怎样的，搜集了什么样的资源等内容。如果有必要，可以将分析结果打印出来，作为网页设计人员工作时的参照。网站结构图必须准确地拟订，依照前面的分析结果描绘网站建设的运行结构图，作为我们网页设计时的施工方案。

4.3新闻发布模块

目前许多企业网站的新闻大多是静态的HTML页面，每次更新信息需要做一个页面，然后FTP上传，再修改页面链接，这样维护非常麻烦，而网站新闻发布系统大大减轻了网站更新维护的工作量，通过新闻后台维护程序在浏览器上只需录入文字和上传图片就可以快速实现新闻维护，从而大大加快了信息的传播速度，时时保持网站的活动力和影响力

 新闻发布系统，是将某些需要经常变动的新闻或文章之类的图文信息发布到网站，以供浏览者阅读了解相关知识等。新闻发布系统根据用户选择的版块分类，自动发布信息内容。可以使用此系统构造新闻内容页面，自动生成首页的新闻链接，同时产生历史新闻列表，提供新闻页面的管理界面，自动发布各类新闻或文章，并且新闻内容页中支持插入图片精确排版和以及完整的网页代码，自由设置新闻类别，自动显示信息的发布时间，统计新闻点击率，生成相关新闻链接等。实现网站内容的更新与维护，提供在后台输入、查询、修改、删除各新闻类别和专题中的具体信息的功能，选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。 具体包括以下功能：增添、修改、删除各栏目信息（包括文字与图片）的功能。

通过后台的admin-News.asp将管理员输入的新闻信息填入，然后主页面main/index.asp以及其它相关的新闻显示页面都是通过对该表的调用，实现新闻内容的显示。主页面如图4－3所示：

图4－3 新闻发布界面

后台管理页面如图4－4(a)所示：可以对每一个发表的文章进行浏览、编辑、删除的操作。

图4-4(a) 后台管理界面

网站新闻发布系统，是将网站上的需要经常变动的信息，类似公司动态、企业新闻、新产品发布、促销活动和行业动态等更新信息集中管理，并通过信息的某些共性进行分类，最后系统化、标准化发布到网站上的一种网站应用程序。网站信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。图4-4（b）所示：可以增加新内容新闻发布到网站上，对于文本部分可以有多种排版方式可供选择。

图4－4(b) 更新发布新闻界面

实现代码如下：此模块采用的是调用函数news_body()的方法，这样可使程序更有可读性，运行速度更快

    News数据表如图4－5所示:

4.4下载模块

根据软件的分类显示软件列表，包括各个软件的简要介绍。根据用户输入的关键字进行查询，把满足条件的信息按类别列出。点击欲下载的软件显示此软件的详细介绍，功能等信息后用户决定是否真的要下载。用于日常软件信息的录入、修改、删除等管理工作。根据关键字进行软件的查询，查看软件的各种信息。管理员可以远程上传、删除软件，安排软件的存放目录等。

4.4.1前台功能

此模块分为：网页制作、黑客软件、系统资源、ASP程序、杀毒软件、本站整站，用户可根据自己的需要进入所远模块进行下载。用户还可以根据程序提供的“最新排行”找到下载率最高的软件，和最新上传的软件或通过搜索器编辑关键字进行搜索,这样大大方便了用户的使用。如图4-6所示：

图4-6 下载界面

各个功能模块的实现是由down.asp文件中的各个模块函数的调用来实现互相的跳转与运行。如：实现“网页制作”模块的功能，则要调用showdown.asp文件。推荐程序的高低取决于它的下载率，等级越高下载次数就越多。一般用户在下载过程中遇到问题可以点击“留言”项，把问题及时反映到网站的管理者上。

4.4.2后台管理

后台的管理主要分为：分类管理和下载管理两部分。分类管理主要针对下载的软件进行分类,例如可下载的软件类型包括网页制作,黑客软件,ASP程序等等并且可以对各个子分类进行修改和删除,甚至可以添加新的类型,改功能使得用户更加方便的对所需软件的查询;相对而言下载管理则是将所有的软件统一在一起,用户可以可以直接选择也可以精细的查询所需的软件.分类管理和下载管理如图4-7 4-8所示:

图4-7 分类管理界面

图4-8 下载管理界面

可以对下载的分类进行重新的编排，比如修改下载类型的名称（若删除“网页制作”这一分类，可以点[删除]），在已有的分类上添加新的子分类也是非常容易的只需点击[新建子分类]即可。程序将自动修改后的信息更新到\data中的相应文件中。

4.5文件上传模块

基本原理是：采用ADO Stream对象的BinaryRead方法将form中的所有数据读出，从中截取出所需的文件数据，以二进制文件方式存盘。

4.5.1 文件上传的技术介绍

当前，基于浏览器/服务器模式的应用比较流行。当用户需要将文件传输到服务器上时，常用方法之一是运行FTP服务器并将每个用户的FTP默认目录设为用户的Web主目录，这样用户就能运行FTP客户程序并上传文件到指定的 Web目录。这就要求用户必须懂得如何使用FTP客户程序。因此，这种解决方案仅对熟悉FTP且富有经验的用户来说是可行的。 如果我们能把文件上传功能与Web集成，使用户仅用Web浏览器就能完成上传任务，这对于他们来说将是非常方便的。但是，一直以来,由于File System Object的仅能传送文本文件的局限，所以ASP最大的难题就是文件上传问题。下面介绍的就是如何在基于HTTP协议的网页中实现文件的上传。

一．通过HTTP上传的三种机制

通过HTTP上传有三种机制：RFC1867, PUT 和 WebDAV。

PUT 是在HTTP 1.1引入了一个新的HTTP动词。当web服务器收到一个HTTP PUT和对象名字，它将会验证用户，接收HTTP流的内容，并把它直接存入web服务器。由于这可能会对一个web站点造成破坏，并且还会失去HTTP最大的优势：服务器可编程性。在PUT的情况下，服务器自己处理请求：没有空间让CGI或者ASP应用程序介入。唯一让你的应用程序捕获PUT的方法是在低层操作，ISAPI过滤层。由于相应的原因，PUT的应用很有限。

而WebDAV允许web内容的分布式认证与翻译。它引入了几种新的HTTP动词，允许通过HTTP上传，锁定/解锁，登记/检验web内容。Office 2000中的"Save to web" 就是通过WebDAV来实现的。如果你所感兴趣的一切都是上传内容，WebDAV应用得非常出色，它解决了很多问题。 然而，如果你需要在你的web应用程序里面上传文件，WebDAV对你就毫无用处可言。象HTTP PUT一样，那些WebDAV的动词是被服务器解释的，而不是web应用程序。你需要工作在ISAPI过滤层来访问WebDAV的这些动词，并在你的应用程序中解释内容。

RFC1867 (http://www.ietf.org/rfc/rfc1867.txt) 最终被W3C在HTML3.2中接受前，是作为一种建议标准。它是一种非常简单但是功能很强大的想法：在表单字段中定义一个新类型。 

并且在表单本身加入了不同的编码方案，不再使用典型的：