院系网站毕业设计论文.doc

院系网站毕业设计论文.doc

《院系网站毕业设计论文.doc》由会员分享，可在线阅读，更多相关《院系网站毕业设计论文.doc（59页珍藏版）》请在冰点文库上搜索。

学院网站毕业设计

（论文）

题目

班级

姓名

指导教师

摘要

本文的叙述围绕着如何实现一个功能完善的网站进行展开。

依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。

接着在需求分析中，根据用户的角度，分析了所设计的网站需要实现哪些基本功能；从设计者的角度，分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。

根据分析的结果，主要采用FrontPage，Dreamweaver编辑器，结合ASP（vbscript,javascript）编程编程语言，进行网站的页面设计；网站的主要功能主要分为新闻、下载、友情链接、网上调查，图片几大模块。

详细设计阶段的任务就是把解法具体化。

在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。

页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架；数据库的设计主要考虑各程序模块的基本功能，设计相应的表格、字段，用来存贮相应的数据记录，为页面的生成提供数据来源。

在编码阶段，进行具体网页的编码设计。

在设计中，根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。

由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此，在这一章节中，主要解释了在此次设计中主要用到的页面设计和数据库的编码技术。

测试的主要任务是为了发现程序中的错误，软件测试的过程亦是程序运行的过程。

在本次设计中，主要采用边测试边修改的方法，在测试网页的同时根据结果及时进行相应的修改。

在测试过程中，主要从外观、链接、速度方面测试网页是否能够实现相应的功能。

关键字ASP、FrontPage、Deamweaver

ABSTRACT

Thetextualdescriptionisaroundhowtorealizestheperfectwebsiteofafunctionproceedstolaunch.Accordingtotherequestofthisgraduatedesign,primarilyanalyzefromtheviabilityassessment,analysisofneed,totaldesign,detaileddesign,codedesign,testthisfivestagetoproceedthisgraduatedesign.

Immediatelyafteranalyzetheinsideintheneed,accordingtothecustomer'sangle,analyzedbasicfunctionsofwhichdemandinwebsitefordesigningofrealizeses;Fromangleofthedesign,analyzedtodesignadevelopmentenvironmentofsofthardwareforeditortoolforusingwithweavingthelanguageandwebsite.Accordingtotheanalysis'sresult,mostlyuseDreamweaver,andconnectedASP（vbscript,javascript）language,proceedthedesignofwebsite'spage;Thewebsite'smainfunctionisprimarilydividedwiththenews,forums,messagetheguestbook,netinvestigate,amusement.

Themissionofthedetaileddesignstageistoembodythesolutionmethod.Intheresultofthetotalanalysisofdetaileddesignstage,basis,proceedthebuildupoftheconcretepageiswiththedesignofconstructiondatabase.Page构forcontactforofbuildupprimarilyis°whichdesignwebpaging,atthesametimeaccordingtothesecontactsrealizingbasicfunctionofwebpage;Maineachproceduremoldofconsiderationofthedatabase'sdesignpieceform,wordforofbasicfunction,designcowgirlsegment,usetocomethedataofcowgirltherecord,forthepageofbornprovidethedatasource.

Inthecodingstage,proceedthecodingdesignoftheconcretewebpage.Inthedesign,accordingtothewebpage'sprocedurethedataetc.oftheinterface,formandlist,demand,writeoutactualofprocedurecode.Becauseofthepageofthisdesigncodingtechniqueforpageforcodeformanyly,impossiblewholeamountgroundwritingallproceduresofs,therefore,inthischapter,primarilyexplainingheretimedesigninsideprimarilyusingdesignwithdatabase.

Processoftestingthatmainmissionisforthesakeoftheprocessthatdetectionmistakeintheprocedure,softwaretestingandaswellisaproceduretocirculate.Inthisdesign,mainadoptionsidetestsidemethodthatmodify,inthetestwebpageofatthesametimeaccordingtothemodificationthatresultontimeproceedscowgirl.Inthetestprocess,mainconnectfromtheexternalappearance,flat-outaspecttestwhetherwebpagecanrealizeornotcowgirloffunction.

前言

就目前来讲，随着Internet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一.近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些网页设计技术可以分为静态网页技术和动态网页技术两种.静态网页技术一般是指HTML和CSS技术.采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术.动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript,VBScript及ASP等技术都属于动态网页技术的范畴.目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP.所以说,虽然有这些网页设计软件帮助我们设计网页,但是一个专业设计者仍需了解HTML,.....等网页设计语言和技术的使用,这样才能充分让我们了解网页的真正设计理念。

因此毕业设计再次选择这个题目来检验自己的能力。

我们所用的软件主要是Dreamweaver，刚运用此软件之前，主要学习Html基础知识，为学习Dreamweaver做铺垫，而主要软件Dreamweaver是学习的核心工具，在网络上称其为“网页三剑客”（新版本Dreamweaver 8、Fireworks 8和Flash 8）中的“织梦者”，是一个“所见即所得”的可视化网站开发工具。

它是一款专业的 HTML 编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。

不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作，设计出更多完美的网页。

53

目录

第一章绪论 1

1.1设计思想 1

1.2开发工具介绍 2

第二章网站系统分析 4

2.1网站系统分析 4

2.2主页设计 5

2.3数据库设计 6

第三章详细设计 7

3.1学院概况 7

3.2师资队伍 8

3.3实训基地 10

3.4专业介绍 13

3.5教学科研 17

3.6答考生问 20

3.7教学管理系统 24

3.8学生管理系统 26

第四章网站的测试与发布 30

4.1相关技术分析 30

4.2网站测试 32

第五章网站扩展性分析 37

5.1网站的优缺点 37

5.2改进方法 37

总结及心得体会 39

一网站总结 39

二心得体会 40

致谢 42

参考文献 43

附录 44

第一章绪论

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

而做这样一个全面宣传，展示学院风采、优点与特色，发布学校的重大活动安排与学院各种政策的网站。

校园网是各种类型网络中一大分支，有着非常广泛的应用。

作为新技术的发祥地，学校、尤其是高等学校，和网络的关系十分密切，网络最初是在校园里进行实验并获得成功的，许多网络新技术也是首先在校园网中获得成功，进而才推向社会的。

另一方面，作为学校，知识、人才的资源十分丰富，比其他行业更渴求信息、希望能有渠道获得各种各样的信息来促进自身在研究、学术上的进步。

为了更好的办学，提高学校知名度，特构建河南工业职业技术学院软件学院网站。

1.1设计思想

毕业将至，我们河南工业职业技术学院2010界毕业生也面临人生的又一次转折。

在毕业之际，众多的毕业设计选题中我选择我院软件学院的网站设计，这一方面是因为我个人对网站设计的喜爱，另一方面对学院各方面取材较为容易，更重要的是通过网站，全面宣传我院新生的软件学院，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策。

1.2开发工具介绍

1、主要开发工具为DreamweaverCS3，该软件有明显优势：

DreamweaverCS3是Adobe公司推出的一款非常优秀的网页制作与网站建设软件，它以制作方式简便实用、功能强大等优势受到众多网页制作爱好者和网站建设工作者的青睐。

它是一款专业的 HTML 编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。

不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作。

另外，还可以使用Dreamweaver结合服务器语言生成支持动态数据库的Web应用程序。

制作网页主要运用了该软件的以下几部分：

创建网页布局、网页的基本组成要素、创建图文网页、确定站点的目录结构、网站中表格的使用（主要运用表格布局网页）、使用层特效美化网页，也附加了一部分CSS样式来制作等。

DreamweaverCS3新特点：

1）业界领先的工具

利用世界级的Web设计工具的所有灵活性和强大功能。

在“设计”视图中进行像素完美型设计,在“代码”视图中制作复杂的代码,或专功一方面的研究。

使用您的最佳工作方式工作。

2）集成的工作流

在DreamweaverCS3内设计、开发和维护内容,同时利用与其他Adobe工具（包括AdobeFlashCS3Professional、FireworksCS3、PhotoshopCS3、ContributeCS3及用于创建移动设备内容的全新AdobeDeviceCentralCS3）的智能集成。

3）完整的CSS支持

发现可视CSS工具的优势,使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式,以及查明您的更改将如何影响设计。

借助全新的CSS布局加速您的工作流,并借助全新的浏览器兼容性检查测试您的设计。

4）集成的编码环境

借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏,组织并加速您的编码。

应用适用于HTML和服务器语言的代码提示。

5）支持领先的技术

利用对领先Web开发技术（包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion、ASP、ASP.NET和JSP）的支持。

6）轻松的XML

使用XSL或适合于Ajax的Spry框架,快速集成XML内容。

指向XML文件或XMLfeedURL,DreamweaverCS3将显示其内容,这使您能够将适当的字段拖放到您的页面上。

7）FLV支持

无需任何Flash知识,只需五次点击,即可轻松地将FLV文件添加到您的Web页中。

自定义视频环境以匹配您的网站。

8）跨平台知识

挑选您的平台:

DreamweaverCS3可用于基于Intel或PowerPC的Macintosh计算机,也可用于WindowsXP和WindowsVista系统。

在您的首选平台中设计,然后跨平台交付更加可靠、一致和高性能的结果。

2、ASP的优势：

ActiveServerPages：

“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或javascript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。

ＡＳＰ的特点：

u任何开发工具皆可发展ＡＳＰ

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。

当然，其他网页发展工具，例如，FrontPageExpress、ＦrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。

通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

u语言相容性高

ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。

u隐密安全性高，

如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！

这是因杰ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。

u易于操控数据库

ＡＳＰ可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：

Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel”文件当成数据库用。

u面向对象学习容易

ＡＳＰ具备有面向对象（Ｏbject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：

Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。

uASP的六大内部对象，对象名称功能描述：

RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理

第二章网站系统分析

2.1网站系统分析

根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：

1、学校风采通过学校概括、教师风采、校园之星及部分图片等内容来展现。

2、优点特色通过新闻、生动活泼的教育教学栏目来展现。

3、信息发布通过公告栏、信息查询等栏目来实现，内容有招生政策、活动安排等。

4、部分校务根据校务的公开程度与参与人数的多少，特选择图书管理、评优、考试查分、家校联系四大校务在网上实现。

2.2主页设计

网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用ＡＳＰ与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。

主页结构图

注：

带下划线的表示是链接方式

图2-1学院首页结构图

2.3数据库设计

采用的数据库是MicrosoftAccess，拟建立teach.mdb库文件，包含如下几个表文件：

allmessage留言信息表

Libbooks图书信息表

Libcategories图书类别信息表

Libemps图书馆用户信息表；

stud学生信息表

第三章详细设计

3.1学院概况

3.1.1功能：

主要对河南工业职业技术学院软件学院的简单介绍，包括建校历史，历史成就，以及为各地输送各方面人才，更重要的是通过网站简单的叙述软件学院的情况。

3.1.2组成构造

共分三大部分：

1、本网页是主页的一个链接网页，其中头部主要部分有一个框架实现，同时加一张我院的图片，将其置居中，作为网页的核心部分。

2、插入水平线，可起到美化的效果，同时下方文本域，适当的叙述性文字，另外添加层加入图片，达到图文并茂的效果。

3、页面主要运用层和表格来实现，因为该页面是子网页，所以没有涉及太多难点。

3.1.4主要难点代码展示

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

这些代码主要展示头部框架。

3.1.5联系紧密

为了网站的紧密性，页面底部设有链接，可以链接相关网站以及返回首页链接。

在创建该链接时主要运用曾效果来实现，输入文字内容，设置相关链接。

3.2师资队伍

3.2.1功能

“师资队伍”主要对河南工业职业技术学院软件学院师资力量做一个简单的介绍，将我院那些具有代表性的领导以及教师根据情况简单列举一些，本页面简单明了，可达到所理想效果。

3.2.2组成构造

共四大部分

1、页面主要有层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页的一个子网页，要保持一致，增加美观感。

2、为了更好的介绍师资力量，要选择适当的位置和顺序来一一介绍，所以选用了表格且不适用边框，适当的调整列和行，把材料填充上去。

3、字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较好。

4、在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有小图标也可增加页面的生动性。

主结构图如下：

图3-1师资队伍结构图

3.2.3主要难点代码展示

软件学院院长   王伟