系部网站的设计与实现大学本科毕业论文.doc

《系部网站的设计与实现大学本科毕业论文.doc》由会员分享，可在线阅读，更多相关《系部网站的设计与实现大学本科毕业论文.doc（29页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、河南师范大学本科毕业论文河南师范大学新联学院本科毕业论文 系部网站的设计与实现系部网站的设计与实现 摘 要 本文的叙述围绕着如何实现一个功能完善的系部网站进行展开。依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。 接着在需求分析中，根据用户的角度，分析了所设计的网站需要实现哪些基本功能；从设计者的角度，分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。根据分析的结果，主要采用Dreamweaver编辑器，结合html编程编程语言，进行网站的页面设计；网站的主要功能主要分为新闻、通知、信息管理、学科建设，图片几大模

2、块。详细设计阶段的任务就是把解法具体化。在详细设计阶段，依据总体分析的结果，进行具体页面的设计和组织。页面的设计主要依据这个页面的功能效果以及整体布局。页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架。在编码阶段，进行具体网页的编码设计。在设计中，根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此主要解释了在此次设计中主要用到的页面设计和编码技术。测试的主要任务是为了发现程序中的错误，软件测试的过程亦是程序运行的过程。在本次设计中，主要采用边测试边修改的方法，在测试网页的同时根据结果及时进行相应的

3、修改。在测试过程中，主要从外观、链接、速度方面测试网页是否能够实现相应的功能。 关键字 系部网站、整体布局、组织、界面、详细 Design and Implementation Department of the Ministry website Abstract This article describes how to implement revolves around a fully functional Department of the Ministry website launched.In accordance with the requirements of this grad

4、uation project, mainly from the feasibility analysis, requirements analysis, design,detailed design, coding,testing several stages of preparation of graduation thesis. Then the demand analysis, based on the users perspective,analyzed the design of the site which achieve the basic functions required;

5、from the designers perspective, analysis of the design of a website with editing tools and programming languages,and hardware and software development environment website. According to results of the analysis, the main use Dreamweaver editor, with html programming programming language for page desig

6、n site; the main function of the site is divided into news, notice, information management, discipline construction, pictures of several modules. The detailed design phase of the mission is to solution specific. In the detailed design stage, according to the results of the overall analysis of the or

7、ganization and structure of the database design of specific pages. The main organization is linked page design between pages, while achieving these links pages the basic functions of the framework; design appropriate forms, fields for storing corresponding data record, provide data source to generat

8、e the page. In the coding phase, designed to encode a specific page. In the design, according to the page program interface, forms, required data, write the actual program code. Since the design of the page is more, it is impossible to write code for all procedures exhaustively, therefore, in this c

9、hapter, mainly explained mainly used in the design of the page design and coding techniques. The main task of testing is to find errors in the program, the process of software testing process is also running. In this design, the main use of the modified side edge test method, while the test page to

10、be modified in a timely manner based on the results. During the test, mainly from the appearance, link, speed test page is able to achieve the corresponding functionsKeywords Html、CSS、Dreamweaver目 录摘 要1Abstract2第一章 绪 论61.1 设计思想61.2 开发工具介绍6第二章 校园网站设计分析82.1相关术语及解释82.2 校园网站的作用92.3 校园网站的设计与规划10第三章 详细设计1

11、03.1 系部首页103.1.1 功能103.1.2 组成构造113.2系部简介113.2.1 功能113.2.2 组成构造113.2.3 版权所有113.3 学科建设123.3.1功能123.3.2 组成构造123.4 教学工作133.4.1 功能133.4.2 组成构造133.5 媒体资讯143.5.1 功能143.5.2 组成构造143.6党建工作153.6.1 功能153.6.2 组成构造163.7教师信息管理系统173.7.1 功能173.7.2 组成构造173.8 学生信息管理系统183.8.1 功能183.8.2 组成构造183.9联系我们183.9.1 功能183.9.2 组成

12、构造18第四章 网站的测试与发布204.1 相关技术分析204.1.1 WEB站点的概念和结构204.1.2 后台数据库Microsoft Access的介绍214.2 网站测试214.2.1 测试环境214.2.2 测试条件224.2.3性能分析23第五章 网站扩展性分析265.1 网站的优缺点265.1.1 优点265.1.2 不足265.2 改进方法26参考文献27致 谢28第一章 绪 论 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要

13、在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。而做这样一个全面宣传，展示学院风采、优点与特色，发布学校的重大活动安排与学院各种政策的网站，是时代的需要。 校园网是各种类型网络中一大分支，有着非常广泛的应用。作为新技术的发祥地，学校、尤其是高等学校，和网络的关系十分密切，网络最初是在校园里进行实验并获得成功的，许多网络新技术也是首先在校园网中获得成功，进而才推向社会的。另一方面，作为学校，知识、人才的资源十分丰富，比其他行业更渴求信息、希望能

14、有渠道获得各种各样的信息来促进自身在研究、学术上的进步。为了更好的办学，提高学校知名度，特构建我系网站。1.1 设计思想毕业将至，我们学院2011级毕业生也面临人生的又一次转折。在毕业之际，众多的毕业设计选题中我选择我系的网站设计，这一方面是因为我个人对网站设计的喜爱，另一方面对我系各方面取材较为容易，更重要的是通过网站，全面宣传我系新生的软件学院，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，提高办事效率。1.2 开发工具介绍 主要开发工具为DreamweaverCS8，该软件有明显优势： DreamweaverCS8是Adobe公司推出的一款非常优秀的网页制作与网站建设软件，

15、它以制作方式简便实用、功能强大等优势受到众多网页制作爱好者和网站建设工作者的青睐。它是一款专业的HTML编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作。另外，还可以使用Dreamweaver结合服务器语言生成支持动态数据库的Web应用程序。 制作网页主要运用了该软件的以下几部分： 创建网页布局、网页的基本组成要素、创建图文网页、确定站点的目录结构、网站中表格的使用（主要运用表格布局网页）、使用层特效美化网页，也附加了一部分CSS样式来制作等。 Dreamw

16、eaverCS8新特点： 1. 业界领先的工具 利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。 2. 集成的工作流 在 Dreamweaver CS8 内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS8 及用于创建移动设备内容的全新 Adobe Device Central CS3) 的智能集成。 3. 完整的

17、CSS 支持 发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。 4. 集成的编码环境 借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。 5. 支持领先的技术 利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP)

18、 的支持。第二章 校园网站设计分析2.1相关术语及解释 1. Internet Internet(英特网)诞生于上世纪60年代，发展非常慢，到90年代才开始迅速发展。现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。 2. 站点 所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。 3. 超链接 我们在浏览网页时，当鼠标指针指向某段文本或是某个图

19、像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。 4. URL URL（Uniform Resource Locator的缩写），统一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。对于Web来说，可以简单并通俗把U

20、RL理解为网址。每个Web网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。例如， 5. IP地址 为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的IP（Internet Protocol）地址，这如同公用电话网中电话的号码一样。IP地址是由专门的互联网机构来分配。IP地址具有惟一性，是由32位二进制数组成，分为四组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。2.2 校园网站的作用 互曾几何时我们重视的是传统媒体上的“广播有声、报纸有名、电视有影”。而今在网络中可是鼠标一点“地球人都知道”。较之传统媒体的区域性、时效性

21、而言网络具有广泛性、长期性的特点。我们应该以校园网站为平台树立起具有时代特色的虚拟形象。对于学校网站的具体作用，归纳如下： 1. 桥梁作用网络一个最重要的特点就是其互动性，对于朋友们提的所有意见和建议，无论好坏，都会认真对待、仔细研究，有一些能够马上回复的问题，都予以及时回复。 2. 引导作用 通过引导，非理性的言论就会越来越少，许多正面、富有建设性的言论将会不断涌现，从而达到我们预期的目的。 3. 育人作用 有及时报道活动、凸现重点文章、组织各种活动、开展咨询服务、及时渲染氛围. 4. 窗口作用 网站的另一个重要作用就是宣传学校. 通过充分体现学校的办学特色和师资优势，并突出学校内部与其他校

22、园以及社会群体的信息交流，加强学校与社会、师生与家长的互动沟通，将网站创建成为展示师生风采的舞台，从而实现贯彻教育理念和塑造信息化时代校园品牌的完整统一.2.3 校园网站的设计与规划 1. 明确架设网站的目的 通过网站，全面宣传，展示学校的风采、优秀与特点，发表学校的活动安排与招生政策信息内容，使学生与家长增加对学校的了解。增强学生、家长及学校之间的联系。在这里学生及家长可以提出意见及想法，互相理解教学之间的意见想法更好有效的办好教学，和学生需要那样的教学方式能够更好的吸纳与接纳，这些都能成为学校的参考，以便更加提高学校的教学质量。 2. 校园网站概貌 因为是校园网站，所以建立一个高效率、成本

23、的网络以满足教学工作日益增长的需求是设计这个网站的目标，也能更好提高学校的知名度，为家长和同学们提供一个友谊的桥梁，增加家长与同学们对学校的一些事物的了解。 3. 功能划分 网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和学校交流。（给出设计草图） 建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明

24、确显示出来。因此我将网站分为五个栏目，分别是关于我系、站内公告、热门图像新闻、信息管理等。第三章 详细设计3.1 系部首页3.1.1 功能主要对河南师范新联学院外语系的简单介绍，包括学校logo，系部页面导航，系部特色logo，以及flash动态图片新闻，更重要的是通过网站简单的叙述软件学院的情况以及通知。3.1.2 组成构造 共分四大部分：1 本网页是主页，其中头部主要部分是一张背景图，同时加一张学院的图片，将其置居左，作为网页的核心部分。2 下方文字导航栏，标注网页导航，同主页一样具有跳转任意页面的随意性。3 由于该页面为主页面，页面涉及范围广种类多，所以整理布局需要用表格进行分类处理。4

25、 由于不同种类的主页面。所以每个类型都涉及不同的子页面。如文字新闻涉及六个子页面。动态页面涉及一个。3.2系部简介3.2.1 功能主要对河南师范新联学院外语系的简单介绍，包括建校历史，历史成就，以及为各地输送各方面人才，更重要的是通过网站简单的叙述软件学院的情况。3.2.2 组成构造共分三大部分：1 本网页是主页的一个链接网页，其中头部主要部分是一张背景图，同时加一张外语系的图片，将其置居左，作为网页的核心部分。2 下方文字导航栏，标注网页导航，同主页一样具有跳转任意页面的随意性。3 页面主要运用文字，因为该页面是子网页，所以没有涉及太多难点。3.2.3 版权所有 为了网站的安全性，页面底部设

26、有cp备案，可以链接相关网站查询我们学校。3.3 学科建设3.3.1功能 “学科建设”页面主要介绍系部所涉及到的支柱专业，重点叙述专业的性质以及主修这些专业所需要学那些课程和应拿到的相关证书。每个专业的针对性，将来的就业情况，更多的是说明专业在软件学院的代表性，让更多信息提供给每个访问者。系部的每个专业的基本情况都说明的很具体，很完备。3.3.2 组成构造 共四大部分 1、页面主要有层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页的一个子网页，要保持一致，增加美观感。 2、为了更好的介绍专业，要选择适当的位置和顺序来一一介绍，所以选

27、用了表格且不适用边框，适当的调整列和行，把材料填充上去。 3、字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较好。 4、在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有专业名字也可增加页面的生动性。主结构图如下：图 3.1 专业介绍图3.4 教学工作3.4.1 功能 “教学工作”主要是说外语系的教学成果以及取得佳绩的总结，页面与其他页面不同的是网页内容主要详细讲解系部佳绩，同时各专业今后努力方向。因此，网页整体看起来内容简单布局较小，但整体的协调性较好，另外加了网页制作简单能使人一眼看到内容，通俗易懂。3.4.2 组成构造 共四大部分 1

28、、头部运用软件学院图片，与其他网页设计相同，大标题运用“层”效果实现，在标题的前面运用图片来点缀，提高色彩度。 2、页面主要有层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页的一个子网页，要保持一致，增加美观感。 3、为了更好的介绍教学工作，要选择适当的位置和顺序来一一介绍，所以选用了表格且不适用边框，适当的调整列和行，把材料填充上去。 4、字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较。主要结构图如下展示： 图3.2 教学工作结构图3.5 媒体资讯3.5.1 功能 “媒体资讯”主要是说系部的社会信息的资

29、讯，页面与其他页面不同的是网页内容不是详细叙述，而是用各个链接来实现，每个讯息都是一个连接，每个连接以文字形式表示出来，按日期的前后一次排列。因此，网页整体看起来内容简单布局较小，但整体的协调性较好，另外加了网页制作小图标增加网页色彩。3.5.2 组成构造 共四大部分 1、头部运用系部图片，与其他网页设计相同，大标题运用“层”效果实现，在标题的前面运用图片来点缀，提高色彩度。 2、主要内容部分的设计是先设计一个层，然后根据内容需要运用适当行列的表格，调整表格使表格紧凑，内容整体连接紧密。 3、设置每个内容的链接，在这里的链接为空链接，空链接的设置是链接到“#”即可。 4、在内容前加有水平线，是

30、为了实现分清主次的效果，使主题部分与内容分割开来，也可增加页面的生动性。5、各专业大标题前加特殊号，可适当的引起注意力，为了网站的安全性底部设有版权。 主要结构图如下展示：图3.3 媒体资讯结构图3.6党建工作3.6.1 功能 “党建工作”主要是说系部的党建学习以及学习结果的总结，页面与其他页面不同的是网页内容不是详细叙述，而是用各个链接来实现，每个学习都是一个连接，每个连接以文字形式表示出来，按日期的前后一次排列。因此，网页整体看起来内容简单布局较小，但整体的协调性较好，另外加了网页制作小图标增加网页色彩。3.6.2 组成构造 共四大部分 1、头部运用学院图片，与其他网页设计相同，大标题运用

31、“层”效果实现，在标题的前面运用图片来点缀，提高色彩度。 2、主要内容部分的设计是先设计一个层，然后根据内容需要运用适当行列的表格，调整表格使表格紧凑，内容整体连接紧密。 3、设置每个内容的链接，在这里的链接为空链接，空链接的设置是链接到“#”即可。 4、在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，也可增加页面的生动性。 5、各专业大标题前加特殊号，可适当的引起注意力，为了网站的安全性底部设有版权。主要结构图如下展示：图3.4 党建工作结构图3.7教师信息管理系统3.7.1 功能 “教学管理系统主要”是教师登陆学院网页查询相关信息，学院各部门通知以及课程的安排，学生

32、成绩的编辑。教师的所有相关信息都可进入教学管理系统，另外每个教师登陆都需要个人的用户名以及密码。3.7.2 组成构造 共四大部分： 1、页面与其他网页不同的是标题没有用文字，只是输入框来描述，用层输入文字字体运用“楷体_GB2312”#993399 36号字。 2、为了增加页面的美观整洁，画层插入水平线。 3、用户登录的主要运用表单以及按钮，用户名和密码各用应用汉字以显特别性，文本域设置不同，密码属性设置为密码格式，按钮属性值为“登陆”，表单下面居左显示 4、下面部分为一段说明格式，选用白色背景也是为了与输入狂风相结合匀称。 主结构图如下展示：图 3.5 教学管理系统结构图3.8 学生信息管理

33、系统3.8.1 功能 “学生管理系统”主要是学院学生通过网站查询相关信息，包括成绩的查询，考试的报名以及学院期末测评，该页面为登陆页面，包括用户名和密码，与教学管理系统基本相同，不同的是在这里学输入的是“学号”，教学管理系统输入的是个人的学号，不可随意改变，有系部统一管理。3.8.2 组成构造 共四大部分： 1、页面与其他网页不同的是标题没有用图片，只是用字来描述，用层输入文字字体运用“楷体_GB2312”#993399 36号字。 2、为了增加页面的美观整洁，画层插入水平线。 3、用户登录的主要运用表单以及按钮，用户名和密码各用应用英文以显特别性，文本域设置不同，密码属性设置为密码格式，按钮

34、属性值为“登陆”，表单下面居中显示 4、下面部分为一段说明文字，选用白色背景也是为了与输入框相结合匀称。同教师信息管理系统一样3.9联系我们3.9.1 功能 “联系我们”主要是学院学生通过网站查询相关信息，并发表自己的意见与建议同时联系我们。3.9.2 组成构造 共四大部分： 1、页面与其他网页不同的是没有标题没有用图片，只是用文本框来描述，用层输入文字字体运用“楷体_GB2312”#993399 36号字。 2、为了增加页面的美观整洁，画层插入水平线。 3、用户登录的主要运用表单以及按钮，有确定。取消两个按纽 4、下面部分为一段说明文字，选用白色背景也是为了与输入框相结合匀称。主要结构图如下

35、展示：图3.6 联系我们第四章 网站的测试与发布4.1 相关技术分析4.1.1 WEB站点的概念和结构WEB站点是一组具有共享属性（如相关主题，类似的设计或共同目的）的链接文档。这些文档基于共同的表现目的集合到一起。站点也是文档的一种磁盘组织形式，它同样是由文档和文档所在的文件夹组成。利用不同的文件夹，将不同的网页内容分门别类保存，这是设计网站的前提。通常情况下，建立站点时要将站点中的内容进行分类，然后把相关的内容放在同一个文件夹中，这样便于对站点资源进行管理。例 如，网页中用到的图像可以放在IMAGES文件夹里，这样，当要将图像插入页面时，就知道在何处可以找到它；必要时还可以使用子文件夹。通

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

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

38、am Interface)和ASP(Active Server Pages)技术。4.1.2 后台数据库Microsoft Access的介绍Access 就是关系数据库开发工具，数据库能汇集各种信息以供查询，存储和检索。那么什么叫数据库呢？数据库(Database)是由一些有意义和有关系的数据(data)所组合而成。一个数据库中，包含了许多条记录(Record)，而每条记录是由多个字段(Field)所组成，不同的字段存放这不同的数据。所以数据库的严格定义是一组相关记录的集合，而字段则是最基本的数据项，也是数据库中最小的单位。在计算机中用来帮我们管理数据库的系统，我们称之为数据库管理管理系统(

39、Database Management System DBMS)。数据库管理系统是架构在一个或多个数据库之上，并针对数据库中的数据进行管理运用。Access 的优点在于它能使用数据表示图或自定义窗体收集信息，数据表示图提供了一种类似于 Excel 的电子表格，可以使数据库一目了然。另外，Access 允许创建自定义报表用于打印或输出数据库中的信息。Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。如上所述，Access 作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。4.2 网站测

40、试4.2.1 测试环境网站是在www服务器环境下运行的，www服务器是目前应用最为广泛的Internet服务器之一，用户只要通过“浏览器”就可以非常方便地访问Internet，获得所需的信息。组成如图所示：WEB服务器域名服务器客户浏览器Browser因特网HTTPDDNS图4.1 www网示意图 浏览器和服务器之间的信息交换使用超文本传输协议（HyperText Transfer Protocol，HTTP）。基于HTTP协议的万维网实际上是一个大规模的、在线式的信息仓库，是一个支持交互式访问的分布式超媒体系统。4.2.2 测试条件 1.网站一般原理 动态网站一般是由浏览器发送请求给服务器，

41、服务器接收到请求后根据请求进行处最后将处理结果返回给客户端显示。2.客户端一般通用请求不管是在ASP、PHP、ASP.NET、JSP里都存在以下的请求方法：a.表单提交表单是HTML（我用HTML类称XHTML等，下同）中的一个标记，没有显示意义，相当于一个容器，当这个表单中的某个按钮，发生点击事件后，浏览器首 先检测到这个事件，接着它会寻找这个按钮所在的表单中所有可以向服务器传送数据的元素，记录这些数据的标记，数值，然后发送给服务器上指定处理页面，这个 指定处理页面是在表单的 action 属性指定例如论坛中的发表文章，在文本框输入信息后按提交，浏览器会将这个文本框信息传递给服务器mothe

42、d代表表单提交。b.地址定位地址定位一般是不传递参数，或者将参数作为地址的一部分传递给服务器端。告诉服务器找到product.asp并接收参数id=10,这样程序就会处理这个页面，并根据参数读出数据写进HTML文件中再传递给客户端。 4.2.3性能分析1、页面链接检查： 每一个链接是否都有对应的页面，并且页面之间切换工具，如LinkBotPro、File-AIDCS、HTML Link Validater、Xenu等工具。LinkBotPro不支持中文，中文字符显示为乱码；HTML Link Validater只能测试以Html或者htm结尾的网页链接；Xenu无需安装，支持asp、do、js

43、p等结尾的网页，同时能够生成html格式的测试报告。2、相关性检查：删除/增加一项会不会对其他项产生影响，如果产生影响，这些影响是否都正确检查按钮的功能是否正确 如新建、编辑、删除、关闭、返回、保存、导入等功能是否正确。3、字符类型检查：在应该输入指定类型的内容的地方输入其他类型的内容(如在应该输入整型的地方输入其他字符类型),看系统是否检查字符类型。 1）标点符号检查：输入内容包括各种标点符号,特别是空格,各种引号,回车键。看系统处理是否正确。2）特殊字符检查：输入特殊符号，如、#、$、%、!等，看系统处理是否正确。3)字符串长度检查: 输入超出需求所说明的字符串长度的内容, 看系统是否检查

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

45、加要求必填的项,修改也应该必填;添加规定为整型的项,修改也必须为整型8、检查修改重名：修改时把不能重名的项改为已存在的内容,看会否处理,报错.同时,也要注意,会不会报和自己重名的错9、重复提交表单：一条已经成功提交的纪录，返回后再提交，看看系统是否做了处理。对于Web系统检查多次使用返回键的情况 在有返回键的地方,返回到原来页面,重复多次，看会否出错。 10、搜索检查：有搜索功能的地方输入系统存在和不存在的内容,看搜索结果是否正确.如果可以输入多个搜索条件,可以同时添加合理和不合理的条件,看系统处理是否正确。11、输入信息位置：注意在光标停留的地方输入信息时,光标和所输入的信息会否跳到别的地方。12、上传下载文件检查：上传下载文件的功能是否实现，上传文件是否能打开。对上传文件的格式有何规定，系统是否有解释信息，并检查系统是否能够做到。下载文件能否打开或者保存，下载的文件是否有格式要求，如需要特殊工具才可以打开等。13、必填项检查：应该填写的项没有填写时系统是否都做了处理，对必填项是否有提示信息，如在必填项前加“*”；对必填项提示返回后，焦点是否会自动定位到必填项。14、快捷键检查：是否支持常用快捷键，如Ct