《论校园网站设计与实现.doc》由会员分享，可在线阅读，更多相关《论校园网站设计与实现.doc（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、吕梁教育学院计算机专业毕业论文吕梁教育学院教务处制论校园网站设计与实现姓 名： 年 级： 专 业： 指导老师： 摘要:为了更好的宣传吕梁师范学院资源环境与旅游学院,并且更有利地进行管理,在分析调查的基础上进行了网站的全新设计与实现。网站的实现采用了网页制作工具Dreamweaver MX 2004,ASP开发技术,选用了Access数据库,采用VBScript脚本语言进行了开发。经过几个月的试运行,网站基本满足了学院的要求。最后对其中的不足与存在的问题进行了讨论,提出了相应的解决方法。关键词:网站设计;网站实现;ASP;数据库;Dreamweaver 学院网站建设属于校园数字化建设的一个部分,
2、应该充分利用自身现有的信息以及其他资源,把具体性的内容放入网站中。作为成长中的资源环境与旅游学院,很有必要建立自己的网站。1基础理论与技术网站的实现采用了可视化网页设计软件Dreamweaver MX,使用的版本是Dreamweaver MX 2004,它能够实现动态网页编程,能够对ASP进行处理并能够实现与Access、My sql、SQL server或者Oracle等数据库的连接,功能强大。在此选用标准的SQL语句来调用Access的数据库。1.1ASP技术ASP是一套微软开发的服务器端运行的脚本平台,ASP内含于IIS当中。通过ASP我们可以结合HTML网页、ASP指令和ActiveX
3、元件建立动态、交互且高效的WEB服务器应用程序。同时,ASP也支持VbScript和JavaScript等脚本语言,默认为VbScript,在此网站的开发选用了默认的VbScript脚本平台。ASP是经过服务器解析之后再向浏览器返回数据,所以有了ASP就不必担心用户的浏览器是否能运行你所编写的代码。因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。了解了ASP的工作原理以后,可以用图来描述它的工作流程,如图1所示。图1ASP的工作流程1.2VBScript介绍V
4、BScript是一种脚本语言。这意味着这种语言比BASIC语言的成熟版本容易使用又难于使用。编制简单的程序时,脚本语言是容易使用的。脚本语言的句法比较简单。但是,简单的句法也使开发大的应用程序变得很困难。可以在HTML文件中直接嵌入VBScript脚本,它能够扩展HTML,它不仅仅是一种页面格式语言。带有VBScript脚本的网页在每次下载到浏览器时都可以是不同的,而且可以对用户的操作作出反应。VBScript既可以作为客户端编程语言,也可以作为服务器端编程语言。1.3Dreamweavar网页设计软件介绍Dreamweavar是一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含H
5、TML检查、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数据库。尽管不是最
6、强大的数据库。Access是微软公司推出的基于Windows的桌面关系数据库管理系统(RDBMS),是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象;提供了多种向导、生成器、模板,把数据存储、数据查询、界面设计、报表生成等操作规范化;为建立功能完善的数据库管理系统提供了方便,也使得普通用户不必编写代码,就可以完成大部分数据管理的任务。1.5其他的技术网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。常用的图片处理软件有网页三
7、剑客中的Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。选用Fireworks的MX2004版本和Photoshop CS的8.3版本。Flash也是表现网页内容的最有效的方式之一,同视频一样,flash可以同时给人以视觉、听觉的冲击,因此,制作简单的Flash也是网页制作的一项非常有用的技能。2网站的设计与实现2.1网站的设计2.1.1网站的定位首先在网站建设之前要对网站进行准确的定位,作为资源环境与旅游学院的网站,应该结合学院设置的专业体现出学院本身的特点。建站
8、的目的是让网络更好地为学院服务。针对当前的两个专业,地理教育和旅游管理,网站要起到很好的宣传作用。另外,网站能提供教学互动的全新方式,实现资源的共享,包括本学院工作的安排等。2.1.2网站信息的收集在明确建站目的和网站定位以后,开始收集相关的信息,跟学院的实际情况相结合,这样可以发挥网站的最大作用。根据调查,网站的访问人员主要是本学院的师生,本校的师生,每年的高考报考学院的考生与考生家长,与学院有同样或相近专业的学校的师生、用人单位等。另外,新手或不定期上网的Web用户与软件开发人员相比有非常不同的兴趣和站点需要。因此,做好网站的信息收集是前期策划中最为关键的一步,因为做网站一定是为客户和用户
9、服务的。要把网站作为一个正式的站点来运营,所做的每一项栏目的设置都应该合理规划,如果考虑不充分,会导致以后突如其来的新加内容破坏网站的整体规划和风格。是在添加的过程中需要跟网站的情况结合着来。2.1.3网站具体分栏目策划收集完学院的相关信息以后,对其进行整理,结合网站定位来敲定网站的分栏目,形成网站栏目的树状列表用以清晰表达站点结构,如图2所示。图2网站栏目树状列表图2.1.4页面的设计与布局采用Dreamweaver MX 2004对网页战点进行设计与规划。整个页面采用湖蓝色的风格,简洁大方,既要全面地传达信息,又要突出重点。符合视觉上的最佳效果。页面布局采用了CSS样式,左侧主要包括校园风
10、光,登录学校邮箱,另外设置了快速通道一栏,主要实现对教育网,旅游网、学校机构、学院、教务管理系统等的快速链接;右侧上部为通知公告,让浏览网页的用户能一目了然看到最新的通知,下部为学院动态,包括学院新闻、院系动态等。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
11、 ASP。(4)开发工具。Dreamweaver MX 2004:进行站点的规划与设计;Flash MX 2004:制作网页动画;Photoshop CS的8.3版本:对页面中的图像进行处理。2.2.2WEB数据库的建立本系统数据库的主要信息有:用户登录数据信息表,添加信息的数据表,后台管理中的菜单的数据表,新闻信息模板数据表,上传文件的管理数据表等。接下来要对数据库功能建立模型,即模型化数据库应用。完成了数据库的模型化之后,需要考虑数据采用的类型,字段长度,将数据组织成表的关系,确定主键并为数据库建立索引和设置有效性规则。至此,数据库的设计工作基本完成。在数据库的实现方式上,选用了当前普遍推
12、行的三层体系结构,这种结构实现了跨平台访问性和统一方便简单的用户接口。图3采用IIS和Access的Web数据库系统结构2.2.3ASP动态网页的实现在Web页面,后台数据库管理系统设计好以后,重点就是将两者如何有效地连接起来。选用ASP技术作为连接二者的桥梁。ASP可通过ADO或ODBC高速访问Access数据库。2.2.4网站实现后的主要功能针对资源环境与旅游学院的实际情况,需要把网站挂在学校的服务器上。对网站的实现功能也有了一定的限制。网站实现的主要功能是,利用后台管理信息系统(如图5)可以在浏览器端对所有信息进行添加、修改与删除。解决了学院没有设置服务器的问题。可以对不同的管理人员设置
13、不同的权限,例如对于学生管理员,设置为可以对新闻、旅游信息、团学工作等项目进行操作,对于老师设置为对教学资源、考试资源等项目进行操作。3网站的运行与维护经过几个月的运行,达到了预期的目标,基本上满足了学院的要求。网站运行后必须把网站的维护工作放到议事日程上来。网站的运行维护要有以下三个方面的操作:域名;服务器(也可以虚拟主机);网页设计制作和程序数据库开发。对于学院网站的主要维护工作是对于数据库的维护,应该及时对数据进行更新,在运行阶段,及时发现问题。但是,安全性方面存在一定的隐患,因为所有对后台管理系统的操作都在浏览器端进行,对于数据库的安全性还需要进一步的测试。参考文献：1王烽源.教育信息化网站的设计与开发J.河北能源职业技术学院学报,2008,(2):74-76. 2彭为,陶利,陈晓明等.Dreamweaver+ASP.NET动态网站设计与典型实例M.北京:清华大学出版社,2008.