基于网页的测试技术学习、实验系统设计

编号：毕业设计说明书题目：基于网页的测试技术学习、实验系统设计院（系）：机电工程学院专业：机械设计制造及其自动化学生姓名：学号：指导教师单位：机械设计制造及其自动化教研室姓名：职称：讲师2009摘要在跨入21世纪的今天，人类对科学技术的认识高速向前的发展。由于计算机技术的高速发展，带动了很多的新型的产业。其中网络教育就是在计算机不断普及和网络发展中应运而生的，其必然是今后教学发展的一个方向。本文主要是一个关于测试技术学习的网站。在本文中全面分析了建立测试技术学习网站的可行性和必要性。谈到了网络教育对于测试技术学习的作用，以及测试技术学习在网络教育中的实现方法。这次做的测试技术学习网站主要包括理论知识学习和虚拟实验两大板块，分别介绍了他们对学习测试技术课程的重要性。理论知识学习以介绍例子，文字讲解，图片引导为主，阐述每章节在测试技术课程中的地位。虚拟实验部分是通过介绍几个常见实验加深学生对测试技术的学习印象。通过这次毕业设计，我学到了很多东西，提高了自己的自学能力，能够在遇到问题时通过各种途径寻求解决的方法。这对我今后的学习工作有很大的作用。关键词：网络学习；测试技术；建立网站

AbstractInthe21stcentury,mankindunderstandsofscienceandtechnologyisdevelopmentbyhigh-speedforward.Duetotherapiddevelopmentofcomputertechnology,bringaboutalotofnewindustries.Educationofnetworkincomputerandnetworkdevelopingcontinuously,thefuturedevelopmentofteachingisadirection.Thispaperisastudyonthesitetestingtechnology.Inthisarticleacomprehensiveanalysisofestablishtesttechnologytostudythefeasibilityandnecessityofthesite.Web-basedEducationforthetalkedabouttestingtheroleoftechnologicallearning,technologicallearningandtestinginthenetworkimplementationineducation.Thetechnologytodothetestsitetostudythemajortheoreticalknowledge,includinglearningandvirtualexperimenttwoplates，introducedthecoursetolearntheimportanceoftestingtechnology.Theoreticalknowledgetointroduceexamplestextexplanations,toguidethemainpicture,expoundeachchaptersofthetestthestatusoftechnicalcourses.Virtualexperimentispartoftheexperimentbyintroducinganumberofcommontestingtechnologiestoenhancestudentlearningoftheimpression.Throughthegraduationproject,Ilearnedalotandimprovetheirself-learningability,canencounterproblemsinavarietyofwaystoseeksolutions.ThisisthefuturestudyandworkIhavegreatrole.Keyword:Onlineeducation;establishmentofwebsite;testingtechnology

目录引言 11建立测试技术学校网站的必要性与可行性 21.1试技术学习的必要性 21.1.1测试技术在生产的作用 21.1.2科学与测试技术 21.1.3学生测试技术学习现状 31.2建立测试技术学习网站的可行性 41.2.1硬件支持 41.2.2网络教育需求 61.2.3网络教育的现状 72方案选择与总统设计 92.1方案选择 92.1.1使用FrontPage建立网站 92.1.2使用Dreamweaver建立网站 92.1.3方案的选择 112.2概要设计 112.2.1设计思想 112.2.2开发工具的选用及介绍 112.2.3网站的特点 122.2.4测试技术学习网站建立的理念 132.2.5网站的建立 142.2.6设计思路 153理论学习部分网页的设计 173.1理论知识大纲分析 173.2学习内容设计 183.2.1测试技术基本概念制作方法 183.2.2信号处理部分学校网页的设计 203.2.3传感器学习的网页设计 234实验部分的网页设计 264.1实验的意义 264.1.1实验对科学发展的意义 264.1.2测试技术实验的作用 264.2实验内容网页的设计 264.2.1信号处理部分的网页设计 274.2.2传感器实验的网页设计 274.2.3振动试验（悬臂梁）的网页设计 275实验与理论结合 296总结 30谢辞 32参考文献 33引言随着科学技术的不断发展，计算机的不断普及以及通信类产业的进步，网络能实现的功能也日新月异。网络在学习方面的作用也备受关注。那么网络学习有什么好处呢？随着科学技术的飞速发展，进入小康社会的愿望已很快实现，电脑在人们生活中已经十分普及给我们的工作和学习带来了很大的方便，同时也大大的提高了我们的工作效率。现在网络学习已经成为人们生活中不可缺少的一部分。网络是一个知识和信息的宝库，在那里我们可以随意找到自己想要的知识和所要解决的问题，而且速度是前所未有的，只要有网络的存在你可以足不出户就搜索打你所需要的一切资料。但同时网络也是一个信息的垃圾场，积极有用的信息与各种负面的信息交织在一起，很多不法分子利用网络的漏洞发布各类不文明的信息也会给我们带来不好的影响，甚至会把充满好奇的人群走上歪路。因此，我们上网查找知识时应慎之又慎，同时网站建立者也要不断努力的建立更加完善的、功能更齐全的学习网站，极大的方便积极上进的学习爱好者。测试技术作为一个信息科学，是信息技术三大支柱（测试控制技术、计算技术和通信技术）之一。在很多领域当中都需要测试，测试技术的发展很大程度的影响着各类科学的进步。有一套完善的测量、试验体系会极大的方便各类研究的开展。这就需要大量掌握测试技术的同学。由于网络学习有着那么多的好处，测试技术的学习也是非常重要，所以建立一个测试技术学校网站，帮助有需要的同学也是很必要的。

1建立测试技术学校网站的必要性与可行性1.1试技术学习的必要性1.1.1测试技术在生产的作用测试是现代生产的动力。生产力是社会发展的决定因素，一个国家的国力首先取决于它的生产能力，特别是它的制造能力，而测试技术是决定制造水平的因素之一。衡量生产水平高低的两大指标是质量和效率：测试对于保证质量的重要性是不言而喻的，没有测试就无法评定产品质量的优劣，更无从保证产品的质量。何况现代生产都是通过测试，实现反馈，控制产品的质量。没有了测量，即使你可以生产出大量的产品，但也无法考究其优劣，勉强使用未经测量的产品固然不能判断其可靠性，甚至会影响到其他装置的作用，对后续生产的影响是致命的。生产出大量的劣质产品，轻者造成大量的浪费，重者造成严重事故，危及人民的生命健康。生产效率同样也离不开测试。例如，一台高速机床必须要有良好的轴系，包括回转精度、动平衡等，而这一切都需要一个精准的测试系统。生产效率是单位时间内的产值来衡量的，为了提高生产效率必须实现自动化。制造业的自动化起源于上世纪初，主要是利用凸轮、挡块等在纺织、钟表等大规模生产中实现刚性自动化。科学技术的进步要求产品不断更新、工艺技术不断进步。这种刚性自动化在多数情况下已经成为生产发展的障碍，现代的自动化是柔性自动化，越是柔性的系统越需要测量。没有测量就无法获得反馈信息，不能正确、快速地控制工艺过程和执行部件的运动，生产效率也谈不上。综上所述，测试技术在生产中的作用是很大的，无论在生产过程中的信息反馈和生产完结后的质量检查都与测试技术离不开。1.1.2科学与测试技术国力竞争的关键是科技水平，我国与发达国家的差距也主要是科技上的差距。对科学技术发展的投入，将会有超乎想象的产出。西方发达国家都把最为尖端的科学技术作为最高的保密，出售到国外的所谓最新科技也只是“过时”的技术。我国已将科技兴国作为我国的基本方针，而测试技术是科学发展必不可少的工具。伟大的化学家、计量学家门德列耶夫说过：“科学是从测量开始的，没有测量就没有科学，至少是没有精确的科学、真正的科学”。我国的“两弹一星”元勋王大珩院士也说过：“仪器是认识世界的工具；科学是用斗量禾的学问。用斗去量禾就对事物有了深入的了解、精确的了解，就形成科学”。科学上的发现和技术上的发明是从对事物的观察开始的。对事物的精细观察就要借助于仪器，就要测试，特别是在自然科学和工业生产领域更是如此。在对事物的观察、测试基础上经过分析推导，形成认识。到这一阶段还只能是假说、学说。实践是检验真理的唯一标准，只有在经过测试和考核，才能真正形成科学，所以说在科学发展的哪一阶段都离不开测试。国家中长期科学技术发展规划指出，仪器仪表和测试是"新技术革命"的先导和基础。纵观科学发展史和科技发明史，许多重大发现和发明都是从仪器仪表和测试技术的进步开始。从20世纪初到现在，诺贝尔奖颁发给仪器发明、发展与相关的实验项目达27项之多。苹果落在牛顿的脑袋上，虽然启发了牛顿的灵感，但真正导致万有引力的发现还是星球的运动。按照牛顿第一定律，在没有外力作用下，月亮应该做等速直线运动，为什么月亮不飞出去，而是绕地球转动？苹果落在牛顿的头上，启发牛顿意识到一定是地球对月亮有一个引力。牛顿根据他假设的万有引力公式和向心力的公式进行了计算，由于当时测量技术的限制，牛顿并没有没有获得正确的答案。牛顿是一个科学家，没有得到实践证明的东西，还不是科学，他没有发表。只有在他故去之后，由于测试技术的进步，在测得了地球与月亮的较精确的距离和地球的质量的情况下，万有引力学说才得到了证实，是他的学生发表了牛顿论文，使牛顿万有引力成为科学。测试在将“学说”发展为科学中往往起着关键作用。没有有效的测量与试验，一切的科学都只能说是一种猜想，还不能称得上是科学，不会有人相信一个只是看到现象而没经过严谨的测试过程所建立的科学。由此可见测试技术与科学是密不可分的，只有测试技术的不断发展才能够引领科学的不断进步。1.1.3学生测试技术学习现状机械工程测量与试验技术在本专业作为一门必修课。但其中囊括的内容甚多，其中包括我们学生所不太了解的信号处理与传感器的内容。而且课程紧凑，学时严重不足，实验室设备短缺与实验安排时间不长等实际问题也严重制约着学生对测试技术的学习。造成本专业学生测试技术课程成绩不佳，每年学生重修的概率也居高不下。建立一个测试技术学习网站，可以让学生在课堂之余学习测试技术，一次学不懂可以重复学习，反复摸索。在测试技术学习网站上有虚拟试验平台，也能够让学生理论结合实际，帮助学习，加深理解，使学习事半功倍，弥补测试技术学习各种硬件的相对紧缺，提高同学学习成绩与效率。由此可见，测试技术的学习是非常必要的。测试技术作为一门基本学科，应该让更多有兴趣的学习者能够方便的学习。鉴于我国人口众多，虽然国家在不断出台政策鼓励教育事业的发展，但仍然不能满足所有人的需要。而近代网络的不断发展，为远程教学提供很大的便利。由于网络的高速、互动等优势，可以让学员不受学习时间、学习地点的限制，能够因应个人需求选择学习，也能反馈自己的学习情况，跟其他学员交流讨论。一个传统意义上的教室，能容纳的人是有限的，而且不能充分发挥互动学习的优势，很多时候只能是老师在台上讲，学员在下面听；而网络讨论的人数完成不受限制，互动也方便很多。很好的解析了开放性教学的概率。1.2建立测试技术学习网站的可行性1.2.1硬件支持实现网络学习，必须要有硬件的支持。主要硬件有计算机已经畅通可靠的网络环境。在计算机配备情况上，随着科学技术特别是电子技术的不断发展，计算机行业也正以一个前所未有的速度向前发展，计算机正在以一个惊人的速度普及。在计算机的功能方面，从最开始的单纯文字发展到现在的多媒体，运算速度也在不断的提高，所能协助人类的工作也越来越多。在价格方面，计算机也一举脱下奢侈品的皇冠，价格在不断的下降，以及不再是有钱人的玩意，微型个人计算机已经可以为普罗大众所接受。正是由于如此，作为时代的先锋，国家的栋梁，现代大学生拥有个人计算机的比例也在不断的提高，大部分当代大学生都拥有了自己的计算机。而且现在大学一般提供有计算机房，提供给没有配备个人计算机和有需要的学生使用，满足大部分学生需求。基于那么多的条件，现在大学生已基本可以达到人人可以用计算机的状态（图1）。图1学习者计算机、网络水平拥有量及水平网络方面，当代的大学大部分组建了校园网，传输速度快、容量大，满足网络教育的基本要求。在校外的学生，也可以通过因特网，共享网络教育资源，可以真正做到不受学习地点的限制，发挥传统课堂所不具备的优点。根据中国互联网络信息中心统计，我国网民规模呈现不断增长，继2008年6月中国网民规模超过美国，成为全球第一之后，中国的互联网普及再次实现飞跃，赶上并超过了全球平均水平（图2）。随着使用人群的增加，对于促进网络教育的发展也有很大的帮助。图22000-2008年中国网民规模与增长率随着计算机技术特别是因特网的迅猛发展，使远程教育的手段有了质的飞跃，成为高新技术条件下的远程教育。随着网络技术的进一步发展，网络教育不再局限于文字、图片，更可以扩展到音频、视频（直播或录像）以及很多多媒体技术。可以说网络教育的硬件条件已经基本具备。1.2.2网络教育需求近年来，网络教育也是一个热点，很多机构都设立了网络教育。2008年网上教育的使用率为16.5%，基本与2007年持平。但参加网络教育的人却以一个很大的速度发展，一年内新增使用网络教育的人数增长达到40%之多（表1）。表12007-2008年网上教育用户对比2007年底2008年底变化使用率网民规模（万人）使用率网民规模（万人）增长量（万人）增长率网上教育16.6%3,50016.5%4,9001,40040.0%家校通工程促进了中国的中小学学校互通与上网平台的建设，且近年来中小学生的课堂教育已不能满足家长们对孩子的期望，各种网上的补习班和课程都开始成为学生的学习内容。而随着就业压力的增大，已工作的普通在职人员更加注重专业能力的培养，英语、会计等网上教育课程，由于更容易分配时间，成本相对低廉，得到了在职人员的推崇。未来几年网上教育将会有较好的发展空间。网络的高速发展，为网络教育提供了众多的方便，因此愿意接受网络教育的人数正以一个迅猛的势头增加，促进了网络教育的进一步发展。网络教育的不断发展，完善功能，也能吸引更多的人加入网络学习的人群当中，是一个互相促进的情况。从我国国民网上阅读比例（图3）来看我国识字者读书的总数呈现小幅度递增的情况，但很多人选择通过网络读书。这表明一些人特别是年轻人的阅读方式发生了改变，变阅读纸介质书籍为网上阅读。图3我国国民网上阅读比例1.2.3网络教育的现状教育作为人类社会生存、延续和发展的手段，作为物质再生产和人类自身再生产的手段，存在于历史的任何时期。19世纪中叶，远程教育首先在英国以函授教育的形式出现，20世纪70年代英国开放大学的创建被世界公认为现代远程教育史上的里程碑。联合国教科文组织总干事阿马杜·马赫塔尔·姆博说：开放大学思想的成功已经命名世界上许多国家坚信，建立在应用新技术基础上的远程教育系统，在终身教育的广大领域中能够对高等教育数量的增加和质量的提高做出有效的贡献。信息技术的兴起与发展，使人类进入了信息社会。信息技术对人类最重要的影响，是通过信息网络化来体现的。信息网络化正迅猛地向前发展，其发展趋势将引发人类教育的深刻革命。使人类构筑以主动性学习、个性化教育为特征的终生教育体系成为可能，实现任何人、任何时间、任何地点、任何知识点开始、选择任何课程。纵观世界远程教育的发展史，美国一直领先于世界各国，大幅度地采用各种现代化教育手段，各类学校大量购置电化教育设备。为推进网络教育的普及与发展，美国投入了大量资金，1997年美国总统克林顿在向国会提交的国情咨文中提出，将要投入510亿美元的巨额预算用于实施一项称之为"美国教育行动"的宏伟计划，以实现每一个12岁的儿童都能上网，每一位18岁的青年都能受到高等教育，每一位成年美国人都能进行终身学习的目标；美国政府1997年决定，在5年内拨款20亿美元，作为公立学校建立网络教育系统的额外资助，学校所需的硬件设施则由国家全部包下来；1998年底，美国联邦通信委员会决定，每年陆续拨款帮助最贫困的学校早日进入信息高速公路。有关资料表明，美国已有420多所大学建立了网上虚拟学校，开设了200多个专业，通过网络进行学习的人数正以每年300%以上的速度增加。1999年已有95%的中小学上网，在学校平均每9名中小学生拥有一台上网的计算机。联合国教科文组织1998年在其一项调查报告中指出：无论是发达国家还是发展中国家，都不同程度存在教育滞后于现实需要的问题，第三世界国家尤其严重，而普及远程教育、尤其是网络教育，不仅是解决这一问题的有效途径，而且将成为革新传统教育模式的重要动力。中国社会科学院的一项调查报告称，由于信息网络技术的快速发展以及在各行业的渗透和应用，网上教育将成为我国一种速度更快、传播空间更大的新型教育形式，与课堂教育、广播教育、电视教育一同构成多元的教育手段体系。促成美国网络教学大发展的因素主要有三个：一是存在着大量的网络教学的需求，许多人工作不定时，经常外出，甚至连上夜校都不可能，网络教学突破了时间、地点的限制，满足了这些人的需求；二是已经有了满足这种需求的技术，特别是因特网和多媒体两大技术的结合使其满足这种需求有了可能；三是许多投资人把网络教学视为一种新的商业机会，政治家和大学管理人员则希望借此可以少花钱多办事。为推动网络教学的发展，美国国会1998年通过了高等教育修正案，希望网络教学通过采用创新技术消除时间和地点障碍，能够帮助更多美国公民上大学。网上大学Unext的创建人罗森菲尔德说，我们欣赏哈佛这样的名校，但问题是只有1%的人有机会、有时间、有钱上顶尖大学，我们瞄准的是剩下的99%。由此可见网络教育的发展势头很好，对于普及教育也有很大的帮助。针对我国人口众多的现状，发展网络教育可以让更多的人学习。从上面的数据可以看出来，建立学习网站是有可行的。2方案选择与总统设计2.1方案选择2.1.1使用FrontPage建立网站FRONTPAGE网页制作入门级软件，占领的是中级市场，其位置犹如字处理软件中的WORD，比较重视网页的开拓效率、易学易用的引导过程。它是针对具有较强技术知识（比如能编程）的用户。它包含了一些最好的浏览特性。你可以非常简便地做出邮件反馈表，讨论组，甚至是加入检索功能，只要服务器支持FrontPage服务器端扩展就行。对那些感到缺乏创造性的用户而言，利用FrontPage则可以使你的网站看起来风格一致而又专业。但如果在某一阶段，你决定加入一些FrontPage不支持的东西，然后想编辑HTML源代码的时候，你就有麻烦了。即便是最聪明的HTML编写人员，在阅读对FrontPage产生的一大堆令人费解的代码时，也会感到非常吃力。而且FrontPage对微软公司以外的浏览器不太友好。它做出来的东西大多只适合用IE来看。所以，如果想让你的网页给很多不同的类型网友来看的话，就得特别小心才成。这个是FRONTPAGE建立网站的一个致命缺点。2.1.2使用Dreamweaver建立网站Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是比较高级的网页设计软件，主攻的是网页高级设计市场，其地位犹如出版领域的PageMaker，所强调的是更强大的网页控制、设计能力及创意的完全发挥。Dreamweaver是针对具有较高创意能力的用户，因为他们能设计更有视觉化效果的页面。Dreamweaver在功能的完善，使用的便捷上比FrontPage要强些。它囊括了FrontPage的所有基本操作，并开发了许多独具特色的设计新概念，诸如行为（Behaviors）、时间线（Timeline）、资源库（Library）等，还支持层叠式样表（CSS）和动态网页效果（DHTML）。而动态HTML是Dreamweaver最令人欣赏的功能，是它的最大的特色。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用捡色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想象。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。但Dreamweaver难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；而且页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性。2.1.3方案的选择经过以上分析，可以得到以下几点结论：（1）Dreamweaver比FRONTPAGE产生的垃圾代码少，网页可读性好，可以提高网页浏览速度；（2）Dreamweaver通过图层功能，可以快速制作出复杂的页面，图片定位更容易；（3）Dreamweaver可基本解决IE与NETSCAPE的兼容性，可以让你制作的网站在不同的浏览器上浏览，方便更多不同习惯的使用者使用；（4）Dreamweaver设计思路广，内涵丰富，创作随意性强，可充分展示你的创意。让你制作网站更加得心应手。正是由于Dreamweaver具有以上众多的优点，所以测试技术学习网站使用Dreamweaver制作。2.2概要设计2.2.1设计思想建立一个测试技术学习网站。通过在网站学习环境中，向学习者提供大量的学科学习资源和协作学习交流工具，让学习者自己收集、分析并选择信息资料，应用知识，去解决实际问题。它强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。提高同学的学习效率以及学习深度，让各学员在最短时间内实现学习测试技术的目标。2.2.2开发工具的选用及介绍本次学习网站的建设采用DreamweaverCS4为开发软件。DreamweaverCS4是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。DreamweaverCS4的界面几乎是做了一次脱胎换骨的改进，从中看到了更多的设计元素，让DreamweaverCS4也稍稍带着点苹果的味道。如果说VISTA和OFFICE2007创造了软件界面设计的新纪元，那么Adobe相当于取代了苹果的设计地位而紧随Microsoft之后。布局按钮：这个按钮似乎和下方的代码、分割、设计按钮功能重复，目前还不明白Dreamweaver的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。精简设计：这是我最喜欢的一个布局，它提供了更多的可视区域，同时可以把右边的菜单收缩到只剩下图标。对于习惯了ADODB其他设计软件的朋友来说，这的确是非常贴心的设计。应用程序开发增强：左上方是和数据相关的面板，包括数据库面板、数据绑定面板和行为面板；左下方则是文件与资源相关的面板，包括文件面板、相关资源面板、代码收集器等；右边则是设计相关面板，包括插入面板、CSS样式表面板、AP元素面板（用来为浮动层定位）。应该说这是一个万金油布局，几乎适用所有的开发者，同时，它也把大部分菜单展示在用户面前，其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。在下方的文档面板上，Dreamweaver新增加了一个实时预览功能——LiveView。它的作用是在Dreamweaver窗口中实时查看代码的效果，包括JavaScript特效。2.2.3网站的特点（1）资源建设以测试技术的教学大纲为导向，以“整合”为特征，充分体现一个系统的测试技术学习过程。即学科学习网站的主题很明确，在资源建设时注重资源与测试技术的“关联度”。在对资源建设的过程中，注重与测试技术相关知识的“整合”。充实课堂教学资源，提供课外学习资源，建设开放的、引导性的、有效的学习资源。由于传统教材修订及更新的相对缓慢，造成以文字教材为主的课程教学内容的滞后性。通常在发现错误或者知识更新以后一段很长时间后，才得到改进，对于像测试技术这类更新比较快，内容广泛的学科学习有一定的局限性。学科学习网站借助互联网的优势，能即时发布更多新的教学内容和学习资源，在突破传统课程教材封闭性的同时，更为实施研究性学习等探究活动提供了便利。（2）教学方式以研究性协作学习为主要方式。学科学习网站建设的定位决定着教学方式，学科学习网站为研究性学习提供了一个基于网络资源的学科研究、跨越时空交流、协作学习的研讨平台。古语有云：三人行必有我师。在学习过程中，互动交流对学习是十分有利的，通过大家对问题提出不同的见解，不同的解决方法，经过反复讨论，试验以后建立的理论是最符合实际的，而且也会是学习者留下更深刻的印象，对于学习有着十分重要的作用。（3）以培养学生的创新精神、实践能力，提高学生的信息素养为目标。学科学习网站连接的是巨大的知识与信息资源库，提供了一个平等、自由的开放的环境，容易激发学习者积极参与的心理需求。学科网站的智能化交互性特点，使学习者可以控制信息，改变信息组织过程，从而激发想象力和创造力。通过学习者参与网站资源的建设，通过研究与协作求解生活中的问题，从而让学生在体验中培养创新意识、创新能力，提高信息素养。当在当前网站中遇到不能解决的问题时，可以不必跑到图书馆或者其他途径去寻求答案，可以直接通过搜索相关网站，找到需要的答案，实现测试技术学习网站的横向联系。（4）师生广泛参与，资源建设与教学实验相结合。学习网站具有独特的开放性，其开放性体现在师生的共同参与以及多种教育教学资源与手段的融合上。学习网站为师生提供了交流的平台，例如论坛、聊天室等等。在网站内，我们不仅可以收集大量的教育资源，也可以在网站的平台上锻炼学生的解决问题的能力，例如在建立一些学科虚拟实验室等等。2.2.4测试技术学习网站建立的理念学习不是通过教师单一的传授得到的，而是学习者在一定的情境（即社会文化背景）下，借助他人（包括教师和学习伙伴）的帮助，利用必要的学习资料，通过自我认识的方式而获得的。既是对新知识意义的建构，同时又包含对原有经验的改造和重组。而学科学习网站设计的初衷就是强调学生在虚拟的网上学习环境中，借助网站提供的教学资源，通过自身的探究活动和与其他学习者或帮助者的协作努力，完成对新知识的学习，实现教师的教学任务。由此可见，这是与建构主义的学习理论相符的。通过一个简单的学习网站，探究测试技术的内容，实现更深入，全面的学习测试技术的知识。互动学习过程中的积极交流过程中通过信息技术记录记录下来的、可共享的信息是鲜活的思维发展实例，这些实例往往具体体现在互动学习类教育主题网站的讨论区(BBS)、学习者反思型学习网志（Blog）等应用工具之中，也是其他学习者很好的知识资源。2.2.5网站的建立一个完整的网站建设，包括很多内容。具体可以分为网站内容整理，网页设计、制作、修改，学习网站推广及后期维护（图4）。设计思路设计思路网站建立收集资料检查错误发布修改有错误没错误图4测试技术学校网站设计流程网站制作完成以后，并不表明事情做完了，一个好的产品都是需要反复的试验调整，修改而成的，在网站建设中也需要不断的试验网站的各项功能，不断改进网站。结合使用者反馈的信息，对网站做出修改，让网站更加符合大众的需要，让更多人能够接受，从中能够更好的学习测试技术。网站的修改过程是一个反复的过程，需要收集不同的资料，不断的完善（图5）。网站更新网站更新资料更新制作者试验用户反馈……修改图5网站的修改过程完成网站建设的工作后，就等着访问者来浏览的做法是不妥的。作为一个测试技术学习网站，只有不断地更新、管理和维护，才能留住已有的浏览者并且吸引新的浏览者。这是由于网站建设者的知识水平有限，而且作为一门科学，会不断的发展，为了让学习者能够学习测试技术的课程内容，应当不断的更新网站的知识库，加入更加新，更加全面的内容，力求满足每个学习者的需要。2.2.6设计思路测试技术学习网站由以下四个基本部分组成，如图6所示。测试技术学习网站测试技术学习网站基本理论测试专区虚拟实验反馈意见图6测试技术学习网站的结构基本理论：指的是通过收集整理、建设与测试技术相关的文本、图片、动画、音频、视频等教学媒体，按一定的教学策略进行分类、组织，以网页形式制作的具有较强交互性的网络教学课件。实验板块，采用各种软件，设计出部分测试技术课程的实验，让学生除了可以在网站学习以外还可以动手做一些虚拟实验，加深对测试技术理论知识的印象，做到理论与实践相结合。测试板块，收集与测试技术相关的思考性问题、形成性练习和总结性考查的评测资料，并将其设计成基础性强、覆盖面广、难度适宜的题库，让学习者能进行网上自我学习评价。让学生能够更加清楚自己的学习情况。反馈意见栏，由于设计者水平有限，在网站建立过程难免会出现纰漏，这些都需要大家在使用过程中及时反馈，让设计者可以及时更新、改正学习网站的内容，更好的为大家服务。

3理论学习部分网页的设计理论是每门课程的基础，是经过了很多实践，推论所得到的知识，每一门课程的理论知识都是作为这门课程的基础，是开展一切研究的依据，没有理论的支持，所有的实验都只能说是一种猜想。所以每门课程的学习都应该以理论的学习为主要。3.1理论知识大纲分析测试技术是一门综合性技术。现代测试系统常常是集机电于一体，软硬件相结合的，具有智能化、自动化的系统。它涉及到传感技术、微电子技术、控制技术、计算机技术、信号处理技术、精密机械设计技术等众多技术。因此，要求测试工作者具有深厚的多学科知识，如力学、电学、信号处理、自动控制、机械振动、计算机、数学等。测试技术也是实验科学的分支，学习中必须理论学习与实验密切结合，以便得到基本实验技能的训练。通过本课程的学习，要求学生能做到：（1）掌握测试技术的基本理论，包括信号的时域和频域的描述方法、频谱分析和相关分析的原理和方法、信号调理和信号处理基本概念和方法；（2）熟练掌握各类典型传感器、记录仪器的基本原理和适用范围；（3）具有测试系统的机、电、计算机方面的总体设计能力；（4）具有实验数据处理和误差分析能力。测试技术学习主要内容有：测试的基本知识、信号处理、测试装置的基本特性、传感器和振动的测试。其结构图如下：测试技术理论知识测试技术理论知识测试的基本知识测试装置的基本特性信号处理传感器振动的测试图7测试技术理论知识结构图3.2学习内容设计3.2.1测试技术基本概念制作方法本章的主要学习内容是测试技术的基本概念，主要要求掌握测试的概念、了解测试系统的构成以及测试系统的发展方向。本章资料收集的主要渠道是阅读测试技术相关课本，提取相关信息，对基本不同的教材对一个概念的描述进行对比，找出共同点，尽可能对测试技术的概念下一个准确的定义，而且用通俗的话说出来，不像课本那样墨守成规，一切为了便于同学学习测试技术为最终目标。在每章的第一部分会列出本章的学习目的，学习内容，以及难点（图8）。便于同学了解本章的学习目的与学习内容，知道哪些是本章的学习难点，做好心理与预习准备，争取更容易的突破难点，学好这一章的内容。图8第一章首页列出大纲学习一门课程，首先要了解这门课程的基本概念，只有对课程的基本知识有充分的理解才能系统的学习课程的内容。本章主要讲解了测试技术的基本知识。在测试技术学习网站中我们采用图文结合（图9）的方式，帮助同学们理解各类概念，为学习以后的知识打好理论基础。图9图文结合，方便同学对测试系统的理解第一章主要是对概念的介绍，只要认真记住即可。以便在以后学习需要的时候能够清楚各种概念，不至于把概念混淆。3.2.2信号处理部分学校网页的设计第二章的主要内容是介绍信号处理。本章内容很多：包括介绍了时域幅值参数的统计分析方法；主要叙述信号相关分析、功率谱分析的原理及应用；介绍相干分析、倒谱分析的概念和应用；说明数字信号处理的基本步骤，采样和加窗的原理和方法，快速傅里叶变换的原理。是测试技术课程的一个很大的部分，但同时这章对于本专业的学生来说是一个难点（大部分同学很难理解信号的时域描述和频域描述的物理意义及时域、频域描述的互相转换），由于我们是机械专业，集中学习的是各类机构的运转，对于信号这一块的了解甚少，所以造成大部分学生难以理解，甚至一窍不通。仅仅通过在课堂上老师的讲解，想完全理解是不可能的。一来课堂的时间有限（每堂课仅有45分钟），二来老师只能在讲台上讲解一次，能不能听懂是各安天命，很难有重温的机会。这对于学习信号处理这一块是很难的。为了让同学们可以更好的学习测试技术的第二章——信号处理及分析，我们收集了很多相关资料，重中提取了很多图片、例子（特别是典型的信号），通过个别例子，引导学生发挥想象力，对整个信号及信号处理过程处理有一个系统的认知。受制于各种条件，为了让同学更好的学习信号处理这一块，测试技术学校网站必须加入更多的例子（图10），帮助同学学习里面的内容，同时对于其中的难点也要点出，让同学谨记。本章设计的难点是公式很多，开始的时候不知道怎么插入公式，后来进过实践发现，可以先用公式编辑器编辑公式，然后存为图片形式，再通过插入图片的方式放到网页上。图10通过例子帮助同学学习测试技术同学们可以通过反复的推敲，慢慢理解，不受时间地点的限制。而且遇到不懂的时候，可以通过电子邮件，论坛等方式跟老师或者同学请教，三人行必有我师，通过在传统课堂上不能实现的讨论方式，每个同学提出自己的见解大家一起讨论问题的解决方式，有分歧是各自说出自己的理由，在说服对方的同时，也能学习别人的思考方式，从另一个角度理解，对学习也是很有帮助的。这章的网络教程出了提供文字的介绍以外，同时也截取了很多的图片帮助同学学习，这些都是难能可贵的，在课堂上面，老师只能徒手画一部分草图帮助同学理解，不够形象，局限性很大，造成后果是同学不能完全理解，对后续的学习影响很大。图11利用图片帮助同学理解信号图12通过图表的对比方式便于同学学习3.2.3传感器学习的网页设计本章内容比较多，包括了解传感器的分类、传感器的选用原则和各类传感器的原理及其应。其中比较难理解的是了解各类传感器的工作原理。由于传感器的种类很多，而且每一类的传感器也是多种多样的，能够实现各种功能。有些传感器很简单,最简单的传感器由一个敏感元件(兼转换元件)组成,它感受被测量时直接输出电量,如热电偶。有些传感器很复杂;大多数传感器是开环系统,也有些是带反馈的闭环系统。有些传感器由敏感元件和转换元件组成,没有转换电路,如压电式加速度传感器,其中质量块是敏感元件,压电片(块)是转换元件。有些传感器转换元件不只一个,要经过若干次转换。由于这一章介绍的传感器有诸如此类的特点，本章的网络教程只要由图文结合的方式介绍，每种常见的传感器画出工作原理图，描述其工作原理和使用的注意事项，然后给出这种传感器在实际应用中的实物图，应用范围。图13传感器学习由于传感器的内容很多，这里还介绍了几个相关的连接（图14），方便同学去查找信息，多了解传感器的发展历程，发展现状以及以后的发展趋势。也可以方便同学查阅更新的资料，对传感器有一个更加全面的了解。我们专业是机械自动化，传感器是一切自动化的前提，相当于所有测试系统的眼睛，在实际应用中尤其重要，所以务必认真学习。而且在本专业，是为了实现机械的自动控制，要求使用各类传感器作为测量工具，是本门课程的重点。必须要认真的学习，反复的推敲。鉴于本章的内容要求了解就可以，所以为了方便同学学习，大量插入图片，图片来源都是网络上的，进过分类放到网页中。图14列举其他相关链接，弥补本身不足

4实验部分的网页设计4.1实验的意义4.1.1实验对科学发展的意义实验是为了解决文化、政治、经济及其社会、自然问题，而在其对应的科学研究中用来检验某种新的假说、假设、原理、理论或者验证某种已经存在的假说、假设、原理、理论而进行的明确、具体、可操作、有数据、有算法、有责任的技术操作行为。通常实验要预设“实验目的”、“实验环境”，进行“实验操作”，最终以“实验报告”的新闻形式发表“实验结果”。科学的形成与发展是以实验为基础的。科学的研究方法通常是在观察和实验的基础上，对物理现象进行分析、抽象概括和总结，从而建立科学理论再回到实验中去经受检验。实验是科学的基础，也是知识的源泉，加强实验是教学的时代特征，又是提高教学质量的先决条件。而新的课程标准对学生亲自动手实验的要求增多了，那么作为配合网络教学内容配套虚拟实验帮助学生学习在网络课程下还有存在的必要吗？答案是肯定的，虚拟实验作为网络课程有机的组成部分，能引导学生观察，并进行思考，配合讲授使学生在获得感性认识的基础上更好的理解和掌握物理概念和规律，同时达到培养学生的综合能力，分析观察能力，逻辑思维能力，达到"事半功倍"的效果。而且还可以有效利用身边现有的课程资源。4.1.2测试技术实验的作用测试技术课程的作用是学习测试的方法，最终回到实际中，所以在学习测试技术课程中，不配合实验，是不可能真正学习到本课程的，或者说只能学习到最浅显的理论，不能与实际相结合的学科都是理想化的东西，不能算是科学。所以在测试技术学校的过程中，必须同时做实验，验证理论的准确性的同时，也加深测试技术学习的理解。这对于学习室非常必要的。4.2实验内容网页的设计测试技术主要的实验有信号分析处理，传感器和振动测试（悬臂梁）。4.2.1信号处理部分的网页设计信号处理是把传感器测到的信号进过各种处理。熟悉典型信号合成、分解的原理；了解常见周期信号的频谱组成；了解典型信号的频谱分布。做这个实验，有助于同学理解信号处理的方法。信号是测试的基础，只有把得到的信号处理，才能分析测试的结果。4.2.2传感器实验的网页设计传感器实验主要以电涡流是传感器的静态位移性能实验为主（图15）本实验的实验目的是了解涡流传感器的工作原理和工作情况，分析传感器在时间应用中的作用以及电涡流传感器的工作情况。图15电涡流实验4.2.3振动试验（悬臂梁）的网页设计实验的目的是了解振动测量的过程和测试设备的使用方法，掌握用强迫振动法测量悬臂梁前三阶振型的方法。使用的振动模型是最经典的悬臂梁（图16）。图16悬臂梁振型的测量

5实验与理论结合泽东同志曾经说过：认识从实践始，经过实践得到了理论的认识，还须再回到实践去。认识的能动作用，不但表现于从感性的认识到理性的认识之能动的飞跃，更重要的还须表现于从理论的认识到革命的实践这一飞跃。抓着了世界的规律性的认识，必须把它再回到改造世界的实践中去。我认为，这一理论在数学教学中更是体现的淋漓尽致。但是，在现实教学中，有些人则偏重于理论的传授或偏重于实践的重要。结果不尽人意。因而，我认为，测试技术教学也要理论实践相结合。首先，书本知识是别人通过反复实践得来的理论，我们要把它传授给学生，不能只是机械地讲解，要学生被动地理解、认识、记住。这样的知识，不仅学生学的死板，更重要的是效果极差。因为学生对此没有感性的体验，仅凭老师和课本的介绍，凭空想象，效果自然要差。最好的办法是要学生自己体验，从中悟出道理，然后在与课本相结合。这样不仅领会快、印象深，而且学的也活。在教学中我尝试过这样的方法，启发学生选择多种方法，多种思路。其次，我们不仅要用书本知识指到学生实践，还要从实践中总结出一些理论来，让学生玩味。然后再指导学生实践。在测试技术学习中，加强实验与理论相结合，在试样中验证理论的正确性，在实验中加深对理论知识的理解，同时理论是实验的基础，通过学习理论，与以前做过的式样相结合，积极思考，发挥想象力想出新的实验模型或者改进现有实验。这才是学习重点，书本是死的，只有积极思考，才能从死的书本中学到活的知识，磷火使用知识，做到创新。

6总结2009年3月，我开始了我的毕业论文工作，时至今日，论文基本完成。从最初的茫然，几乎不知道自己要走什么，到慢慢的进入状态，再到对思路逐渐的清晰，整个写作过程难以用语言来表达。历经了几个月的奋战，紧张而又充实的毕业设计终于落下了帷幕。回想这段日子的经历和感受，我感慨万千，在这次毕业设计的过程中，我拥有了无数难忘的回忆和收获。3月初，在与导师的交流讨论中我的题目定了下来，是：8基于网页的测试技术学习、实验系统设计。开始的时候觉得题