学位论文-—中小学网站设计.doc

毕业设计论文：中小学网站设计
目录
内容摘要 2
引言 3
第一章 概述 4
1.1问题的提出 4
1.2 学校需要走进INTERNET 4
1.3、ASP简介 5
第二章 系统设计 8
2．1 系统目标设计 8
2．2 开发设计思想 8
2．3 开发和运行环境选择 8
2．4 系统功能分析 8
2．5 系统功能模块设计 9
第三章 后台数据库的设计 11
3．1 数据库需求分析 11
3．2 数据库概念结构设计 12
3．3 数据库逻辑结构设计 14
第四章 网站的实现 17
4.1：安装网站设计相关软件： 17
4.2 建立Asp的运行环境 17
4．3、主页的设计 18
4.4 显示新闻的shownews.asp设计 20
4.5 更多新闻页面的more.asp设计 22
4.6 后台管理登录的实现 25
第五章 本系统的技术特色 27
总 结 29
致 谢 30
主要参考文献 30
附录：系统的使用 31

内容摘要

本文首先介绍了internet的相关知识，接着介绍了构建动态WEB站点常用的ASP技术。然后以《广西藤县塘步镇一中网站的设计》为例，逐一介绍了建网的系统分析、系统设计和系统实现。在系统分析中以模块功能结构图，系统分析说明书和数据流图的形式确定了系统的基本框架，然后用E-R图说明了系统的库表结构，并对各功能模块的特点作了具体分析，最后论文从网页实现功能的实现上逐一做了技术说明。在附录中则给出本系统库表结构的详细说明和本网站运行时的主要页面。
本网站主要实现了对Web数据库的数据录入，修改，删除，查询，相关数据的分析统计等功能。
关键词：中小学网站 学校网站 藤县 塘步镇一中

引言
 早期的动态网页主要采用CGI技术，由于编程困难、效率低下、修改复杂，所以一直是专业程序员的专利。
ASP的出现，改变了这个现状， Active Server Pages即ASP是微软开发的一种类似HTML（Hypertext Markup Language超文本标识语言）、Script（脚本）与CGI（Common GAteway Interface 通用网关接口）的结合体。ASP问世以来，每天正在以成千上万的ASP网站在INTERNET中诞生。它以简单易学，却功能强大。被越来越多的人们所喜爱。
本次毕业设计我选择的课题是：利用ASP设计中小学网站设计－广西藤县塘步镇一中网站，目的是通过该网站的规划和设计，给人们了解我们学校提供了一个平台，拉近了教育和社会之间的距离。让人们足不出户，轻松快捷的获得学校各种信息，展示了学校和教师的风采。同时也通过该平台，学校可以及时了解社会对我们学校的建议和意见，以便我们学校在今后的工作中及时改正。
网站的规和和设计，从系统的调研，系统的分析，系统的设计到系统的实现，利用软件工程的思想作为指导，开发了这个完整的系统，提高了自己的专业知识和实际相结合的能力。

第一章 概述
1.1问题的提出
教育是人民办的教育，那么我们教育反过来就应该为人民服好务。
广西藤县塘步镇一中长期以来，作为教育的一扇窗口，由于历史和条件的因素，人们无法获得这扇窗口后面的信息，造成学校和社会，学校和人民无法沟通和信任。于是学校老师经常抱怨现在家长和社会怎么越来越不讲道理，家长和社会越来越多的指责学校的各种做法是否合理。随着社会和教育的改革，同时学生生源正在减少，过去那种学生就学的“计划经济时代”正在过去，学校的各种荣誉和教育科研成果不能让社会了解，就不能够树立起学校的品牌和形象。那么在学生招生等一序列的教育工作中就会出于被动，那要学校的老师的教学激情，学生学习的热情都会不同程度的受到影响。
由于历史的原因，过去的学生家长的文化素质普遍较低，家长参与教育，社会参与教育一直是一个口号，但现在一切都已经改变，以我们文峰中学为例，我们学校学生家长60%以上都是高中以及高中以上学历，他们这一代人正在以自己读书的切身感受在关注教育，对学校的一些教育教学方法正在以饱满的热情在关注着。但是目前学校无法了解占多数的而且素质较高的社会群体这部分人中多数的思想观点。
1.2 学校需要走进INTERNET
国际互联网的用户在迅猛地增长，中国上网用户由1995年的一万户速增至2001年上半年的2650万用户。这增长速度是全世界范围的普遍现象。在美国、欧洲、日本、台湾、港澳及其它许多国家，网站和电子信箱系统已经成为公司立业不可缺少的重要组成部分。人们用电子信箱已经比用电话多了，百分之九十以上的大小企业、学校、政府机关、服务业甚至酒吧都设法在热门网络上设立自己的网站，供数以百万计的人们前来参观、浏览和查询。中国及全世界的上网用户在未来几十年内还会迅速增加。
学校一个受千万人瞩目的地方，学校便于和社会各界人士沟通同时让社会及时了解学校信息就必须建立自己的网站。
● 可以缩短学校和社会的距离
教育是人民办的教育，教育要为人民服务，长期以来，学校成了很多社会各界人士的一个敬畏的地方，不能了解学校办学的现状，不能很好的和学校交流和沟通，成为学校为社会服务的屏障。通过学校的网站，可以解决缩短学校和社会的距离。
● 可以为社会提供服务和各种信息
让社会各界人士获得所需的学校相关信息是为社会服务的重要方法之一。学校网站建立后，学校就可以很方便的提供社会人士感兴趣的一些学校相关的新闻信息，教师信息，教育科研信息，学生信息等。
● 可以回答用户经常关心的问题
 在学校里任何一个经常接电话的人的都会告诉你，他们的时间被消耗在一遍又一遍回答同一个问题上，你甚至要为回答这些问题而专门增设人手；而把这些问题的答案放到学校网站上后，就既能使用户们弄清楚问题又节省了大量时间和人力资源。
● 可以尽可能快地更新信息
有时，学校的招生信息和学生升学信息是社会的焦点和热点问题，人们对信息及时公布的焦虑心情可想而知。但是以往的传递信息的方法速度慢，影响力小。如果通过学校网站来传播，就可以及时发布人们渴望得到的信息。
1.3、ASP简介
Active Server Pages即ASP是微软开发的一种类似HTML（Hypertext Markup Language超文本标识语言）、Script（脚本）与CGI（Common GAteway Interface 通用网关接口）的结合体，它没有提供自己专门的编程语言，而是允许用户使用包括VBSCRIPT，javascript等在内的许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在WEB服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全的多。
对于广大网页技术爱好者来说，ASP比CGI具有的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。
ASP吸收了当今许多流行的技术，如IIS，ACTIVEX，VBSCRIPT，ODBC等，是一种发展较为成熟的网络应用程序开发技术；其核心技术是对组件和对象技术的充分支持。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的功能。可以在此找到更详细的信息：。 
ASP中最为常用的内置对象和组件如下：
Request对象：用来连接客户端的Web页（.htm文件）和服务器的Web页（.asp文件），可以获取客户端数据，也可以交换两者之间的数据。
Response对象：用于将服务端数据发送到客户端，可通过在客户端浏览器显示，用户浏览页面的重定向以及在客户端创建cookies等方式进行。该功能与Request对象的功能恰恰相反。
Server对象：许多高级功能都靠它来完成；它可以创建各种Server对象的实例以简化用户的操作。
　　Application对象：它是个应用程序级的对象，用来在所有用户间共享信息，并可以Web应用程序运行期间持久地保持数据。同时如果不加以限制，所有客户都可以访问这个对象。
　　Session对象：它为每个访问者提供一个标识；Session可以用来存储访问者的一些喜好，可以跟踪访问者的的习惯。在购物网站中，Session常用于创建购物车（Shopping Cart）。
　　Browser Capabilities（浏览器性能组件）：可以确切的描述用户使用的浏览器类型、版本以及浏览器支持的插件功能。使用此组件能正确地裁剪出自己的ASP文件输出，使得ASP文件适合于用户的浏览器，并可以根据检测出的浏览器的类型来显示不同的主页。
　　FileSystem Objects（文件访问组件）：允许你访问文件系统，处理文件。
　　ADO（数据库访问组件）：它是最有用的组件；可以通过ODBC实现对数据库的访问。
　　Ad Rotator（广告轮显组件）：专门为出租广告空间的站点设计的，可以动态的随机显示多个预先设定的BANNER广告条。

第二章 系统设计
2．1 系统目标设计
通过设计一个学校网站－广西藤县塘步镇一中网站，宣传我们学校，让社会了解我们学校，让学校走进社会，从而得到各界人士的关心和支持。达到教育更好的为社会服务的目的。
2．2 开发设计思想
本系统开发设计思想：
尽量采用学校现有软硬件环境，及先进的网站系统开发方案，从而达到充分利用学校现有资源，提高系统开发水平和应用效果的目的。
系统采用模块化程序设计方法，这样既便于系统功能的各种组合，又便于未参与开发的技术维护人员补充，维护。
系统应具备数据库维护功能，及时根据学校信息的需求进行数据的添加，删除，修改等操作。
2．3 开发和运行环境选择
开发工具：FLASH5.0，Adobe Photoshop 6.0，Dreamweaver UltraDev 4。
服务器端运行环境：Windows2000+IIS。
客户端运行环境：Windows9x，Windows2000。
2．4 系统功能分析
系统功能分析是在系统开发的总体任务的基础上完成的。本站需要完成功能主要有：
新闻文章发布：学校新闻，教育科研，名校名师，学生园地，招生信息等的介绍。
留言系统：对来访者提供网上留言，从而让学校及时得到社会的反馈，以便和社会沟通和交流。
在线调查系统：本站提供对教育和学校的热点问题进行网上调查的专栏，来访者可以通过网上调查对热点问题投上代表自己的一票。
流量统计系统：本站可以对流量从多方面进行统计。包括开站天数，浏览总数，当天浏览总数，上一天浏览总数，本月浏览总数，上月浏览总数，平均浏览总数。
2．5 系统功能模块设计
在系统功能分析的基础上，得到如图所示的系统功能模块图。

广西藤县塘步镇一中网站

新闻文章发布 留言系统 在线调查 流量统计

新闻文章前台发布

学校新闻浏览 教育科研浏览 名校名师浏览 学生园地浏览 招生信息浏览

新闻文章后台管理

新闻后台管理 教育后台管理 名师后台管理 学生后台管理 招生后台管理

系统功能结构图
下面我将对每个模块的总体设计作简要说明。
1． 新闻文章发布模块
新闻文章发布是本网站的重点。网站作为一种媒体，应当可以提供足够多的用户感兴趣的信息。广西藤县塘步镇一中网站作为学校的一个窗口，为了满足社会对学校信息的了解的愿望，本站的新闻文章主要开设五个方面的栏目。分别是：学校新闻，教育科研，名校名师，学生园地，招生信息等。对新闻文章模块的总体设计是分为前台浏览和后台管理子模块。来访者通过前台点击可以浏览到本网站有关新闻文章等各种信息。这些信息包括：学校新闻快讯信息，教育科研信息，名校和名师的各种信息，学生园地信息，学校招生相关的信息等。本后台管理子模块完成对学校新闻文章发布子模块中的五个栏目进行后台管理员才能操作的添加信息，编辑信息，删除信息等操作。
2．留言模块
来访者中有不少人对学校的发展和现状有很多建议和观点需要对学校提出，作为学校的窗口，所以本站需要提供让来访者发言的平台，正是由于这个原因，所以本网站设计和规划有留言模块，本模块又分为浏览着前台发言和浏览子模块以及后台管理员删除修改发言子模块。
3．在线调查模块
本网站对一些社会热点提供在线调查的栏目，来访者可以对网站上的社会热点问题投上代表自己观点的一票。这样就可以综合民意得到教育等热点从而决定以后的发展方向。
4．流量统计模块
作为管理员应该实时知道本网站的流量。流量统计的数据包括：网站开站的天数，浏览的总数，当日的浏览数，昨日的浏览数，本月的浏览数，上月的浏览数，平均来访数等。一个网站如果没有流量，那么就说明了这个网站开设的栏目没有吸引力。作为管理员就学校可以通过流量及时知道网站开设新栏目后流量是否有变化等。

第三章 后台数据库的设计
通过以上功能模块的分析和设计可以知道，本网站设计需要涉及到后台数据库的设计。
在数据库应用系统的开发过程中，数据库的结构设计是一个非常重要的问题。数据库结构设计的好坏将直接对应用系统的效率以及实现的效果产生影响，好的数据库结构会减小数据库的存储量，数据的完整性和一致性比较高，系统具有较快的响应速度，简化基于此数据库的应用程序的实现等。
在数据库系统开始设计的时候应该尽量考虑全面，尤其应该仔细考虑用户的各种需求，避免浪费不必要的人力和物力。
3．1 数据库需求分析
数据库需求分析是数据库结构设计的第一个阶段，是非常重要的一个阶段。在这个阶段主要是收集基本数据，数据结构以及确定数据处理的流程，组成一个详尽的数据字典，为以后进一步设计打下基础。
在仔细调查本站运作过程的基础上，我们得到本网站所处理的数据流程如图所示。

管理员
登录

输入登录信息 来访者登录网站

网站后台管理 DB 各种信息的浏览

管理方向 各种信息后台管理

密码管理

通过以上数据流程可以看出：管理员通过登录网站，输入正确的用户名和密码可以进行网站管理。进入管理状态后可以选择管理的项目，可以是对包括对管理员密码在内的系统设置信息的修改，也可以是对本网站的各种数据库中其它的信息进行后台管理，包括对学校概况，学校新闻，教育科研，名校名师，学生园地，招生信息，招聘信息等管理。管理的内容分为：对信息的添加，修改，删除，审核等操作。
来访者可以在浏览器中输入学校网址登录网站，通过点击网站的链接浏览各种相关信息。这些信息是通过调用后台数据库中相关信息在前台显示的。
针对本网站的数据结构，可以通过对以上对本站数据流程的内容和数据关系分析，得出以下的数据项和数据结构如下：
● 新闻信息：新闻类别号，标题，所属专栏，文章来源，文章作者，内容，发布时间，点击次数，关键字， 状态等。
● 新闻类别：类别号、类别名。
● 新闻所属栏目：栏目号，类别号，栏目名。
● 管理员信息：用户名，密码等。
● 留言信息：用户名，电子邮箱地址，来自地区，主页地址，OICQ号，ICQ号，头像，留言内容等。
● 留言后台管理员信息：用户名，密码等。
● 在线调查信息：调查的主题编号，主题名称，主要观点1，主要观点2，主要观点3，主要观点4，观点1的票数，观点2的票数，观点3的票数，观点4的票数。
● 流量统计信息：总流量，今日流量，昨日流量，本月流量，上月流量，开站日期，最后访问IP。
有了上面的数据结构，数据项和数据流程，就能进行下面的数据库设计。
3．2 数据库概念结构设计
这一设计阶段是在需求分析的基础上，设计出能够满足网站设计需求的各种实体，以及确定它们之间的关系，为后面的逻辑结构设计打下基础。本网站根据上面的设计规划出的数据项和数据结构得出的实体有新闻实体，新闻类别实体，新闻栏目实体，管理员实体，留言信息实体，在线调查信息实体，流量统计实体等。
下面详细介绍本系统主要的实体以及主要实体之间的关系。
1：新闻实体E-R图：

新闻信息实体

新闻编号 主题

类别号 ……. 栏目号

2：新闻类别实体E-R图：

新闻类别实体

类别编号 类别名称

3：新闻栏目实体E-R图：

新闻栏目实体

栏目编号 类别编号 栏目名称

4：管理员实体E-R图：

管理员实体

用户编号 用户名 用户密码

4：主要的实体和实体之间的关系E-R图如图所示。

新闻实体 1 属于 1 类别实体

1

属于 管理 管理

1
栏目实体 管理 管理员实体

3．3 数据库逻辑结构设计
我们需要将上面的数据库概念结构转化为ACCESS2000数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。
在上面的实体以及实体之间关系的基础上，我们就可以形成数据库中的表格以及各个表格之间的关系。
根据分析阶段得出的的结论，结合本网站对有关数据的存储的需要，更加方便实现该网站预期的所有功能，现将本系统设计成5个数据库表，每个表的字段名、类型、宽度设计如下：
数据库中各个表格的设计结果如表3－1到表3－2所示。每个表格对应在数据库中的一个表。
表3－1为新闻信息表。
该表用来记录存储本网站新闻信息相关的各种信息：
字段名
类型
宽度
说明
newsid
自动编号
长整型
新闻编号
typeid
数字
小数
类别编号
borderid
数字
小数
栏目编号
topic
文本
80
主题
content
备注
备注
新闻内容
ntime
日期
8
发布时间
hits
数字
小数
阅读次数
keys
备注
备注
关键字
img
文本
50
相关图片
nfrom
文本
100
来源
modify
文本
30
编辑人
audit
数字
长整型
是否审核
auditer
文本
50
审核人
writer
文本
50
作者
imgsize
数字
小数
图片大小

3-2：新闻类别表：
该表用来存放本网站新闻信息的类别名称。
字段名
类型
宽度
说明
typeid
自动编号
长整型
类别编号
typename
文本
50
类别名称

3-3：新闻栏目表：
该表用来存放本网站新闻信息的类别名称。
字段名
类型
宽度
说明
borderid
自动编号
长整型
类别编号
typeid
自动编号
长整型
类别编号
bodername
文本
50
类别名称

3-4：管理员信息表：
该表用来存放本网站管理员信息。
字段名
类型
宽度
说明
userid
自动编号
长整型
用户编号
name
文本
15
用户名
pwd
文本
14
密码

以上是本系统的库表结构的设计简要说明。

第四章 网站的实现
完成了以上的后台数据库的设计后，下面就可以对前面系统分析阶段逻辑设计出的功能模块将技术设计转化成为物理实现，是系统建设的实现阶段。因此，网站的实现的成果将是系统分析和设计阶段的结晶。
4.1：安装网站设计相关软件：
本站设计需要用到FLASH5.0，Adobe Photoshop 6.0，Dreamweaver UltraDev 4等网页设计相关的软件。
其中FLASH5.0主要完成网页中相关动画的设计和处理。
Adobe Photoshop 6.0主要完成网页中相关的图片的大小，格式转化，效果处理等。
Dreamweaver UltraDev 4主要完成网页的排版、布局设计。
4.2 建立Asp的运行环境
签于目前流行的windows操作平台有windows 98,windows NT 4.0最新windows 2000.下面针对这三个操作平台上建立Asp运行环境的一些简要介绍。
1． windows 98建立Asp的运行环境
作为个人用户或在单机环境下测试Asp，windows 98将是一个很不错的选择。在 windows 98gh ,可以采用Microsoft的PWS(Personal Web Server)作为Asp运行环境。PWS是一个短小精悍的Web服务器平台，易学易用，并某些人备运行Asp所需的所有条件，与windows 98 的安装光盘配套的是Pws 4.0。Pws4.0具有新颖的外观和许多新增加的功能，初学者无需具备专业的网络管理知识就可以轻松建立一个全功能的Web站点。
2． Windows NT 4.0上建立Asp的运行环境。
在windows NT 4.0上，Asp的运行环境是基于IIS 3.0以上版本的，同windows 98比较起来。使用windows NT具有明显的优势。在windows NT/IIS这一强大的开发平台上可以充分利用windows NT 更强大的性能，更完善的安全性能，更完善的安全性并且能与企业级应用程序更完美的结合。运行在windows NT 4.0以上的IIS其最版本是4.0。它占据了当今世界看近40%的Web 服务器市场。
3． 在windows 2000上建立Asp的运行环境
在windows 2000上运行Asp的环境也是IIS。如果安装的是windows 2000 Server,IIS5.0将作为一个默认选项被安装。如果使用的是windows 2000中文专业版，则需要使用控制面板“ 添加/删除程序”来安装IIS及其组件。
4．3、主页的设计
来访者输入网址，首先打开的就是学校网站的主页，主页设计应该美观，同时提供足够多的链接，以便来访者可以通过链接导航到自己所关心的信息页面上去。下面是该首页运行的界面图：

该页面的布局结构是 ∏型布局结构。具体的说：在网页的上面是log图片和导航条。Log图片表明网站的主题：广西藤县塘步镇一中网站。导航条将本站的栏目分成了学校概况，学校新闻，教育科研，名校名师，学生园地，招生信息，诚聘英才，校长信箱，网上留言等栏目。这些导航栏目分别设计有相应的文字链接，点击这些文字链接可以进入相应的页面。
打开专业的网页设计工具Dreamweaver UltraDev 4。
1：新建一个网页文件，保存为index.asp，接着设置页面属性，在属性页中标题：广西藤县塘步镇一中。背景图案：img/bg_line.gif。
定义页面中表格，单元格，文字和链接的表现风格。本页面定义的语句如下：
<style>
body {margin:0px;font-size:12px;overflow-x:hidden;overflow-y:scroll;color:#666666;LINE-HEIGHT: 160%}
table {font-size:12px;LINE-HEIGHT: 160%}
td {font-size:12px;}
.txt {font-size:12px;border-width:0px;border-bottom:1px solid #000000;background-color:#def1f7;position:relative;top:0px;left:5px;padding-bottom:0px;color:#a0a0a0;}
a:link.list {font-size:12px;color:#666666;text-decoration:none;}
a:visited.list {color:#666666;text-decoration:none;}
a:hover.list {color:#333333;text-decoration:underline;}
a:link.more {font-size:12px;color:#666666;text-decoration:none;}
a:visited.more {color:#666666;text-decoration:none;}
a:hover.more {color:#333333;text-decoration:underline;}
img {border:0px;}
</style>
利用布局表格工具，设置好网页的表格布局。然后就可以在表格中添加单元格。利用表格的属性面板和单元格属性面板设定好各自的属性以后，就可以在单元格中添加文字和插入图片。
布局设计好的网页如下：

代码设计：为了实现首页显示学校快讯，教育科研，名校名师，学生园地等文字信息以及为了方便管理。不是在每个栏目设计静态的文本信息，而是内嵌java脚本，脚本的数据源来自一个和数据库相连接的asp文件： new.asp。下面给出学校快讯，教育科研，名校名师，学生园地对应的四个java脚本语句：
1：<script language="javascript" src="news.asp?typeid=10&n=10?m=14"></script>
2：<script language="javascript" src="news.asp?typeid=11&n=10?m=14"></script>
3：<script language="javascript" src="news.asp?typeid=12&n=10?m=14"></script>
4：<script language="javascript" src="news.asp?typeid=13&n=10?m=14"></script>
通过比较这四条脚本语句可以发现，脚本调用的是同一asp文件，只是一个typeid不一样。在数据库的设计中我们以及知道，这个参数是新闻的类别编号。由于这四类不同的信息都是存储在数据库中的news表中，要实现信息的分类就可以通过设定这个类别编号。这里的typeid=10对应学校新闻，typeid=11对应教育科研，typeid=12对应名校名师，typeid=13对应学生园地。
下面简单的介绍一下news.asp文件的代码：
在news.asp文件中首先获得上面传递的参数。通过下面的语句实现：
typeid=request("typeid")
n=trim(request("n"))
这里的n是查询表中符合条件的多少条记录的参数。
接着通过下面的语句从数据库news表中查询符合条件的最后的n条记录：
sql="select top " & n & " * from news where typeid=" & cstr(typeid) & " and audit=1 order by newsid DESC"
这里的audit表示已经是审核通过的信息。最后的信息显示是按newsid号倒序排列。
另外在该文件的开头有包含文件：
<!--#include file="function/DBOpen.asp"-->
该文件用于链接数据库。
在文件的末尾有包含文件：
<!--#include file="function/DBclose.asp"-->
该包含文件用于关闭数据库。
4.4 显示新闻的shownews.asp设计
在首页中大量的新闻信息是通过链接到shownews.asp文件来显示新闻信息的。比如在首页中点击学校快讯中的任一新闻，就可以链接到该页面并显示该新闻的详情。
下面是学校快讯中“广西藤县塘步镇一中教学成果显著”这条新闻后显示的页面，该新闻的链接语句是：
shownews.asp?newsid=421
这里的传递的参数newsid用于传递显示的新闻的编号。

该页面的设计过程首先在Dreamweaver UltraDev 4中排版设计，设计的界面如图所示：

对比实际运行的界面和设计界面可以看出，导航条的设计不是在这里直接给出，而是通过脚本调用一个js文件。这样设计的好处在与可以和其它的页面共享该导航的js文件。调用脚本的语句如下：
<script language="JavaScript" src="newsbar.js"></script>
该newsbar.js文件的语句如下：
document.writeln("<table width=100% border=0 cellspacing=0 cellpadding=0>");
document.writeln(" <tr align=center>");
document.writeln(" <td width=15%><a href=more.asp?typeid=9>学校概况</a></td>");
document.writeln(" <td width=14%><a href=more.asp?typeid=10>学校新闻</a></td>");
document.writeln(" <td width=14%><a href=more.asp?typeid=11>教育科研</a></td>");
document.writeln(" <td width=14%><a href=more.asp?typeid=12>名校名师</a></td>");
document.writeln(" <td width=14%><a href=more.asp?typeid=13>学生园地</a></td>");
document.writeln(" <td width=14%><a href=more.asp?typeid=14>招生信息</a></td>");
document.writeln(" <td width=14%><a href=more.asp?typeid=15>诚聘英才</a></td>");
document.writeln(" </tr>");
document.writeln("</table>");
另外对比shownews.asp文件还可以看出，该页面中的新闻标题和新闻内容也是调用其它的语句和脚本的。
新闻标题调用asp脚本：<%=rs("topic")%>用于显示记录集中的topic字段值。该字段是通过sql语句实现的查询记录集中的字段值。相关的sql查询语句如下：
rs.open "select * from news where newsid=" & cstr(request("newsid")),conn,1,1
该语句实现从news表中查询newsid编号等于传递的参数newsid的记录。
对于新闻的内容显示也和新闻的主题显示类似，这里就不再说明。
最后这里介绍一下该页面显示的与本新闻相关的新闻的实现技术：
首先要从数据库中news表的字段说起，在news表中有一个keys字段。
我们可以利用sql语句在news表中查询keys值和该新闻关键字类似的记录，就可以得到相关信息。Sql语句如下：
rsc.open "select top " & aboutnews & " * from news where keys like '%" & trim(rs("keys")) & "%' and newsid<>" & cstr(rs("newsid")) & " and audit=1 order by ntime DESC",conn,1,1
4.5 更多新闻页面的more.asp设计
在首页中的学校快讯，教育科研，名校名师，学生园地都只是显示了该类别的10条信息，如何得到更多的信息显示？需在首页之外另外设计更多信息显示的more.asp页面。在首页的导航条上面都可以链接到该页面。在首页的导航条中分别有下面的链接语句：
1：<a href="more.asp?typeid=10">…</a>
2：<a href="more.asp?typeid=11">…</a>
3：<a href="more.asp?typeid=12">…</a>
4：<a href="more.asp?typeid=13">…</a>
5：<a href="more.asp?typeid=14">…</a>
6：<a href="more.asp?typeid=15">…</a>
这些链接语句分别都是链接到more.asp文件，只是传递的参数不一样。Typeid=10…15分别对应学校新闻…诚聘英才。
在本页中就是通过获得的传递参数确定sql语句查询news中的类别号等于传递的类别号的所有信息的。
下面是传递参数为10的页面显示的界面图：

该页面显示的所有news表中typeid=10的新闻信息。
下面给出在Dreamweaver UltraDev 4中排版设计的结果：

下面介绍该页面实现显示传递的参数的所有信息的技术：
首先利用下面的代码实现建立一个记录集和实现sql查询：
set rs=server.createobj