摘 要
本文的叙述围绕着如何实现一个功能完善的网站进行展开。依据本次毕业设计的要求,主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段菩斜弦瞪杓坡畚牡谋嘈础
接着在需求分析中,根据用户的角度,分析了所设计的网站需要实现哪些基本功能;从设计者的角度,分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。根据分析的结果,主要采用FrontPage,Dreamweaver编辑器,,合PHP(vbscript,javascript,Ajax)编程编程语言,进行网站的页面设计;网站的主要功能主要分为新闻、下载、友情链接、网上调查,图片几大模块。
详细设计阶段的任务就是把解法具体化。在详细设计阶段,依据总体分析的结果,进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系,同时根据这些联系实现网页基本功能的构架;数据库的设计主要考虑各程序模块的基本功能,设计相应的表格、字段,用来存贮相应的数据记录,为页面的生成提供数据来源。
在编码阶段,进行具体网页的编码饧啤T谏杓浦校根据网页的程序界面,表单,需要的数据等,写出实际的程序代码。由于本次设计的页面比较多,不可能尽数地写出全部程序的代码,因此,在这一章节中,主要解释了在此次设计中主要用到的页面设计和数据库的编码技术。
测试的主要任务是为了庀殖绦蛑械拇砦螅软件测试的过程亦是程序运行的过程。在本次设计中,主要采用边测试边修改的方法,在测试网页的同时根据结果及时进行相应的修改。在测试过程中,主要从外观、链接、速度方面测试网页是否能够实现相应的功能。
关键字PHP、FrontPage、Deamweaver
ABSTRACT
The textual description is around how to realizes the perfect website of a function proceeds to launch.According to the request of this graduate design, primarily analyze from the viability assessment, analysis of need, total design, detailed design, code design, test this five stage to proceed this graduate design.
Immediately after analyze the inside in the need, according to the customer's angle, analyzed basic functions of which demand in website for designing of realizeses;From angle of the design, analyzed to design a development environment of soft hardware for editor tool for using with weaving the language and website.According to the analysis's result, mostly use Dreamweaver , and connected PHP( vbscript, javascript,Ajax) language, proceed the design of website's page;The website's main function is primarily divided with the news, forums, message the guestbook , net investigate, amusement.
The mission of the detailed design stage is to embody the solution method.In the result of the total analysis of detailed design stage, basis, proceed the buildup of the concrete page is with the design of construction database.Page 构 for contact for of buildup primarily is°which design web paging, at the same time according to these contacts realizing basic function of web page;Main each procedure mold of consideration of the database's design piece form, word for of basic function, design cowgirl segment, use to come the data of cowgirl the record, for the page of born provide the data source.
In the coding stage, proceed the coding design of the concrete web page.In the design, according to the web page's procedure the data etc. of the interface, form and list, demand, write out actual of procedure code.Because of the page of this design coding technique for page for code for manyly, impossible whole amount ground writing all procedures ofs, therefore, in this chapter, primarily explaining here time design inside primarily using design with database.
Process of testing that main mission is for the sake of the process that detection mistake in the procedure, software testing and as well is a procedure to circulate.In this design, main adoption side test side method that modify, in the test web page of at the same time according to the modification that result on time proceeds cowgirl.In the test process, main connect from the external appearance, flat-out aspect test whether web page can realize or not cowgirl of function.
前言
就目前来讲,随着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都会有许多工具帮助设计者完成每项工作,设计出更多完美的网页。
目 录
第一章 绪论
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 网站n试
32
第五章 网站扩展性分析
37
5.1 网站的优缺点
37
5.2 改进方法
37
总结及心得体会
39
一 网站总结
39
二 心得体会
40
致 谢
42
参考文献
43
附 录
44
第一章 绪论
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重e渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信e化建设中的重要组成部分,从而倍受人们的重视。而做这样一个全面宣传,展示学院风采、优点与特色,发布学校的重大活动安排与学院各种政策的网站。
校园网是各种类型网络中一大分支,有着非常广泛的应用。作为新技术的发祥地,学校、尤其是高等学校,和e络的关系十分密切,网络最初是在校园里进行实验并获得成功的,许多网络新技术也是首先在校园网中获得成功,进而才推向社会的。另一方面,作为学校,知识、人才的资源十分丰富,比其他行业更渴求信息、希望能有渠道获得各种各样的信息来促进自身在研究、学术上的进步。为了更e的办学,提高学校知名度,特构建河南工业职业技术学院软件学院网站。
1.1 设计思想
毕业将至,我们河南工业职业技术学院2010界毕业生也面临人生的又一次转折。在毕业之际,众多的毕业设计选题中我选择我院软件学院的网站设计,这一方面是因为我个人对网站设计的喜爱,另一方面对学院各方面取材较为容易,更重要的是通过网站,全面宣传我院新生的软件学院,展示学校风采、优点与特色,发布学校的重大活动安排与招生政策。
1.2 开发工具介绍
1、б开发工具为DreamweaverCS3,该软件有明显优势:
DreamweaverCS3是Adobe公司推出的一款非常优秀的网页制作与网站建设软件,它以制作方式简便实用、功能强大等优势受到众多网页制作爱好者和网站建设工作者的青睐。它是一款专业的 HTML 编辑器,是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页,Dreamweaver都会有许多工具帮助设计者完成每项工作。另外,还可以使用Dreamweaver结合服务器语言生成支持动态数据库的Web应用程序。
制作网页主运用了该软件的以下几部分:
创建网页布局、网页的基本组成要素、创建图文网页、确定站点的目录结构、网站中表格的使用(主要运用表格布局网页)、使用层特效美化网页,也附加了一部分CSS样式来制作等。
DreamweaverCS3新特点:
1)业界先的工具
利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。
2)集成的工作流
在 Dreamweaver CS3 内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3 及用于创建移动设备内容的全新 Adobe Device Central CS3) 的智能集成。
3)完整的 CSS 支持
发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。
4)集成的编码环境
借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。
5)支持领先的技术
利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。
6)轻松的 XML
使用 XSL 或适合于 Ajax 的 Spry 框架, 快速集成 XML 内容。指向 XML 文件或 XML feed URL, Dreamweaver CS3 将显示其内容, 这使您能够将适当的字段拖放到您的页面上。
7)FLV 支
无需任何 Flash 知识, 只需五次点击, 即可轻松地将 FLV 文件添加到您的 Web 页中。自定义视频环境以匹配您的网站。
8)跨平台知识
挑选您的平台: Dreamweaver CS3 可用于基于 Intel 或 PowerPC的 Macintosh 计算机, 也可⒂ Windows XP 和 Windows Vista 系统。在您的首选平台中设计, 然后跨平台交付更加可靠、一致和高性能的结果。
2、ASP的优势:
Active Server Pages:“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于⒉生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 javascript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。
ASP的特点:
任何开发工具皆可发展ASP
r要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、 FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。
语言相容性高
ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java Script、Active X服务
组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。
隐密安全性高,
如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因杰ASP程序先于网站服务(Web Server)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
蛴诓倏厥据库
ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Acess、Foxpro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。
面向对象学习容易
ASP具备有面向对象(Object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
ASP的六大内部对象,对象名称 功能描述:
RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息,该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理
第二章 网站系统分析
2.1 网站系统分析
根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:
1、学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。
2、优点特色 通过新闻、生动活泼的教育教学栏 来展现。
3、信息发布 通过公告栏、信息查询等栏目来实现,内容有招生政策、活动安排等。
4、部分校务 根据校务的公开程度与参与人数的多少,特选择图书管理、评优、考试查分、家校联系四大校务在网上实现。
2.2 主页设计
网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现学校的勃勃生气,静态主页方式介绍学校风采、优点特色、信息发布,对于四大校务,就得利用ASP与数据库结合的技术建立数据库查询管理系统,采用交互式的动;的web画面来实现。
......
附件下载