论校园网站设计与实现

李 波

摘要:为了更好的宣传安阳师范学院资源环境与旅游学院,并且更有利地进行管理,在分析调查的基础上进行了网站的全新设计与实现。网站的实现采用了网页制作工具Dreamweaver MX 2004,ASP开发技术,选用了Access数据库,采用VBScript脚本语言进行了开发。经过几个月的试运行,网站基本满足了学院的要求。最后对其中的不足与存在的问题进行了讨论,提出了相应的解决方法。

关键词:网站设计;网站实现;ASP;数据库;Dreamweaver

中图分类号:TP393.18文献标识码:A文章编号:1672-3198(2009)23-0255-02

学院网站建设属于校园数字化建设的一个部分,应该充分利用自身现有的信息以及其他资源,把具体性的内容放入网站中。作为成长中的资源环境与旅游学院,很有必要建立自己的网站。

1基础理论与技术

网站的实现采用了可视化网页设计软件Dreamweaver MX,使用的版本是Dreamweaver MX 2004,它能够实现动态网页编程,能够对ASP进行处理并能够实现与Access、My sql、SQL server或者Oracle等数据库的连接,功能强大。在此选用标准的SQL语句来调用Access的数据库。

1.1ASP技术

ASP是一套微软开发的服务器端运行的脚本平台,ASP内含于IIS当中。通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。同时,ASP也支持VbScript和JavaScript等脚本语言,默认为VbScript,在此网站的开发选用了默认的VbScript脚本平台。

ASP是经过服务器解析之后再向浏览器返回数据,所以有了ASP就不必担心用户的浏览器是否能运行你所编写的代码。因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。

了解了ASP的工作原理以后,可以用图来描述它的工作流程,如图1所示。

图1ASP的工作流程

1.2VBScript介绍

VBScript是一种脚本语言。这意味着这种语言比BASIC语言的成熟版本容易使用又难于使用。编制简单的程序时,脚本语言是容易使用的。脚本语言的句法比较简单。但是,简单的句法也使开发大的应用程序变得很困难。

可以在HTML文件中直接嵌入VBScript脚本,它能够扩展HTML,它不仅仅是一种页面格式语言。带有VBScript脚本的网页在每次下载到浏览器时都可以是不同的,而且可以对用户的操作作出反应。VBScript既可以作为客户端编程语言,也可以作为服务器端编程语言。

1.3Dreamweavar网页设计软件介绍

Dreamweavar是一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML、基于团队的Web创作。目前使用得最多的是Dreamweaver MX 2004和Dreamweaver 8.0两个版本,前者在功能上比后者强大,能够实现动态网页编程,在此选用Dreamweaver MX 2004。

1.4数据库管理系统

目前市场上的数据库管理系统主要有Access,MYSQL,MSSQL,oracl,DB2等。综合各种数据库管理系统的整体比较,选用链接Access数据库。尽管不是最强大的数据库。

Access是微软公司推出的基于Windows的桌面关系数据库管理系统(RDBMS),是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象;提供了多种向导、生成器、模板,把数据存储、数据查询、界面设计、报表生成等操作规范化;为建立功能完善的数据库管理系统提供了方便,也使得普通用户不必编写代码,就可以完成大部分数据管理的任务。

1.5其他的技术

网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。常用的图片处理软件有网页三剑客中的Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。选用Fireworks的MX2004版本和Photoshop CS的8.3版本。

Flash也是表现网页内容的最有效的方式之一,同视频一样,flash可以同时给人以视觉、听觉的冲击,因此,制作简单的Flash也是网页制作的一项非常有用的技能。

2网站的设计与实现

2.1网站的设计

2.1.1网站的定位

首先在网站建设之前要对网站进行准确的定位,作为资源环境与旅游学院的网站,应该结合学院设置的专业体现出学院本身的特点。建站的目的是让网络更好地为学院服务。针对当前的两个专业,地理教育和旅游管理,网站要起到很好的宣传作用。另外,网站能提供教学互动的全新方式,实现资源的共享,包括本学院工作的安排等。

2.1.2网站信息的收集

在明确建站目的和网站定位以后,开始收集相关的信息,跟学院的实际情况相结合,这样可以发挥网站的最大作用。根据调查,网站的访问人员主要是本学院的师生,本校的师生,每年的高考报考学院的考生与考生家长,与学院有同样或相近专业的学校的师生、用人单位等。另外,新手或不定期上网的Web用户与软件开发人员相比有非常不同的兴趣和站点需要。因此,做好网站的信息收集是前期策划中最为关键的一步,因为做网站一定是为客户和用户服务的。要把网站作为一个正式的站点来运营,所做的每一项栏目的设置都应该合理规划,如果考虑不充分,会导致以后突如其来的新加内容破坏网站的整体规划和风格。是在添加的过程中需要跟网站的情况结合着来。

2.1.3网站具体分栏目策划

收集完学院的相关信息以后,对其进行整理,结合网站定位来敲定网站的分栏目,形成网站栏目的树状列表用以清晰表达站点结构,如图2所示。

图2网站栏目树状列表图

2.1.4页面的设计与布局

采用Dreamweaver MX 2004对网页战点进行设计与规划。整个页面采用湖蓝色的风格,简洁大方,既要全面地传达信息,又要突出重点。符合视觉上的最佳效果。页面布局采用了CSS样式,左侧主要包括校园风光,登录学校邮箱,另外设置了快速通道一栏,主要实现对教育网,旅游网、学校机构、学院、教务管理系统等的快速链接;右侧上部为通知公告,让浏览网页的用户能一目了然看到最新的通知,下部为学院动态,包括学院新闻、院系动态等。

2.2网站实现

2.2.1开发环境

(1)平台软件。

服务器端平台软件全部采用Microsoft的产品,便于维护和管理。

①操作系统:Microsoft Windows XP;

②服务器:Internet Information Server 4.0;

③浏览器:Internet explore 7.0。

(2)数据库系统:Microsoft Access 2003。

(3)开发语言:Microsoft ASP。

(4)开发工具。

①Dreamweaver MX 2004:进行站点的规划与设计;

②Flash MX 2004:制作网页动画;

③Photoshop CS的8.3版本:对页面中的图像进行处理。

2.2.2WEB数据库的建立

本系统数据库的主要信息有:用户登录数据信息表,添加信息的数据表,后台管理中的菜单的数据表,新闻信息模板数据表,上传文件的管理数据表等。接下来要对数据库功能建立模型,即模型化数据库应用。完成了数据库的模型化之后,需要考虑数据采用的类型,字段长度,将数据组织成表的关系,确定主键并为数据库建立索引和设置有效性规则。至此,数据库的设计工作基本完成。

在数据库的实现方式上,选用了当前普遍推行的三层体系结构,这种结构实现了跨平台访问性和统一方便简单的用户接口。

图3采用IIS和Access的Web数据库系统结构

2.2.3ASP动态网页的实现

在Web页面,后台数据库管理系统设计好以后,重点就是将两者如何有效地连接起来。选用ASP技术作为连接二者的桥梁。ASP可通过ADO或ODBC高速访问Access数据库。

2.2.4网站实现后的主要功能

针对资源环境与旅游学院的实际情况,需要把网站挂在学校的服务器上。对网站的实现功能也有了一定的限制。网站实现的主要功能是,利用后台管理信息系统(如图5)可以在浏览器端对所有信息进行添加、修改与删除。解决了学院没有设置服务器的问题。可以对不同的管理人员设置不同的权限,例如对于学生管理员,设置为可以对新闻、旅游信息、团学工作等项目进行操作,对于老师设置为对教学资源、考试资源等项目进行操作。

3网站的运行与维护

经过几个月的运行,达到了预期的目标,基本上满足了学院的要求。网站运行后必须把网站的维护工作放到议事日程上来。网站的运行维护要有以下三个方面的操作:域名;服务器(也可以虚拟主机);网页设计制作和程序数据库开发。对于学院网站的主要维护工作是对于数据库的维护,应该及时对数据进行更新,在运行阶段,及时发现问题。

但是,安全性方面存在一定的隐患,因为所有对后台管理系统的操作都在浏览器端进行,对于数据库的安全性还需要进一步的测试。

参考文献

[1]@王烽源.教育信息化网站的设计与开发[J].河北能源职业技术学院学报,2008,(2):74-76.

[2]@彭为,陶利,陈晓明等.Dreamweaver+ASP.NET动态网站设计与典型实例[M].北京:清华大学出版社,2008.