《《通信原理》网络课件的制作-计算机专业.docx》由会员分享，可在线阅读，更多相关《《通信原理》网络课件的制作-计算机专业.docx（43页珍藏版）》请在课桌文档上搜索。
1、大学设计计算机专业通信原理网络课件的制作TheWeb-BasedCoursewareforCommunicationPrinciples中文提要网络环境下的在线学习系统，具有平等交互式的学习环境、丰富的信息容量和丰富的表现形式等特点。在线学习方式已经在开放教育领域大显身手。网络课件是运行在服务器端，客户端通过浏览器浏览或下载运行的课件。近年来网络课件迅速发展，成为课堂教学的重要辅助手段。制作通信原理课程网络课件，能弥补通信原理课程传统课堂教学方式的不足。文章主要从两个方面介绍通信原理网络课件的制作，包括课件的设计和课件的制作。课件设计部分提出了我对制作通信原理网络课件的基本构想以及关于网页制作
2、的建议。课件制作部分讲述了我在课件制作过程中遇到的一些问题以及解决方案。关键词：通信原理网络课件在线学习AbstractTheon-linestudyingsystemofnetworkcantakeequalstudyingsituation,plentifulinformationandformstoeachother.Nowadays,theon-linestudyingsystemhasachievedgreatsuccess.Web-BasedCoursewareiscoursewarethatrunsonwebserverandbrowsedonclientusingnormati
3、vebrowser.Web-BasedCoursewareisdevelopingrapidlyandbecomeanimportantassistancetocourseteaching.Web-BasedCoursewareforCommunicationPrinciplesisconstructedtoassistthecourseteaching.Basically,thearticlemainlydepictsmakingthenetworkcoursewareof“CommunicationPrinciplesfromtwoaspects,andincludesdesignthec
4、oursewareandmakingcourseware.Thedesignpartputforwardthemainlyideaofdesignthecoursewareandsomeproposalfordesignthewebsonmyown.Themakingpartdepictstheproblemsthatcomeintobeingwhenmakingcourseware,andgivessomeadvicesaboutmakingcoursewareintensively.KeywordszCommunicationPrinciplesnetworkcoursewareon-li
5、nestudying第一章网络课件的重要性11.I网络课件的开发背景11.1.1网络课件的定义11.L2网络课件的特点工1.2网络课件在教学中的应用2第二章通信原理课件的设计32.1 整体结构设计32.2 界面设计423导航设计42.4 交互设计52.4.1 论坛讨论功能52.4.2 在线测J试功能6第三章通信原理课件的制作工具介绍73.1 有关PHOToSHoPCS3在制作中的使用73.2 有关DREAMWEAVER8在制作中的使用73.3 有关FLASH8在制作中的使用83.4 有关VISUALSTUDlo2005在制作中的使用8第四章通信原理课件的制作94.1 网页主模版的制作94.1.
6、1 网页主模版的结构94.1.2 网页主模版的背景104.1.3 CSS样式表104.1.4 JavaSCriPt脚本语言114.1.5 HTML中的Iframe标记124.2 内容网页的制作134.2.1 普通内容网页144.2.2 2在线搜索内容网页154.2.3 FIaSh相关内容网页174.3相关FLASH的制作174.3.1在线测试FIaSh的制作184.3.2网络课件Fla件的制作224.4互动平台的制作244.4.1注册244.4.2登陆274. 4.3学生信息管理275. 4.4简易学生论坛29第五章总结与展望3151总结316. 2展望31体会及谢词32参考文献33第一章网络
7、课件的重要性1.1 网络课件的开发背景随着计算机网络技术、信息技术和现代教育技术的飞速发展，计算机广泛应用于各行各业中，它的高效性、重要性已经逐渐被人们认可。现代远程教学中的网络多媒体课件，便是这三大技术运用的结晶。1.1.1 网络课件的定义网络课件是基于BrOWSer/Server（浏览器/服务器）模式开发、能在Intemet（互联网）或Imranet（局域网）上发布的CAI课件。其本质是一种Web应用程序。目前非专业人员开发的网络课件一般是网页型的。由于网页具有多媒体超文本实现能力，并且有良好的交互和动态特性，所以借助Internet或Intranet来实现计算机辅助教学和远程教育已经开始
8、得到大力的发展和推广。网络课件运行在服务器上，客户只需用浏览器访问就行了，在客户端真正做到了”免安装、免维护“。网络课件还实现了超媒体结构。超媒体是基于超文本支持的多媒体，多媒体的表现可使超文本的交互界面更为丰富，由多媒体和超文本结合发展而成的超媒体系统目前已成为一种理想的知识组织结构和管理方式。课件设计采用超媒体结构，既方便了教师操作，又可以使教师根据实际教学情况自由选择和重新组织教学内容。1.L2网络课件的特点网络课件的高度模块化，使教师用它可以灵活地组织教学，学生用它可以灵活地选择学习，与“教无定法，学无定法”的规律相适应，是推进素质教育的现代化的教学辅助工具。综上所述，网络课件的主要特
9、点是：(1)体积小，传输速度快，功能强大；(2)在客户端无需安装和维护；(3)信息量大，资源共享；(4)实时交互性强，信息反馈快；(5)高度模块化，灵活性强；(6)既可助教又可助学；(7)有网络监控和广播功能。1.2网络课件在教学中的应用在教学过程中，网络课件是根据一定教学目标表现特定教学内容、反映一定教学策略的多媒体应用软件，它是利用计算机多媒体技术把文字、图形、声音、动画等多种表现媒体综合起来而形成。随着互联网的发展和迅速普及，现代多媒体技术正经历着一场网络化的革命。计算机多媒体网络教学是将计算机多媒体技术和计算机网络技术充分结合，将传统的课堂理论知识讲授建立于形象、生动、直观的教学之中，
10、使教师和学生能够最大限度地增强课堂参与意识，从多方面刺激学生的感官，进一步提高教学质量。在这一过程中，多媒体教学课件起了重要的作用。它汇集了文字、图形、动画、视频、声音、特殊效果等，包含了无限想象的空间，不仅改变了我们学习和理解问题的方式，而且还改变了我们传播信息的方式。将之用于网络教学，即以其非凡的表现力，跨越时空的能力，为教育注入了无穷的活力。但是，多媒体网络教学从某种意义上讲仍是一种新兴的教学方式，所以如何充分利用其优越的特点，扬长避短，真正做到资源的充分利用与教学质量的提高，成为教育界关注的热点。在我校，网络课件的应用已经相当广泛，这不仅提高了学生自主学习的能力，还增加了在课下与老师的
11、交流，活跃了教学，更有利于所学知识的扩展教学。第二章通信原理课件的设计网络课件最终是通过网页的形式表现出来的，我在制作通信原理课件之前首先明确了教学目的，进行教学对象分析，逐步实现学生在多媒体网络环境中的自主学习。经过对教学内容的分类，网页主题的规划，开始进行网络课件的整体结构设计、界面设计、导航设计以及交互设计。2.1整体结构设计网络课件的整体结构设计应服从教学设计的需要，首先进行任务分析，逐级找到需要掌握的知识点，然后根据学生现有的知识结构确定合适的起点和知识传递过程，确定信息的组织与表现形式。根据教学内容的相互联系，按照建构主义教学设计自上而下的设计思路，形成非线性知识结构，让学生尝试解
12、决问题，并在此过程中发现完成整体任务所需的子任务，以及完成各级任务所需的各种知识和技能，引导学生进行有目的地探索,实现有意义的知识建构。根据教学内容和学生使用的特点，整体设计如下：I主页面课程北可学习速件实学习血库一在函则试户动聿台.S2.1-1通信原理网络课件整体设计结构图如图2.-1所示，本课件分为两个界面，七部分内容：登陆界面：课件封面。主界面：(1)课程介绍：对于所学课程的基本介绍。学习课件：所学课程的内容。(3)演示课件：对于所学内容的演示。(4)实验教学：课程相关实验的教程。(5)习题库：习题答案与模拟题。在线测试：所学内容的相关测试。(7)互动平台：用于师生交流。2.2界面设计网
13、络课件的界面是实现人机交互的重要手段，界面的好坏会直接对学生产生影响。经研究，风格独特、美观大方的界面会对学生产生激励作用，否则，就会使学生在学习过程中感到枯燥乏味。因此在通信原理课件的界面设计时注意了以下几点：(1)针对性网络课件的界面设计应根据通信原理课件的自身特点以及内容特征采用了相应的表现形式。界面统一，不繁琐，整洁大方；主体色彩采用蓝色调，给人安静的感觉；布局等方面应充分考虑学生的使用特点，合理安排。(2)协调美观，和谐统一从心理学角度考虑，人们总是带着某种情感经历来接受外部刺激的，情感对外部刺激起着催化和过滤作用。富有艺术性和感染力的界面，会给学生营造一种视觉美感，使学生在轻松愉悦
14、的氛围中理解内容。所以在表现整体设计的时候，非常注意界面的整体性、一致性，比如：图形、表格、按纽的位置和页面字体、颜色、大小等都做到整体布局的和谐统一。(3)简洁明快，富有动感简洁明快是指界面主题清晰明确，内容概括集中，学生在查找特定内容或元素时方便快捷，学习效率高，提高了学习积极性；另外，心理学揭示，运动及变化比任何静止的事物都能更吸引人的注意力，所以在网络课件的设计过程中，适度地采用动态变化形式，利用Javascript脚本技术加入了一些动态元素，使页面富有动感，让学生更容易产生兴奋和愉悦，集中注意力。2.3导航设计网络教学强调以学生为中心，网络课件发布后主要用于学生自学。试想，网络课件内
15、容丰富，结构复杂，导航不规范，查找感兴趣的学习内容效率会大大降低。因此网络课件导航显得尤为重要。导航框架是将学习内容按照主次、先后、层次关系，进行索引，使相互联系的内容，有效地分离在不同的页面中，使浏览者能清醒地了解当前所处位置，按照知识点的相互关系，采用横向导航与纵向导航构成了网状导航。横向导航：课程介绍I学习课件I演示课件I实验教学习题库I在线测试1互动平台图2.3-1通信原理网络课件横向导航相应纵向导航：课程介绍：课程简介、教师介绍、理论教学大纲、实验教学大纲、课程考试大纲、课程考试要求、教学日历、参考信息。学习课件：第一章绪论、第二章随机信号分析、第三章信道、第四章模拟调制系统、第五章
16、数字基带传输系统、第七章模拟信号的数字传输。演示课件：AM产生与调制、频分复用原理。实验教学：TIMS实验台简介、实验一、实验二、实验三、实验四、实验五、实验六。习题库：习题答案、模拟试题。在线测试：第一章、第二章、第三章、第四章、第五章、第七章、第九章。互动平台：在线搜索、在线交流。2.4交互设计网络课件应采用适当的交互方式，以提供学生在学习过程中自主学习，协作学习，从而实现师生交互，生生交互和人机交互的目的，并设立了如下功能：2. 4.1论坛讨论功能学生在学习过程中可以在互动平台中，与同伴交流，发表自己的意见，或提出不懂的问题要求教师或同伴在线实时回答。图2.4.1-1论坛功能流程图如图2
17、.3.1-1所示，论坛讨论功能采用了学生需要注册而教师需要数据库直接导入的设计思路。共有两个模块，即“学生信息管理”模块和“简易学生论坛”模块。“学生信息管理”模块只有教师有权限进入而“简易学生论坛”模块则为教师和学生共同使用。3. 4.2在线测试功能学生使用在线测试功能可以分章节对已学内容进行测试，自测试题都为客观题，由Flash形式表现，可完成选择以及评分的功能。选择答案判题及得分重置图2.4.2-1在线测试功能流程图如图2.4.2-1所示，在线测试功能可以完成“选择答案”“判题及得分”以及“重置”功能，让学生轻松完成课后的自我测试。第三章通信原理课件的制作工具介绍在完成了设计工作之后，我
18、便根据设计开始制作通信原理网络课件。首先对所使用的软件进行大致的了解，然后深入学习。从技术上讲，选择什么样的制作工具都不会影响网络课件的优劣，但是一个功能强大，操作简单，使用方便的工具往往会带来事半功倍的效果。目前，够制作网络课件的工具比较多，我根据自己的情况选择了网页制作工具DreamWeaVer8,图象处理工具Photoshopcs3,动画制作工具Flash8,以及编程工具VisualStudio2005o3.1有关PHOTOSHOPCS3在制作中的使用Photoshop是Adobe公司旗下最为出名的图像处理软件软件之一。Photoshopcs3是Adobe的核心产品。本课件中所有的图像都
19、是由PhotoshopcsS制作完成的。在网络课件中，所有图像一般采用JPG和GIF两种格式，它们都属于压缩图片格式，具有文件小，下载速度快，跨平台等优点。对于一些需要讲究色彩浓淡的图片，我采用了JPG格式，它支持24bit色，支持全彩和灰度格式，压缩比高。一些对色彩要求较低的图片，我采用了GIF格式，因为GIF牺牲了色彩，保存了像素，最多呈现256色，可设置透明背景，能与网页背景很好融合。3. 2有关DREAMWEAVER8在制作中的使用MacromediaDreamweaver8是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使
20、得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能，Dreaweaver8提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver8及所选择的服务器技术来创建功能强大的Intelnet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。DreamweaverS完成了本课件中所有网页的架构，并且通过它连接整个课件的其他功能，起着至关重要的作用。在网络课件中，所有网页都是由HTML代码编写，定义了CSS外部样式表，并且一些网页中使用了JaVaSCriPt脚本技术。CSS样式表使网页的设
21、计更加工整，便于作一些整体修改。Javascript脚本技术完成了一些简单小功能，让网页使用起来更加方便快捷，增加了网页的美观。3. 3有关FLASH8在制作中的使用MacromediaFlash8是世界上使用最广泛的软件平台。FlaSh是交互式矢量图和Web动画的标准。网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。本课件中“登陆界面”，“演示课件”以及“在线测试”模块都是由FIaSh8制作完成的。在网络课件中，FIaSh不仅起到了装饰课件以及丰富内容的作用,还让网页的画面更加生动，从而增加了同学们的学习兴趣，以及更直观地理解所学内容，
22、让学习过程具有趣味性。4. 4有关VlSUALSTUDIO2005在制作中的使用随着ASP.NET2.0技术的发布，与之相应的开发工具VisualStUdiO2005也就产生了，它提供了更好的集成开发环境，可高效传见任何类型的.NET应用程序或者组件。本课件中“互动平台”模块是由VisualStudio2005利用ASP.NET语言制作而成的，采用了数据库导入技术。在网络课件中，“互动平台”的设计为老师和同学交流提供了良好的交流平台，使师生的互动更加方便快捷。第四章通信原理课件的制作课件制作关键环节体现在网页主模版，内容网页，相关Flash,互动平台四部分的制作过程中，下面进行分别介绍。4.1
23、 网页主模版的制作O课程介绍I学习课件I演示课件I实验教学习题库在线测试互动平台图4.IT网页主模版样式图4.1.1 网页主模版的结构主模版利用Dreamweaver8的表格功能分为四行:(1)第一行：BannerBanner是一张900*110像素的图像，在生成网页的时候会导致显示过慢，所以在制作的时候，采用了把它裁剪成两张450*110的图像然后依次插入的方法，这样避免了生成网页时显示过慢的缺点。第二行：横向导航横向导航添加链接的方式不同于纵向导航，采取了利用DreamweaverS中的矩形热点工具直接在图上勾画出要添加链接的位置，然后在此位置上加入需要添加的链接，这种方式避免了Dream
24、weaverS中定义文字的单调，使页面整体更加规整美观。(3)第三行：分为左右两列，即：纵向导航和内容网页左侧纵向导航利用了Javascript脚本技术，实现了隐藏次级表格的作用。右侧内容网页利用了HTML的Iframe语句，实现了嵌入内容网页的效果。（4）第四行：结尾行结尾行用了一张900*25像素的图像。4.L2网页主模版的背景代码：说明：background是设置背景图片。“bg.gif”是背景图片的名字。images/bg.gif”是该图片相对于这个页面的位置。在此情况下，图片会按照水平和垂直的方向不断重复出现，直到铺满整个页面。4.1. 3CSS样式表样式表（或者称为层叠样式表，英文
25、名CascadingStyleSheet,即CSS）是HTML的一部分，但作为对HTML元素（或者标识）展示效果的一种扩展，其功能极为强大,可以说，有了样式表，可以完全放弃HTML元素的属性不用就能实现精美的网页排版于布局。为了可以让多个HTML页面使用，所以采用了定义外部样式表的方式制作样式表，即共用一个外部样式文件时就可实现只更改一个样式文件即可以全面更改所有页面的风格。外部样式表就是在网页中调用已经定义好的样式表来实现样式表的应用，它是一个单独的文件，在需要应用该样式表的HTML文档的HEAD元素中使用link元素链接：说明：href=imagescss.css是指样式表css.css的
26、调用地址。rel=stylesheet是指在页面中使用外部样式表。type-text/CSS是指文件的类型是样式表文件。本课件中Css.css文件中定义的主要样式举例：所用定义链接的：a:linktext-decoration:none;color:black说明：a：Iink定义文字链接式样。当鼠标未停留或未点击定义链接的文字时，链接文字显示黑色,无下划线。a:activetext-decoration:blinkcolor:W0000CC说明：a:active定义活动链接式样。当鼠标点击定义链接的文字时，链接文字显示蓝色，无下划线。a:hovertext-decoration:underl
27、ine;color:#0000CC;说明：a:hover定义变化图象链接式样。当鼠标停留在定义链接的文字时，链接文字显示蓝色，有下划线。a:visitedtext-decoration:none;color:black说明：a:ViSited定义已访问链接式样。当鼠标点击完定义链接的文字时，链接文字显示黑色，无下划线。所用定义主体版面的：bodymargin-top:Opx;说明：margin-top为定义上边距，即设置顶端的绝对边距。在此情况下，顶端绝对边距为0。所用定义文字的：.wzfont-family:宋体”；font-size:13px;font-style:normal;line-
28、height:normal;font-weight:normal;color:#000000;text-decoration:none;说明：“font-family”为定义字体。“font-size”为定义字号。font-style为定义字体风格。“line-height”为文本行高。ufont-weightv为定义加粗字体。color为定义字体颜色。4. atext-decoration,为定义文字修饰。5. 1.4Javascript脚本语言Javascript脚本语言是一种描述语言，此语言可以被嵌入HTML的文件之中。透过JaVaSCriPt可以做到回应使用者的需求事件而不用任何的网路
29、来回传输资料，所以当使用者输入一项资料时，它不用经过传给伺服端(SerVer)处理，再传回来的过程，而直接可以被客户端(Client)的应用程式所处理。在网页中导入JaVaSCriPt脚本语言的代码：说明：IangUage=JavaScript就是指名要使用JavaScript语三OSrC=js.js”就是源文件地址。type=text/JaVaSCriPt”类型是JaVascript的文本文件。在本课件中运用了JaVascript脚本语言中的OnClick事件：鼠标单击事件是最常用的事件之一，当用户单击鼠标时，产生OnCIiCk事件，同时OnCliCk指定的时间处理程序或代码将被调用执行。代
30、码：Onclick=ShowFileDetaiKl,1),即触发了js.js中的程序。以下为js.js中的程序：functionShowFileDetail(divNum,totalNum)for(i=l;i=totalNum;i+)showDiv=eval(bodyDiv+i);/eval可以将字符串生成语句执行if(i=divNum)if(showDiv.style.display=none)showDiv.style.display=,block;elseshowDiv.style.display=nonejelseshowDiv.style.display=,none,Jfunctio
31、nfnShowHide(hiddenbody)if(hiddenbody.style.display=none)hiddenbody.style.display=block”;elseif(hiddenbody.style.display=block)hiddenbody.style.display=none;5.1 .5HTML中的Iframe标记Iframe标记，即浮动框架标记，可以用它将一个HTML文档嵌入另一个HTML中显示。即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外,还可
32、以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。Iframe框架可以完全由设计者定义宽度和高度，并且可以放置在一个网页的任何位置。本课件中Iframe标记的应用：src:页面源文件地址。在此情况下，源文件地址为xxkjpartlPi-Lhtm1”。widthheight：浮动框架的宽与高。在此情况下，宽度为700像素，高度为520像素。scrolling：浮动框架滚动条显示属性。SCrOIling有三种情况，包括不显示，根据需要显示和总显示滚动条。当设置为auto时，为默认值，整个框架在浏览器页面中左对齐。当设置为yes时，表示总是显示滚动条，即使页面内容不足
33、以撑满框架范围，滚动条的位置也是预留的。当设置为no时，表示在任何情况下都不显示滚动条。在此情况下，设置为auto,自动出现滚动条。frameborder：浮动框架边框显示属性。frameborder只能取0和L或者yes和no。0和no表示不显示，1和yes为默认值，表示显示边框。在此情况下，为了使浮动边框看起来与主模版贴合，设置为Oomarginheight：边框与页面内容的垂直边距。在此情况下，边框与页面内容的垂直边距为0。marginwidth：边框与页面内容的水平边距。在此情况下，边框与页面内容的水平边距为0。name：页面名称。name名称是为了便于页面的查找和链接所提供的一个属性
34、。比如一个左右框架结构，左侧为链接，右侧为正文，当单击左侧链接以后要在右侧框架中打开正文，此时就用到了name属性。在此情况下，页面名称设置为right,即链接右侧正文时，目标写为right。在网页主模版中利用了Iframe语句把内容网页嵌套在主模版中。左侧为链接文字，右侧为内容正文。当点击链接文字时，右侧出现内容正文，其代码举例：课程简介说明：kcjs/kcjsLhtml”为课程简介”内容正文的地址。right”为浮动框架的名称。5.2 内容网页的制作经上述介绍，在主模版中利用Iframe语句把内容网页全部嵌套,可利用左侧纵向导航切换内容网页。所以每一个内容网页都是一个独立的由HTML语言编
35、写的网页。下面介绍一下课件中出现的三种内容网页。TIMS实验台简介 HMS卖物台尚介课程介绍学习课件演示课件I实验教学I习题库I在线测试I互动平台4.2.1普通内容网页TIMS：TeleconwjnicationsInstructionalModelingSystem(通讯教学实垃系统) 实验一 实物二 实险三 实蛉四 实治五 实脸六TIKS说明，1 .本系院中每一方块图解代表着一基本电子电路功能，如振荡器.滤波器,加法器、乘法器等.2 .TIJIS模块上的控制钮是没有刻度的,必须依据嫡的测量变量来确认理论的计苴值.3 .每一模块的前面板功能莎戈J相同I面板左边为输入,石边为输出：所有输入和输
36、出都以颜色未表示信号形态，黄色代表模拟信号，红色代表数字信号.基本固定模块详细介绍1 .王赛荡器(MasterSignals)1)100kHs裁波振法器(Carrieroscillator)正交正弦波输if厢数字输出；2)8.3kH曲样时脉(Sanplingclock)：3)2kHz正弦信息信号(Sinenessagesignal).2 .音频放大器和3kHz在通滤波器(HeadphoneAnplfer)1)音频放大器.具耳机传号输出孔.2 )3kHz五阶楣四形低通凝波器.3 .媛冲放大器(BUfferAnplifier)两蛆可变的缓冲放大器(Variablegainbuffer)4 .可变D
37、C(VariableDC)包调律)土2.5VDe输出.5 .小波器选择器(ScopeSelector)加珞注塔S曰.矛生旦手Kt国f-三首都麻,范大学版权所有图4.2.1-1普通内容网页样例图普通内容网页是最简单的网页，都是利用了Dreamweaver的表格功能进行排版定位，基本都是由文字和图片组成，链接了CSS样式表，通过浮动框架Iframe的形式显示在主模版的右侧。4.2.2在线搜索内容网页O星戏号畲在线搜索课程介绍度钱理索在续交流学习课件I演示课件I实毂教学I习题库I在线测试I互动平台提示，使用此功能请保证您能正常访词外围.I GoOgle簟Gougle百度拽索酉都照范大学版秘所有，图4
38、.2.2-1在线搜索页面样式图在线搜索内容网页利用了DreamweaverS的表单功能。在动态网页过程中会常常用到表单。表单的用途很广泛，主要用于会员注册，网上调查和搜索功能等，使网页具有交互功能。本课件中表单的Form标记的应用：formmethod=getaction=,http在网页中formXform定义了表单的开始和结束位置，在标记之间的一切都属于表单的内容。此表单中包括表单基本属性（处理程序action和传送方法method）,表单元素（文字字段text和提交按钮submit）o下面分别介绍：表单基本属性：action：用于表单数据提交到哪个地址进行处理。在此情况下，表单提交到“h
39、ttp:WWWmethod：用于指定在数据提交到服务器的时候使用了哪种HTTP提交方法，可取值为get和post0取值为get时，表单数据被传送到action属性指定的地址，然后这个新地址被送到处理程序上。取值为PoSt时，表单数据被包含在表单主体中，被送到处理程序上。在此情况下，取值为get,表单数据被传送到http:WWbaidun中处理。表单元素：text：用于在文字字段内输入字符或者单行文本。type:用于指定插入哪种表单元素。在此情况下，type=text即为插入文字字段。name：文字字段的名称，用于和页面中其他控件加以区别。在此情况下，文字字段的名称为“word”。value：文
40、字字段的默认取值。在此情况下，文字字段的默认取值为空。size:确定文本框在页面中显示的长度，以字符为单位。在此情况下，文本框的可以显示31个字符。maxlength：用来设置文本框中最多可以输入的字符数。在此情况下，文本框可以输入225个字符。submit：用于实现表单内容的提交。type:用于指定插入哪种表单元素。在此情况下，type=submit”即为插入提交按钮。name：提交按钮的名称。在此情况下，提交按钮得名称为“submit”。value：显示在按钮上的文字。在此情况下，提交按钮上的显示文字为“百度搜索”。遮偏原假O 寇顺澳课程介绍I学习课件演示课件实验教学I习题库I在线测试I互
41、动平台第一章测试题成饯调欢A第一章堵论第三章陵机过程第四章信道A第五章模拟询制系统第六章数字基带传输 系统第七章数字带通传输 系统A第九章模拟信号的数 字传输第十一章差惜控就 码4.2.3Flash相关内容网页1 .出现概率越的消息，其所含的信息量越A.大B.小2 .一个八进制数字传给系统，若码元速率为2400B,则系统的信息速率为.A.2400bitsB.7200bits成绩：0分首趟麻菠大常臊权所有图4.2.3TFlaSh相关内容网页样式图利用Dreamweaver直接在网页中插入Flash,其代码如下:src：FIaSh源文件地址。在此情况下，源文件地址“flash/pl.swf”。wi
42、dthheight：Flash的宽与高。在此情况下，FIaSh宽度为550像素，高度为400像素。quality：Flash的质量。在此情况下，FlaSh的质量为高质量。1 .3相关FLASH的制作Flash是一种动画技术，它可以实现一些较为复杂的动态效果,从而让网页的画面更加生动。本课件制作了两个类型的Flash,下面分别加以介绍。4 .3.1在线测试FIaSh的制作图4.3.1-1在线测试Flash的样式图说明：如图4.3.1-1之一所示，打开Flash之后，界面显示如下。如图4.3.1-1之二所示，在选项上点击，即可选择相应的答案。如图4.3.1-1之三所示，按“判题”键之后，即可判断所
43、选答案的正确与否。如图43.1-L之四所示，可按“重置”键，重新选择。在线测试的Flash为学生提供了巩固知识的机会，在测试过程中，学生能够对所学知识进行查漏补缺，对学生更好的掌握知识起到了关键作用。下面从图层、元件、ActionScript脚本语言三个方面介绍在线测试FIaSh的制作过程。1. 图层图层用于制作复杂的Flash动画，用户可以将图层看作一组叠放在一起的透明纸，利用它可设置每个对象之间的层次关系，并分别设置每个图层的动画特性。Flash中图层主要有两个作用：(1)每一个图层都有独立的时间帧，用户可在一个图层中绘制或编辑对象，而不会影响其他图层中的对象。(2) 利用某些特殊的图层，
44、可以制作出一些特殊效果，如利用引导图层制作引导动画，利用遮罩层制作遮罩动画。下面介绍图层在在线测试FlaSh中的使用：一共设置了十个图层。(1)背景：插入背景。(3) 成绩文本：用文本工具编写。BP：“成绩：分”。(4) 题目：用文本工具编写，例：“第一章测试题”。(5) 问题：用文本工具编写的问题。(6) 答案：用文本工具编写的答案。(7) 按钮：三种元件按钮，即“判题”、“重置”、以及隐藏的选择答案按钮。(8) Mv：三个影片剪辑，即：mvlmv2mv3o(9) 填写答案：一个影片剪辑，即：“答案”。(10) 成绩：通过计算得出最终成绩。(IO)ActionScript:单独对ActionScript脚本语言设计的一层。2元件Flash中的元件共分为三个类型：图形、按钮和影片剪辑。其特点如下：(1) 图形元件：用于制作静态图像，以及附属于主影片时间轴的可重用的动画片段。但是不能将交互式控制和声音用于图形元件。(2) 按钮元件：用
