网络系统管理专业网站设计.doc

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、文章管理包括：文章分类，添加文章，管理文章，外部代码调用，回收站说明：站内所有文章都在这里管理，导航条上面的分类是通过修改文章分类来修改的。外部代码调用意思是本站的文章能

24、够在其他网站展示，他通过javascript来实现的。4、留言管理包括：待审留言，全部留言说明：这里审核游客的留言，以及管理这些留言。5、会员管理包括：等级与积分，会员管理说明：管理在网站注册的用户。6、相关说明包括：栏目管理（其他可在栏目管理里添加，用来发布文章。）说明：点击导航条进入的是文章、说明的，都是通过这里发布的。3.3后台设计思想整个后天采用功能修改页面调用的方式，且使用了一个独立的管理目录（admin，为了安全性，整个目录名称可以随便修改，不影响使用）。公共导航全局调用。通过连接数据库、修改数据库来实现前台内容的修改。傻瓜式操作界面，只要会打字，就能修改网站所有内同。且每个功能修

25、改都使用了一个独立的文件，这样的好处是，当一个功能模块出现了问题，只需检查本模块的文件即可，同时也防止误操作，保证了网站的可控制性。第四章 网站的测试与发布4.1 相关技术分析4.1.1 WEB站点的概念和结构WEB站点是一组具有共享属性（如相关主题，类似的设计或共同目的）的链接文档。这些文档基于共同的表现目的集合到一起。站点也是文档的一种磁盘组织形式，它同样是由文档和文档所在的文件夹组成。利用不同的文件夹，将不同的网页内容分门别类保存，这是设计网站的前提。通常情况下，建立站点时要将站点中的内容进行分类，然后把相关的内容放在同一个文件夹中，这样便于对站点资源进行管理。例如，网页中用到的图像可以

26、放在IMAGES文件夹里，这样，当要将图像插入页面时，就知道在何处可以找到它；必要时还可以使用子文件夹。通过这种方式，可以让站点具有清晰的站点结构，将来更容易维护1。如果没有考虑文档在站点层次结构中的位置就开始创建文档，最终可能会导致站点杂乱无章，从而使站点的维护与升级变成一项十分困难的工作。因此在设置站点之前，一定要规划好站点的结构，这样可以提高工作效率，节省工作时间。设置站点就是在本地磁盘上创建一个包含站点所有文件的文件夹（称作本地站点），然后在该文件夹中创建和编辑文档。当在本地测试无误后，发布到WEB服务器上就形成了真正的站点。基于WEB服务的Internet应用就是三层C/S结构的典型

27、应用。在Internet中，浏览器就是一个用户机，实现的是用户服务中的用户界面。而应用服务由WEB服务器承担，数据服务功能由各种数据库服务器来实现。浏览器一般不直接与各种数据库服务器打交道，它只是负责与用户交互，向WEB服务器发出请求，然后接受数据并显示在浏览器窗口中。客户端的主要实现技术有Java applet、ActiveX控件、Vbscript、Javascript等。对于静态WEB应用，WEB服务器只需对客户的请求作出响应，把WEB页面数据发送给客户即可。对于动态WEB应用，服务器可以采用多种技术来产生动态的WEB页面，如经典的CGI(Common Gateway Interface)

28、技术，以及建立在IIS基础上的ISAPI(Internet Server Application Program Interface)和ASP(Active Server Pages)技术。4.1.2 后台数据库Microsoft Access的介绍Access 就是关系数据库开发工具，数据库能汇集各种信息以供查询，存储和检索。那么什么叫数据库呢？数据库(Database)是由一些有意义和有关系的数据(data)所组合而成。一个数据库中，包含了许多条记录(Record)，而每条记录是由多个字段(Field)所组成，不同的字段存放这不同的数据。所以数据库的严格定义是一组相关记录的集合，而字段则是

29、最基本的数据项，也是数据库中最小的单位。在计算机中用来帮我们管理数据库的系统，我们称之为数据库管理管理系统(Database Management System DBMS)。数据库管理系统是架构在一个或多个数据库之上，并针对数据库中的数据进行管理运用。Access 的优点在于它能使用数据表示图或自定义窗体收集信息，数据表示图提供了一种类似于 Excel 的电子表格，可以使数据库一目了然。另外，Access 允许创建自定义报表用于打印或输出数据库中的信息。Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。如上所述，Access 作为关

30、系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。4.2 网站测试4.2.1 测试环境网站是在www服务器环境下运行的，www服务器是目前应用最为广泛的Internet服务器之一，用户只要通过“浏览器”就可以非常方便地访问Internet，获得所需的信息。www的组成如图所示：WEB服务器域名服务器客户浏览器Browser因特网HTTPDDNS图4-1 www网示意图浏览器和服务器之间的信息交换使用超文本传输协议（HyperText Transfer Protocol，HTTP）。基于HTTP协议的万维网实际上是一个大规模的、在线式的信息仓库，是一个

31、支持交互式访问的分布式超媒体系统。4.2.2 测试条件1、网站一般原理动态网站一般是由浏览器发送请求给服务器，服务器接收到请求后根据请求进行处最后将处理结果返回给客户端显示。2、 客户端一般通用请求不管是在ASP、PHP、ASP。NET、JSP里都存在以下的请求方法：A、表单提交 表单是HTML（我用HTML类称XHTML等，下同）中的一个标记，没有显示意义，相当于一个容器，当这个表单中的某个按钮，发生点击事件后，浏览器首先检测到这个事件，接着它会寻找这个按钮所在的表单中所有可以向服务器传送数据的元素，记录这些数据的标记，数值，然后发送给服务器上指定处理页面，这个 指定处理页面是在表单的 ac

32、tion 属性指定 例如论坛中的发表文章，在文本框输入信息后按提交，浏览器会将这个文本框信息传递给服务器mothed代表表单提交方法 B、地址定位 地址定位一般是不传递参数，或者将参数作为地址的一部分传递给服务器端。告诉服务器找到list.asp并接收参数id=10，这样程序就会处理这个页面，并根据参数读出数据写进HTML文件中再传递给客户端。 4.2.3性能分析1、页面链接检查： 每一个链接是否都有对应的页面，并且页面之间切换工具，如LinkBotPro、File-AIDCS、HTML Link Validater、Xenu等工具。LinkBotPro不支持中文，中文字符显示为乱码；HTML

33、 Link Validater只能测试以Html或者htm结尾的网页链接；Xenu无需安装，支持asp、do、jsp等结尾的网页，同时能够生成html格式的测试报告。2、相关性检查：删除/增加一项会不会对其他项产生影响，如果产生影响，这些影响是否都正确检查按钮的功能是否正确 如新建、编辑、删除、关闭、返回、保存、导入等功能是否正确。3、字符类型检查：在应该输入指定类型的内容的地方输入其他类型的内容(如在应该输入整型的地方输入其他字符类型)，看系统是否检查字符类型。 1）标点符号检查：输入内容包括各种标点符号，特别是空格，各种引号，回车键。看系统处理是否正确。2）特殊字符检查：输入特殊符号，如、

34、#、$、%、!等，看系统处理是否正确。3)字符串长度检查: 输入超出需求所说明的字符串长度的内容， 看系统是否检查字符串长度。4、中文字符处理：在可以输入中、英文的系统输入中文，看会否出现乱码或出错。检查信息的完整性 在查看信息和更新信息时，查看所填写的信息是不是全部更新，更新信息和添加信息是否一致。5、信息重复：在一些需要命名，且名字应该唯一的信息输入重复的名字或ID，看系统有没有处理，会否报错，重名包括是否区分大小写，以及在输入内容的前后输入空格，系统是否作出正确处理。6、检查删除功能：在一些可以一次删除多个信息的地方，不选择任何信息，按“delete”，看系统如何处理，会否出错;然后选择

35、一个和多个信息，进行删除，看是否正确处理。7、检查添加和修改是否一致：检查添加和修改信息的要求是否一致，例如添加要求必填的项，修改也应该必填;添加规定为整型的项，修改也必须为整型8、检查修改重名：修改时把不能重名的项改为已存在的内容，看会否处理，报错。同时，也要注意，会不会报和自己重名的错9、重复提交表单：一条已经成功提交的纪录，返回后再提交，看看系统是否做了处理。对于Web系统检查多次使用返回键的情况 在有返回键的地方，返回到原来页面，重复多次，看会否出错。 10、搜索检查：有搜索功能的地方输入系统存在和不存在的内容，看搜索结果是否正确。如果可以输入多个搜索条件，可以同时添加合理和不合理的条

36、件，看系统处理是否正确。11、输入信息位置：注意在光标停留的地方输入信息时，光标和所输入的信息会否跳到别的地方。12、上传下载文件检查：上传下载文件的功能是否实现，上传文件是否能打开。对上传文件的格式有何规定，系统是否有解释信息，并检查系统是否能够做到。下载文件能否打开或者保存，下载的文件是否有格式要求，如需要特殊工具才可以打开等。13、必填项检查：应该填写的项没有填写时系统是否都做了处理，对必填项是否有提示信息，如在必填项前加“*”；对必填项提示返回后，焦点是否会自动定位到必填项。14、快捷键检查：是否支持常用快捷键，如Ctrl+C、 Ctrl+V、 Backspace等，对一些不允许输入信

37、息的字段，如选人，选日期对快捷方式是否也做了限制。15、回车键检查：在输入结束后直接按回车键，看系统处理如何，会否报错。16、刷新键检查：在Web系统中，使用浏览器的刷新键，看系统处理如何，会否报错。 17、回退键检查：在Web系统中，使用浏览器的回退键，看系统处理如何，会否报错。对于需要用户验证的系统，在退出登录后，使用回退键，看系统处理如何；多次使用回退键，多次使用前进键，看系统如何处理。18、直接URL链接检查：在Web系统中，直接输入各功能页面的URL地址，看系统如何处理，对于需要用户验证的系统更为重要。19、空格检查：在输入信息项中，输入一个或连串空格，查看系统如何处理。如对于要求输

38、入整型、符点型变量的项中，输入空格，既不是空值，又不是标准输入。20、输入法半角全角检查：在输入信息项中，输入半角或全角的信息，查看系统如何处理。如对于要求输入符点型数据的项中，输入全角的小数点（“。”或“”，如）；输入全角的空格等。21、密码检查：一些系统的加密方法采用对字符Ascii码移位的方式，处理密码加密相对较为简单，且安全性较高，对于局域网系统来说，此种方式完全可以起到加密的作用，但同时，会造成一些问题，即大于128的Ascii对应的字符在解密时无法解析，尝试使用“uvwxyz”等一些码值较大的字符作为密码，同时，密码尽可能的长，如17位密码等，造成加密后的密码出现无法解析的字符。2

39、2、用户检查：任何一个系统，都有各类不同的用户，同样具有一个或多个管理员用户，检查各个管理员之间是否可以相互管理，编辑、删除管理员用户。同时，对于一般用户，尝试删除，并重建同名的用户，检查该用户其它信息是否重现。同样，提供注销功能的系统，此用户再次注册时，是否作为一个新的用户。23、系统数据检查：这是功能测试最重要的，如果系统数据计算不正确，那么功能测试肯定是通不过的。数据检查根据不同的系统，方法不同。对于业务管理平台，数据随业务过程、状态的变化保持正确，不能因为某个过程出现垃圾数据，也不能因为某个过程而丢失数据。24、系统可恢复性检查：以各种方式把系统搞瘫，测试系统是否可正常迅速恢复。第五章

40、 网站扩展性分析5.1 网站的优缺点5.1.1 优点1、网站从布局方面讲紧凑合理，链接性强，色彩方面搭配合理，主页与子网页之间颜色过渡合适，子网页之间色彩内容过渡也较为合理。2、网站完全根据要求而制作，不存在疏漏之处，包括网站具备的基本功能，运行正常。5.1.2 不足 1、从整体布局看较为合理，但是从局部来讲存在一些技术上和严密性的不足。 2、页面美观度不够高，Dreamewver CS3软件应用不够熟练，软件中所涉及得制作方法以及工具没有更好的应用。5.2 改进方法1、配色原则：避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，对比度强的色彩不能应用于一般网站。2、字体

41、问题：字体是整个网页最醒目的部分，若字体不协调会给人一种枯燥的感觉，避免用黑色字体，减少压抑感。3、制作习惯：制作一个网页首要的是完美的构思，应该先构思好再动手制作，素材搜集完整，根据主题选材，不能脱离主题，确保所用材料与主题相关。最好不要一点一点添上去，只要布局素材准备充分，应该可以做到理想网页。4、完整性：网站的基本格式完整，相关链接，友情链接必不可少，这也增加了网页的方便性。5、不可忽略的细节：客户对网站的感觉不好，不过又说不出，多半是细节处理问题，细心的处理网页的每一个象素，力求完美。第六章 总结及心得体会一 网站总结1、不要滥用flash对于我们一个不专业的人来说，错误的认为Flas

42、h是增加网页美感的主要元素，其实不然，一个网页制作的成功与否，不仅是Flash的精彩，更多的是布局设计，能否给人一种整体美，Flash在网页中出现的频率要适当，因为网页是用来展示信息的，而不是展示Flash。2、 不要让网页看起来杂乱无章网页是一个大杂烩，但缺乏合理结构的网站往往会使信息的浏览变得非常困难，当然我们所做的网站只是个人或者班级，没有面向整个网络，不过以后这些必须得要学以致用。3、 要给人印象深刻网站看上去漂亮不怎么重要，关键是吸引眼球，想百度、谷歌、一些大网站，虽然它们只是一些搜索引擎，不过使用的人数不胜数。4、 内容才是根本一个网站缺少内容，就好像人体缺少了骨架，撑不出形状，如

43、果一个网页全部用图片来装饰，那么作出来的将不是网站，变成一个图片查看器，这样会使网站内容匮乏。5、 换位思考，注重细节 细节是我体验最深刻的一点，要从浏览者的角度思考网页的所有元素，力求最大限度的改良网页元素以适合浏览。从网页的界面来说，一个小的细节可能让浏览者感觉不出来，但细节处理不好的地方多了，就会让人很不舒服，会让浏览者觉得设计的粗糙，设计者的用心不足。从网页的后台代码来说，一个简单的失误会让程序彻底崩溃，比如：记录集的打开而忘记了及时关闭，对于一个记录集可能还不要紧，但若在循环语句里面就很可怕了。因此不管怎样多用心去思考，去琢磨，这可能是一个网页设计者能力提升的体现。6、 不要假设用户

44、的显示器分辨率及大小一个常见的错误的是好多的网页设计师都认为访问者都有一个他们一样显示效果良好的大屏幕显示器。按照目前的状况，你可以为你的站点优化设计为标准的1024768分辨率，这是现在主流显示器的的默认显示分辨率。就像我们去考虑老师电脑显示器的大小及分辨率，这都是不合理的。7、 留空白未尝不好网页留出空白，让人感觉格外清新，仿佛刚刚经历了深呼吸一般，我们的眼睛需要被注视物的周围有一定的空间，当然，留“白”不一定是白的，但它必须留出一定的空间。8、 选用合适的图片图片的选择在网页中也是很重要的一部分，图片不单只是网页整体看起来美观和谐，而且要与内容相符合。例如网站中教学管理系统和学生管理系统

45、的图片，选择即为合理，在教学管理系统中的图片与教师以及学校信息相符合，而学生管理系统的图片是一张铺着地毯的入口，正如学生踏上成功的红地毯。9、 注意字体与行高为段落中的文字使用适当的行高。一种快速、简单的方法，用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1。5倍。10、文章标题和副标题必须突出这样做的一个好处是可以让读者在第一时间了解这篇文章标题下面的内容是什么。使标题突出显示要做的工作只是使用更大的字体，为字体添加下划线、更改颜色等。二 心得体会我从高二开始参加安徽省的网页设计比赛，每年都能获奖，但之前都是花很大的工作量去做一个个静态页面，如果一个色彩修改，则需要修改每

46、个文件，工作量非常大。现在，学会asp动态网站建设，这样一来，繁琐的代码写完成后，如需修改布局、配色等，只需要修改一个公共文件：css样式表，几个完成整个网站的工程。以前从未想过动态网站如此的神奇！时间过得很快，毕业设计就要接近尾声了，在所选题目滁州职业技术学院网络系统维护专业网站设计这一题目时，我是抱着以前学过网页制作这门课和个人对网页制作的喜爱来选的，因为觉得还有所熟悉。在大二的下半学期我开始在网络上看视频，自学FLY-ASP动态网站建设这门课时，我曾做过一个个人网站，那时是根据视频和当时所学知识，看一步视频，做一步来做的，初次接触网站设计，认识的到网站设计是一门很有意思的设计题目，所以我的选题是正确的。可以使我投我所好，扬我所长。毕业设计不同于实训设计，也不同于平常的大型作业，要有重视的态度，这样才可以顺利完成。在制作网页过程中我有很深的体会。1、以前所学知识不够牢固，而掌握牢固的不能更好更灵活的运用。2、 理论基础知识掌握不够深刻，在网站的运行环境分析时感觉有点吃力，无从下手，只有把课本翻出来再看一遍。3、 最重要的是整个网站的构思不够独特，没有太深的创意，有的地方是根据其他专业网站模板来做，吸取他人的精华。4、通过这次的毕业设计我深刻认识到做每一件事都要有耐心，认真的态度去对待，这样才会实现自己心中所理想的效果。5、在以后的学习和生活中要严格要求自己，基础