网络系统管理专业网站设计.doc
《网络系统管理专业网站设计.doc》由会员分享,可在线阅读,更多相关《网络系统管理专业网站设计.doc(27页珍藏版)》请在沃文网上搜索。
1、滁州职业技术学院系统维护专业毕业设计滁州职业技术学院信息工程系2012届系统维护专业毕业论文姓 名: 吴 春 雨 班 级: 09计算机系统维护(1)班 设计课题: 网络系统管理专业网站设计 指导教师: 魏 光 杏 2011年11 月 20 日ii 目 录第一章 绪论11.1 设计思想11.2 开发工具介绍1第二章 网站系统分析42.1 网站系统分析42.2页面设计42.3 数据库设计6第三章 详细设计、功能73.1 前台介绍73.2 后台功能介绍83.3后台设计思想9第四章 网站的测试与发布104.1 相关技术分析104.2 网站测试11第五章 网站扩展性分析155.1 网站的优缺点155.2
2、 改进方法15第六章 总结及心得体会16致 谢18参考文献19附 录20摘 要摘 要本文的叙述围绕着如何实现一个功能完善的网站进行展开。依据本次毕业设计的要求,主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。接着在需求分析中,根据用户的角度,分析了所设计的网站需要实现哪些基本功能;从设计者的角度,分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。根据分析的结果,主要采用Dreamweaver,Photoshop等编辑器,结合ASP(vbscript,javascript)编程编程语言,进行网站的页面设计;网站的主要功能主要分为新闻、下载
3、、友情链接、留言,图片几大模块。详细设计阶段的任务就是把解法具体化。在详细设计阶段,依据总体分析的结果,进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系,同时根据这些联系实现网页基本功能的构架;数据库的设计主要考虑各程序模块的基本功能,设计相应的表格、字段,用来存贮相应的数据记录,为页面的生成提供数据来源。在编码阶段,进行具体网页的编码设计。在设计中,根据网页的程序界面,表单,需要的数据等,写出实际的程序代码。由于本次设计的页面比较多,不可能尽数地写出全部程序的代码,因此,在这一章节中,主要解释了在此次设计中主要用到的页面设计和数据库的编码技术。测试的主要任务是为了发现
4、程序中的错误,软件测试的过程亦是程序运行的过程。在本次设计中,主要采用边测试边修改的方法,在测试网页的同时根据结果及时进行相应的修改。在测试过程中,主要从外观、链接、速度方面测试网页是否能够实现相应的功能。关键字ASP、Deamweaver、Photoshop前 言就目前来讲,随着Internet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一。 近几年来,网页设计技术一直在推陈出新。不断有新技术被推出并应用,实在令人眼花缭乱。这些网页设计技术可以分为静态网页技术和动态网页技术两种。 静态网页技术一般是指HTML和CSS技术。采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有
5、网页设计的基础技术。动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴。 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便。不论是那一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP。所以说,虽然有这些网页设计软件帮助我们设计网页,但是一个专业设计者仍需了解HTML,。等网页设计语言和技术的使用,这样才能充分让我们了解网页的真正设计理念。因此毕业设计再次选择这个题目来检验自己的能力。我们所用的软件主要是D
6、reamweaver,刚运用此软件之前,主要学习Html基础知识,为学习Dreamweaver做铺垫,而主要软件Dreamweaver是学习的核心工具,在网络上称其为“网页三剑客”( 老版本Dreamweaver8、Fireworks8和Flash8)中的“织梦者”, 是一个“所见即所得”的可视化网站开发工具。(本次使用新版本:Dreamweaver CS3)它是一款专业的HTML编辑器,是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页,Dreamweaver都会有许多工具帮助设计者完成每项工作,设计出更多完美的网页。滁州职
7、业技术学院系统维护专业毕业设计23滁州职业技术学院系统维护专业毕业设计第一章 绪论在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我要做的就是这样一个全面宣传,展示专业优点与特色,发布学习知识,在线交流学习的网站。作为学校,知识、人才的资源十分丰
8、富,比其他行业更渴求信息、希望能有渠道获得各种各样的信息来促进自身在研究、学术上的进步。为了更好学习交流,提高学学生学习兴趣,特构建滁州职业技术学院 网络系统管理专业网站。 1.1 设计思想毕业将至,我们滁州职业技术学院2011界毕业生也面临人生的又一次转折。在毕业之际,众多的毕业设计选题中我选择本专业的学习网站设计,这一方面是因为我个人对网站设计的喜爱,另一方面对系统维护专业各方面取材较为容易,更重要的是通过网站,全面宣传、交流系统维护专业学习,展示本专业风采、优点与特色。1.2 开发工具介绍1、主要开发工具为DreamweaverCS3,该软件有明显优势:DreamweaverCS3是Ad
9、obe公司推出的一款非常优秀的网页制作与网站建设软件,它以制作方式简便实用、功能强大等优势受到众多网页制作爱好者和网站建设工作者的青睐。它是一款专业的HTML编辑器,是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页,Dreamweaver都会有许多工具帮助设计者完成每项工作。另外,还可以使用Dreamweaver结合服务器语言生成支持动态数据库的Web应用程序。制作网页主要运用了该软件的以下几部分:创建网页布局、网页的基本组成要素、创建图文网页、确定站点的目录结构、网站中表格的使用(主要运用表格布局网页)、使用层特效美化网页
10、,也附加了一部分CSS样式来制作等。DreamweaverCS3新特点:1)业界领先的工具利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。2)集成的工作流在 Dreamweaver CS3 内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3 及用于创建移动设备内容的全新 Adobe Device Central C
11、S3) 的智能集成。3)完整的 CSS 支持发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。4)集成的编码环境借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。5)支持领先的技术 利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP。
12、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
13、Vista 系统。在您的首选平台中设计, 然后跨平台交付更加可靠、一致和高性能的结果。2、ASP的优势:Active Server Pages:“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 javascript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(lient)在浏览器中可以显示
14、程序执行的结果,可是,客户端(lient)若使用Netscape浏览器就无法显示VBScript的执行结果。的特点:u 任何开发工具皆可发展只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、 rontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写,可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。u 语言相容性高ASP与所有的ActiveX Script语言都相容,除了可结合HTML
15、,VBScript、Java Script、Active X服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。u 隐密安全性高,如果我们在浏览器中直接查看网页的原始代码,就只能看到文件,原始的程序代码是看不到的!这是因杰程序先于网站服务(eb Server)端执行后,将结果转换成标准文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。u 易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Acess、
16、Foxpro、dBase、Oracle等等,另外,亦可将“文本文件”或是”Excel” 文件当成数据库用。u 面向对象学习容易具备有面向对象(bject-Oriented)功能,学习容易,提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。u ASP的六大内部对象,对象名称 功能描述:Request Response ServerSessionApplicationObjectContext 从客户端
17、取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息,该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理。第二章 网站系统分析2.1 网站系统分析根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:1、 学校介绍 学校简介,信息来自学院官方网站2、 专业介绍 专业简介,以及本专业课程介绍3、 师资队伍 主要对滁州职业技术学院网络系统管理专业师资力量做一个简单的介绍,将我本专业一些具有代表性的领导以及教师根据情况
18、简单列举一些,本页面简单明了,可达到所理想效果。4、 社会评价 主要介绍了社会公司、媒体对网络系统专业的评价,包括:对笨专业的评价,人才在外工作的评价等。虽不是详细介绍,但是具有代表性的学生都一一列举。5、 人才培养 主要介绍本专业所培养出来的人才,以及他们的简介,特长,在学校、社会工作的良好表现,以及这些学生所拿到的相关证书。让更多信息提供给每个访问者。6、 成果展示 学生研究成果7、 管理制度 管理8、 联系我们 联系站长、管理员等9、 给我留言 对我们有任何建议,都可以在此处留言2.2页面设计网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现本专业的勃勃生气。利用与数
19、据库结合的技术建立数据库查询管理系统,采用交互式的动态的web画面来实现。主页结构图图2-1 首页结构图2.3 数据库设计采用的数据库是Microsoft Access ,拟建立xtwh.mdb库文件,包含如下几个表文件:(注:为了方式恶意下载、产看,数据库名称为xtwh.asp,所有字段前面添加前缀ok3w)Ok3w_Adlog 系统后台日志记录表Ok3w_Admin 管理员信息表Ok3w_AdSense 广告、代码调用记录表Ok3w_Article 文章内容表Ok3w_Channel 软件下载信息Ok3w_Class 相关说明信息表Ok3w_Guest 留言信息表Ok3w_Link 友情连
20、接表Ok3w_SiteConfig 网站基本信息表Ok3w_User 注册用户信息表第三章 详细设计、功能3.1 前台介绍3.1. 0 通用文件Head.asp(头部)、foot.asp(尾部)为了实现网站界面布局协调,我们采用了文件调用显示方式(也可称为框架)新式,如需修改logo图片、底部信息等,只需修改以上2个文件即可做到全站修改。3.1.1 index.asp作为整个网站的首页,他是整站信息的大门,因此,首页布局包括一下内容:1、logo图片;2、导航条3、文章图片切换;4、推荐阅读,即站长推荐的信息;5、最新发布;6、热门文章,即全站文章浏览次数前11的文章。7、图片展示,即推荐为滚
21、动图片信息;8、师资队伍,即本分类的文章最新发布的7篇文章列表;9、社会评价,即本分类的文章最新发布的7篇文章列表;10;人才培养,即本分类的文章最新发布的7篇文章列表;11、友情连接;12、相关文章;13、版权、网站备案号等。3.1.2 list.asp这是文章分类的列表页面,例如在师资队伍里面发布了10篇文章,这10篇文章所有的标题都使用本页面来展示。在列表右边,集成了:分类列表、最新添加、热门阅读,这样以来,使得最新、最热的信息第一时间展示给浏览者,网站也更加人性化。3.1.3 show.asp本页面是用来展示文章的,每个分类发布文章,都通过本页面来展示。他相当于一个显示器,按照用户的指
22、令,显示不同的文章。3.1.4 about.asp从字面看,是“关于”的意思,也就是关于我们网站、专业的一些信息,与show.asp类似,仅为了区别文章、与展示关于。3.1.5 book.asp这是留言版、用户可以通过本页给我们留言,在留言后默认需要审核,也可以在后台设置直接显示。本页面包括了:留言列表,即其他用户的留言;以及留言编辑器,是给用户填写留言内容的。3.1.6 search.asp顾名思义,是用来检索文章的,用户可以是任何页面的顶部搜索框输入文章标题关键字,点击“全站搜素” 即可搜素出相关的文章。3.2 后台功能介绍3.2.1 后台登录图3-1 后台登录界面只有输入正确的用户名和密
23、码才能进入后台管理。3.2.2 后台首页图3-2 后台管理首页结构图后台首页包括两部分,功能导航和欢迎、版权界面。所有管理操作都可以通过左侧的功能导航去实现。3.2.3 功能介绍1、常规操作包括:修改密码和安全退出。2、系统管理包括:站点信息配置,管理员管理,代码调用管理,友情连接管理这里可以设置网站的基本信息;添加、删除管理员;代码调用是在网站页面上展示我们手工写的代码,这样的好处是,无需修改网站文件即可添加、删除模块。3、文章管理包括:文章分类,添加文章,管理文章,外部代码调用,回收站说明:站内所有文章都在这里管理,导航条上面的分类是通过修改文章分类来修改的。外部代码调用意思是本站的文章能
- 1.请仔细阅读文档,确保文档完整性,对于不预览、不比对内容而直接下载带来的问题本站不予受理。
- 2.下载的文档,不会出现我们的网址水印。
- 3、该文档所得收入(下载+内容+预览)归上传者、原创作者;如果您是本文档原作者,请点此认领!既往收益都归您。
下载文档到电脑,查找使用更方便
10 积分
下载 | 加入VIP,下载更划算! |
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网络 系统管理 专业 网站 设计