基于web的多媒体cai课件毕业论文_第1页
基于web的多媒体cai课件毕业论文_第2页
基于web的多媒体cai课件毕业论文_第3页
基于web的多媒体cai课件毕业论文_第4页
基于web的多媒体cai课件毕业论文_第5页
已阅读5页,还剩21页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、I / 26摘 要随着 Internet 的不断普与,网上的各种素材和资料越来越多,也越来越丰富,这给网络远程教育的迅速发展带来了机会。越来越多的网络课件被开发出来,给老师和学生的教与学带来了极大的方便。 基于 web 的多媒体 cai 课件是多媒体 cai 课件与 web 技术的结合。它将成为网络教学多媒体 cai 课件的主要形式。本文结合一个制作材料科学基础的实例,介绍了在基于 web 的多媒体 cai 课件开发过程中对课件页面进行页面设计的原则和方法,并详细介绍了课件中导航、测试等关键功能的实现技术和方法。设计制作材料科学基础教程多媒体网络教学课件。用文字处理工具 Word 和制图软件

2、Firework与动画制作软件 Flash5 等软件进行素材的录入,然后使用简单、方便的远程教育课件开发工具 Dreamweaver MX2004 软件制作成网络课件。结果初步完成了材料科学基础教程多媒体网络课件的制作。结论,多媒体网络课件蕴涵的信息量大,由于没有时间和空间的因素制约,增加了教与学的自由度,节约了人力、物力,实现了教学资源的有效配置,发展前景广阔。关键词:多媒体;cai 课件;web;材料科学基础II / 26AbstractAbstractAlong with the Internet continuously universal, various material and

3、datas that are on the nets are more and more, also more and more abundant, this brought opportunity for educational and quick development of the network long range.More and more networks lesson piece was developped out, teaching for teacher and students and learning to bring the tremendous convenien

4、ce.It is multi-media cai lesson piece and webs to combine technically according to the web multi-media cai lesson piece.It will become the network teaching main form of the multi-media cai lesson piece.This text combines the basal solid example of a creation material science, introducing in accordin

5、g to web a development process to the principle and methods that a page of lesson carries on the page design, and detailed introduced to navigate in the lesson piece, test etc. the key function carries out the technique and methods.Design the creation the material science foundation lectures multi-m

6、edia network teaching lesson piece.Carry on materials record to go into with the word processing tool Word and softwares such as the graphics software Firework and the animation manufacture software Flash5 etc.s, then use simple, convenient long range education the lesson piece development the tool

7、Dreamweaver MX 2004 software creations become network lesson piece.The result first step completed the material science foundation lectures the creation of the multi-media network lesson piece.Conclusion, the lesson an information for contain of multi-media network have great capacity, because of ha

8、sing no the factor check and supervision of time and space, the freedom degree that increase to teach and learn, economized the manpower, material resources, carry out the teaching resources to install effectively, the development foreground amplitude.Keywords:Keywords:multimedia ; cai courseware ;

9、web; materials science basisIII / 26目 录摘要摘要 I I目录目录 IIIIII1 1 绪论绪论 1 11.1 制作(CAI)网络课件的目的、意义 11.1.1 制作网络课件的目的 11.1.2 制作网络课件的意义 11.1.3 网络课件的制作原则 21.2 制作网络课件的背景和文献综述 31.2.1 网络课件背景 31.2.2 文献综述 31.2.3 本领域存在的问题 51.3 主要研究容 61.3.1 前言 61.3.2 制作要求 72 2 制作步骤制作步骤 8 82.1 材料科学基础教程网络课件制作步骤 82.2 制作素材 92.3 软件的使用 112

10、.3.1 软件界面介绍 112.3.2 定义一个本地站点 112.3.3 添加网页文字 122.3.4 插入图形 122.3.5 加超级 132.3.6 标题和页边距设置 132.4 细化和完善网页 142.4.1 插入 flash 动画 142.4.2 设置字体的颜色 142.5 动画制作 142.5.1 动画素材的准备 142.5.2 动画制作软件 152.5.3 使用 Flash 制作动画 15IV / 263 3 制作结果制作结果 16163.1 制作成果 163.2 材料科学基础章界面:173.3 材料科学基础节界面:174 4 对基于对基于 WEBWEB 的多媒体的多媒体 CAIC

11、AI 课件发展方向的一些探讨课件发展方向的一些探讨 18185 5 结论结论 1919参考文献参考文献 2020致致 21211 / 261 1 绪绪 论论1.1 制作(制作(CAICAI)网络课件的目的、意义)网络课件的目的、意义计算机辅助教学(CAI)是现代教育技术的重要组成部分,也是目前学校教学改革的一个重要方面。随着计算机技术特别是多媒体技术的迅速发展,学校对计算机辅助教学越来越重视。信息技术在教学中的普与和广泛应用是教育信息化的核心目标,而制作课件则是将信息技术运用在教学中的一个重要手段。1.1.1 制作网络课件的目的制作网络课件的目的多媒体技术运用于课堂教学是当前现代教育技术应用中

12、主要的方向,课件的制作减轻了教师的重复性工作,图文并茂,音像并举的信息,把微观抽象的变成宏观形象的,这种表现特别是在制作材料学最基础的学科材料科学基础中得到体现。课件的制作启动思维,缩短知识传授与反馈的过程,激发学习兴趣,有利于突出教学重点,突破教学重点,有效提高课堂教学效率,同时培养学生学习能力分析解决问题能力。这些已在普通文化课程学习中得到共识,并成为教育学发展的方向,以期对其课程学习提供一种新的方式。针对材料专业,前期专业基础课程材料科学基础知识点多图片图形等容居多,部分章节直接讲授效果效果欠佳。因此对该课程进行网页制作,以便在教学过程中使学生更容易接受,大大提高教学质量。并为以后精品课

13、程的形成打下良好的基础。本课件以工业大学材料科学基础教程(2005 版)为蓝本,加入动画等多媒体效果进行设计,以满足以后教学需要。1.1.2 制作网络课件的意义制作网络课件的意义在材料科学基础教学中使用多媒体课件的意义主要体现在以下几个方面。1运用多媒体把抽象转化为直观材料科学基础中有许多较为抽象的概念,如晶粒的空间结构、三元相图的教学过程中,可以用 FLASH 动画的形式将其形象地表示出来;又比如,学生在理解一些抽象的基础学概念或模型时,可以把其形象地展示在电脑屏幕上,使学生对知识的接受能力大幅度提高。多媒体丰富的表现形式能使抽象的材料科学基础概念变为学生容易接受的直观形式。2运用多媒体体现

14、材料学的严密性材料科学基础可以通过多媒体很好地体现,我们可以用网页制作将材料学中的一些演变过程演示出来,这不仅能很好地体现演变的全过程,而且为每一步演变过程的讲解2 / 26留出了时间和空间,对让学生接受材料学知识点有着十分重要的意义,这与在黑板上进行讲解是一个进步。3运用多媒体可以表现材料学应用的广泛性材料科学基础应用于实际的容,在以往的教学过程中,由于受到表现形式的限制,没有时间和条件把应用的细节很好地表现出来,这对学生将实际问题转化为材料学问题形成了一定的障碍。把多媒体应用于材料学教学后,我们可以在很短的时间,将预先选择好的应用场景用图片或动画的形式详尽地表现出来,通过演示,使学生抓住问

15、题的本质。同时,可以通过计算机网络收取大量的教学素材,以开阔学生的视野,学生也能从中体会到材料学在模拟微观应用和抽象应用中的作用。4运用多媒体更好的训练学生掌握材料学基础知识和技能材料科学基础知识在学生以后学习专业课的过程中占有十分重要的地位,在传统的教学过程中,一位教师要面对几十名学生,能与时发现和纠正每一位学生在基础知识和基本技能学习中出现的问题是很困难的。将多媒体应用于教学后,我们可以充分利用多媒体的可交互性,让计算机与时发现和纠正学生出现的问题,使学生能与时正确地掌握基础知识和基本技能。这里要注意的是,对课件交互性的设计,一定要全面考虑各种可能出现的情况,否则,将影响学生对于基础知识和

16、基本技能的正确理解和掌握。5运用多媒体教学更有利于发展学生的思维能力和空间观念由于多媒体具有极其丰富的表现形式,正确地应用多媒体进行材料学教学,可以更有力的提高学生的思维能力和培养学生的空间观念。我们还可以通过把学生学习中思维的过程用多媒体的各种形式(如图片、动画、声音、视频图像、表格)等表现出来,使学生以这些形式为媒介,去体会、理解和掌握材料学的思维方法,发展学生的学习能力。6运用多媒体教学有利于培养学生的创新意识材料学的一项重要任务是,让学生接受材料学中的知识点的同时要培养创新意识。我们可以通过多媒体的表现形式与问题情境,让学生在错综复杂的条件下发现新问题,引导学生去粗取精、去伪存真、由表

17、与里、由此与彼的思考,传统的教学方法要完成这样的设置是十分困难的,特别是模拟现实生活中的一些情境。多媒体利用其具有的独到的优势,把学生创新意识的培养置身于现实。1.1.3 网络课件的制作原则制作课件,又当遵循哪些原则呢?多媒体辅助化教学过程主要包括四个要素:教师、学生、教材和多媒体。四个要素相互联系,相互制约,形成了一个有机的整体,为达到满意的教学效果,必须正确处理四个要素之间的关系。根据皮亚杰的建构主义理论:教师是教学过程中的组织者、指导者和知识意义建构的帮助者、促进者、而不是主动施教的知识灌输者。学生是知识意义的主动建构者,而不是外界刺激的被动接受者,知识灌输的对象;教材中所提供的知识是学

18、生主动建构的对象,而不是教师向学生灌输的容;媒体是创造学习的情境,学生主动学习、协作、探索和完成知识建构的认知工具,而不3 / 26是教师向学生灌输所使用的手段和方法。由此可见,多媒体辅助 化教学不能以多媒体的简单的代替教师的传授,仍然要充分发挥教师主导作用,和学生的主体作用。同时突出多媒体教学的辅助功能,课件制作者要处理好这四个要素之间的关系,我认为都是首先得明确你制作的课件的目的。例如:是激发学生的学习兴趣,调动学习积极性,还是解决某一重点、难点问题;是为了帮助理解,加深印象,促进记忆,还是为了使学生正确运用已学过的知识;是为了扩大知识面,丰富教学容,启发想象力,还是培养某方面的技能技巧等

19、等。确定了课件制作的目的,然后根据新课标,以教材为基本,从实现教学目标,完成教学任务的需要出发,但不为教材所束缚,充分增加课件的含金量,发挥多媒体课件教学的优势。如果违背了教学原则而在随意化的制作课件,就好比离开了课程标准谈教学设计,终归是竹篮打水一场空。1.2 制作网络课件的背景和文献综述制作网络课件的背景和文献综述1.2.1 网络课件背景网络课件背景虽然,网页式课件较传统课件具有诸多的优势,但目前流行的网页制作软件如:FrontPage、Dreamweaver 等软件与 Html、JavaScrip、VBScrip 等语言对没有计算机基础的我们来说要在短时间里掌握并非易事。Dreamwea

20、ver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的容。所以我选择了Dreamweaver 软件制作网络课件。网页课件与传统课件相比,具有以下优势:第一,网页课件占用存储空间小,易于在网上传输、流通,是开放的资源,易于共享。第二,网页课件的超级和滚动条,使网页课件容纳大量信息,制作者可以把更多素材(包括图像、动画、音频、视频)组织起来。第三,网页课件是一个开放的体系,有利于对课件进行修改、增添、删除,且它不需要调出整个课件进行修改,只要在编辑区域调出其中一个页面进

21、行修改即可。第四,网页课件对素材的兼容性非常高,能兼容多种素材的文件格式,如midi、gif、flash、avi 等。第五,网页课件更利于组织教学,因它是发布在互联网上,可以很方便地实现远程教学,也可用于学生的课后复习与个性化的学习。第六,网页课件对平台的兼容性很强。网页课件不仅可在 windows 平台上运行、还可运行于 Linux 等众多其他平台,而传统课件就受到平台的制约。1.2.2 文献综述随着集图文声像多信息的采集、加工、交互、输出于一体的多媒体计算机技术在九4 / 26十年代的迅猛发展,整个世界也随之进入一个崭新多媒体化、网络化、信息化的时代。一系列的新的高新技术产品的出现和信息的

22、传播的与时叙事,引发了教育技术史上空前的一场新的革命。电教媒体参与课堂教学进程,提高课堂教学效率,在我国教育界已经形成了一种共识。同志指出:“教学思想和手段现代化问题,是教学改革的重要问题,没有教学现代化,就不可培养出具有现代素质的教学。 ”而支撑计算机辅助教学的主力军课件也一样伴随着信息技术时代的到来走入了各个教学课堂中。教改在深化,教学已经离不开多媒体课件。传统的教学模式是以学生为中心,而多媒体课件改变了这一切。多媒体课件将文字、声音、图形、图像、动画和视频等多种媒体集成在一起,使知识信息来源更为丰富、容量更大、容更充实、形象更生动。它不仅使传统的课堂变成为不受时间和空间限制的虚拟教室,使

23、以讲解和板书为主的教学模式变成为文本、图像、动画、音频和视频等多种媒体共存的新型教学模式;而且也使学生从被动接受转为主动学习,从呆板、单一、顺序的教学容安排转变为生动、多彩、跳跃式的教学容安排。多媒体课件的巨大优势在于它能实现对信息表现形式的选择和控制能力,同时也能提高信息表现形式与学生的逻辑思维和创造能力的结合程序,在顺序、符号信息等方面扩展人的信息处理能力。它展示在学生眼前的是一套图文并茂的有声教材、视听组合的多媒体教学环境、与校园网络或 Internet 相连接的无限延伸的教学系统,这些正好符合面向全体、面向未来、面向世界的先进教育理念。先来看一看课件的概念:课件是指具备一定教学功能的计

24、算机辅助教学的教学软件。从广义上讲,凡具备一定教学功能的教学软件都可称之为“课件” 。课件可以说是一种课程软件,也就是说其中必须包括具体学科的教学容。多媒体课件是指应用了多种媒体(包括文字、图形、图像、声音、动画等媒体)的新型课件,它是以计算机为核心,交互地综合处理文字、图形、图像、声音、动画、视频等多种信息的一种教学软件。课件的常见模式随着多媒体技术的迅速发展和推广普与,多媒体技术已广泛应用于学科教学,并逐渐形成各种各样的教学模型和方法。下面,笔者就介绍几种典型的多媒体课件模式。1演示型这种模式的课件是应用在课堂教学中,在多媒体教室或多媒体 CAI 网络教学环境下,由教师向全体学生播放多媒体

25、教学软件,演示教学过程,创设教学,或者进行标准示等。这种课件的设计目的是揭示教学容的在规律,将抽象的教学容用形象具体的形式表现出来。2练习型这种模式的课件主要是通过练习的形式来训练,以强化学生某方面的知识或能力,在学科多媒体专用教室的环境下,利用专门的教学功能进行专业技能的示或进行特殊的仿真与实验数据的分析处理等3游戏型5 / 26请注意,这种模式的课件与一般游戏软件有很大的不同,它主要是基于学科的知识容,寓教于乐,通过游戏的形式,教会学生掌握学科的知识和能力,并引发学生对学习的兴趣。对于这种类型的课件,往往要求趣味性较强,游戏规则相对简单4模拟型模拟型也称仿真型,是指用计算机来模拟真实的自然

26、现象或社会现象。模拟型课件要求首先建立一个经过简化的教学模型,课件主要提供学生与模型间某些参数的交互,从而模拟出事件的发展结果5学习型在多媒体网络教室环境下,由教师向学生提出学习要求,学生利用工作站或者利用网络的通信功能进行自主学习和协作学习,在此同时教师可以进行监控或个别指导从目前实际情况来看,多媒体课件在开发过程中主要还是集中在演示型和练习型两种模式上,大多是将多媒体课件作为一种教学辅助手段来使用,通过课件来演示一些比较难理解的教学容或现象,同时通过一定量的练习题让学生获得某方面的知识或能力。1.2.3 本领域存在的问题在制作课件过程中可以给课件“减肥” 。设计课件时,把精力集中在每堂课上

27、的重点、难点上。做到每堂课突破一、二个难点,不要面面具到,只要真正把教师感到难以讲清楚的问题用多媒体特有的优势讲清楚就可以了。例如:我特别感受是三元相图的学习,把三元相图作成 Flash 形式的演示型课件进行讲解,我们就比较容易接受和理解的多。对于我们材料专业的学生来说,要做出好的 Flash 演示课件有点困难,所以可以在网上下载这方面的课件,用于教学实验,效果必将更好。多媒体课件制作可以采取名种软件,样式又可以多种多样,丰富多彩。我在课件制作的过程中和教学的实际的经验中,归纳了以下三点的注意点: 1、 华而不实,花里胡哨 多媒体课件需要借助一定的艺术形式,但不能单纯地为艺术而艺术,仅仅停留于

28、作表面文章,只有充实的容与完美的外在形式的有机结合,才能真正的达到传授知识,调动学生积极性,改善教学环境的目的。例如:我在实习期间,用 Flash 制作一个课件,我将每个场景的切换都采用了动画,背景也采用了透明度,结果课件制作出的效果是:作为一个 MTV 片段欣赏不错,作为一个教学软件教学,只会是浪费学生的时间。可见课件的制作的基础是教学,制作者必须以达到教学目标来采用多媒体课件来完成教学任务。 2、 呆板单调,胡拼乱凑 多媒体课件的一个基本出发点就是以文字为基础,配合图像、声音、动画等手段,从多方面刺激学生感官,引起学生的兴趣,一个形式呆板的多媒体课件与黑板加粉笔的教学方式是没有什么区别的,

29、它所获得的教学效果自然不会显著。课件的制作讲求取材合6 / 26适,用材得当。比如:在讲授中国画时,如果在课件中插入一些国外的歌曲,就会显得有些不伦不类,甚至破坏了整个课件的意味。 3、 课件形式“流水课” 在使用多媒体课件时,常有些教师怕操作失误,为图方便,就将课件设计成顺序或结构,上课时只要按 next 键,课件便按顺序 play 下去。这样的课件是“流水课” ,当学生按课件设计者预定的某些模式和思路、线索进行人机交互时,学生有足够的时间用于深入思考问题吗?在这里,教师想方设法将学生的思路引到电脑的既定流程上来。这样就强化了教师的主动性和学生的被动性,削弱了教师与学生的交流而已,与新课程标

30、准相违背。不良的教学课件只会对学生思维起到削减作用。 总之,一个多媒体课件应该以充分发挥学生的潜能,强化教学效果,提高教学质量为重心。多媒体只是一种辅助教学手段。俗话说:“教学有法,但无定法,贵在得法。 ”每一种教学方法都是一定活动方式的构成体。制作课件应该不断积累经验,掌握好多媒体课件的优势,努力获得更佳的教学效果。1.3 主要研究容主要研究容1.3.1 前言进入 90 年代以来,多媒体(Multimedia)一词在计算机界的使用率越来越高。所谓多媒体就是将图形、图像、声音、音效、动画等多种媒体有机地结合起来,在它们之间建立一种有机的联系,使多媒体的作用远远超过各种媒体单独作用的总和。多媒体

31、课件就是将多媒体技术应用在课件制作中,使课堂容由静态的灌输变为图、文、声并茂的动态传播,增强课件的感染力。多媒体课件有利于学生拓展知识面,促进学生的想象力和创造力的发展,从而大大激发学生积极主动的学习热情,提高课堂教学效率,促进素质教育的全面发展。多媒体技术引导我们进入了一个新的信息时代,从多媒体教学课件、电子游戏、电子商务等等,多媒体技无处不在发挥着独特的作用。工欲善其事,必先利其器。Dreamweaver 在多媒体方面颇有建树的 Macromedia 公司推出的可视化网页制作工具,它与 Flash、Fireworks 合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。

32、其中,Dreamweaver 主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,Flash 用来制作精美的网页动画,而Fireworks 用来处理网页中的图形。 本次毕业设计的题目是:材料科学基础教程网页课件的制作。该课件作为网络版课件,要以网页材料学专业基础的教材,里面有很多材料微观图、与一些合金相图等,需要用绘图软件 Fireworks 来绘制,而文字素材的录入,则利用了文字处理工具 word。7 / 261.3.2 制作要求如果一个课件的演示不仅能取得良好的教学效果,而且使人赏心悦目,让人获得美的享受,说明具有较高的艺术性,这样的课件可以说是好的容与美的形式的完美结合。当

33、然,要做到这一点是很不容易的。不仅教师的美术基础要扎实,还要有一定的审美情趣。所以这一方面的要求也不宜过高。其主要表现有: 界面色彩柔和,搭配合理,画面要符合学生的视觉心理。 为使对象更加逼真,可以采用 3D 效果。 动画要流畅,无停顿、跳跃的感觉,但运动的对象不要超过两个。 由于本人初涉多媒体课件制作,因而所谈无法面面俱到。总之,本人认为,在制作多媒体课件前必须要进行精心的准备,要认真钻研教材,突出重点,突破难点,做到源于书本,高于书本,切不可将书本简单地电子化。8 / 262 制作步骤制作步骤2.1 材料科学基础教程材料科学基础教程网络课件制作步网络课件制作步骤课件是计算机辅助教学实施的要

34、素,可以说没有课件就没有计算机辅助教学,所以课件制作是计算机辅助教学的必要步骤。教师要根据初中数学教学大纲的要求,选择适当的教学容和多媒体模式,根据多媒体教学模式的要求把教材所包括的概念、定理和例题等容分成许多步骤,这些步骤可以按照初中数学的逻辑顺序排列,也可以根据学生的数学基础和理解能力来安排。要注意课件的教学性、科学性、交互性、集成性、诊断性等特点,利用多媒体课件的图文声像并茂的呈现方式,有效地激发学生的学习兴趣;利用多媒体提供友好的交互环境,调动学生积极参与学习;利用多媒体提供丰富的信息资源,扩大学生的知识面;利用多媒体创建多种学习途径,发展学生的思维能力,其设计过程可遵循下述策略。1课

35、件目标分析课件目标分析要完成的任务是需求分析,即确定教学容、教学目标和学习目标。课件的任务不外乎是完成一种数学的教学和训练,所以在确定所设计课件的目标时,应对教学目的、教学用途和教学环境提出明确的要求。主要包括确定教学容、教学目标分析、学习者特征分析和学习目的分析。2教学设计要使制作的课件具有良好的教学效果,就必须进行教学设计。因此,教学设计是课件设计的第一步,也是很重要的一步教学设计的主要工作是,确定教学容的广度和深度,确定课件设计的基本策略与课件的结构,选择课件的教学模式和课件使用的媒体。教学设计的主要步骤是;教学单元的划分;确定课件的设计策略(常用的设计策略有:面向问题设计策略、基于学习

36、程序的设计策略、基于学习理论的课件设计策略、面向学习者特性的课件设计策略);课件结构设计(常用的课件结构有帧型结构、生成型结构、数据库型结构和智能型结构);教学模式的选择主要包括新概念的引入、知识和技能的讲授。培养解决问题的能力,这些模式往往也可以同时应用于同一个课件中。3课件系统分析如何将教学容在计算机上灵活多样的加以表达,通过课件系统设计使教学容与课件表现形式有机的统一,从而发挥计算机突出教学重点、突破教学难点。培养学生能力和素养的优势。这些就是课件系统设计的主要容,此外还包括总体风格设计、封面设计。屏幕界面设计、交互方式设计、导航策略设计和超文本结构设计等。4教学单元的设计教学单元的设计

37、是在将总体容划分成大的“教学块”之后,再对每一块容进行详细设计,包括知识单元的划分、知识点之间关系的确定等,设计的最终结果是可以以此为9 / 26依据进行脚本的编写。它包括知识点的确定、知识点教学模式的选择、知识点表示的媒体选择与知识点之间关系的确定和表现顺序的安排。5脚本设计脚本是多媒体课件制作的直接依据,规的脚本对于保证课件质量水平,提高课件开发效率,具有积极的作用。一个好的脚本应该体现课件设计的教学思想,使得计算机课件在技巧的实现和功能的具备上符合教学的目的和需要,从而达到良好的教学效果。脚本有文字说明和图片两种类型。脚本设计通常包括编号(或文件名)、屏幕容设计、跳转关系设计、解说配音设

38、计和呈现说明。6课件制作的实现课件制作的实现分为素材准备制作和整体课件的制作两个阶段。根据脚本的要求,必须对课件所需的素材进行选择、加工、处理和制作,可以在现有的素材库中选取,也可以根据教学的需要自行制作。根据脚本的要求,使用相应的课件开放工具,完成整体课件的制作。开发课件使用的工具目前主要有三种类型:编程语言、课件著作工具和积件系统。编程语言可以开发出具有一定智能、运行速度快的课件,具有开发灵活、功能强大等优质,但由于编程语言没有广泛集成多媒体的特征,而且对开发人员的计算机应用水平的要求较高,因此,不适合非计算机专业的教师。课件著作工具是指用来集成、处理和统一管理文本、图形、动画、视频图象和

39、声音等多媒体信息的编辑工具,具有制作方便、设计简便和可靠性强的特点,但在结构上受统一限制的影响,导致课件的教学模式和因材施教的灵活性受到局限。积件系统是创作人员利用现有的积件库,不需要编程,只要按照脚本的要求从积件库中选取所需的积件,或制作新的积件,其具有方便快捷、效率高的特点,但需要教师必须具备充实的积件库,目前已有积件系统面市了。7调试评价在课件的制作工作完成后,使用课件前一定要对课件进行调试,以保证课件的正确运行。评价是对课讲的课程计划和课件的教学设计、教学单元设计、目标以与教育价值进行审核,判断是否都已达到要求,这是使用多媒体课件进行教学能否成功的标尺。因此,评价是多媒体课件制作必不可

40、少的步骤2.2 制作素材制作素材要制作一个质量上乘的多媒体课件,必要的素材无疑是十分重要的。一般而言,多媒体课件中所涉与到的素材主要有文字素材、声音素材、视频素材、动画素材、图形图像素材等。下面,就向大家介绍如何获取、编辑这些素材。图像素材图形、图像素材是一个多媒体课件的必不可少的素材,获得素材可以通过扫描仪直接扫描现在的印刷图片、幻灯片与照片等,也可以用抓图软件直接从屏幕上抓取。采集到的图像可以用 PhotoShop 来进行处理,以达到满意的效果。图形、图像文件最好以10 / 26GIF、JPEG 等格式保存,不但存储量小,而且还兼容 HTML 超文本语言。一图像素材获取图形、图像素材的方法

41、有很多,一般来说有以下 3 种:1从 Internet 下载2通过扫描现成的印刷品或照片获取3通过利用绘图软件制作获得二PhotoShop 制作与编辑图像素材PhotoShop 具有强大图像处理功能的平面设计功能,使用它可以轻而易举地对图片进行任意修饰,也可以将我们所能想象到的效果制作出来。三、用 Fireworkes 制作与编辑图像素材动画素材动画素材可以分为二维动画和三维动画,二维动画最常见的文件格式为 MMM,一般用Director 来制作;三维动画最常见的文件格式为 FLC 和 AVI,一般用 3DS MAX 来制作。关于 3DS MAX 的使用可以参考相关书籍,因此这里只介绍制作动画

42、 GIF 的工具GIF Animator 4.0 通过该工具所制作的动画不仅画面效果极好,而且文件尺寸也比较小。一、GIF Animator 的主要操作界面GIF Animator 的主要操作界面包括菜单栏、工具栏、参数设置区、层面板、工作区、调色板等 6 个部分。二、通过动画向导(Animation Wizard)来快速制作 GIF 动画GIF Animator 为我们提供了“Animation Wizard”这一简单易用的动画向导,即使你从来没有制作动画的经验,也可以在短短几分钟制作出颇具水准的 GIF 动画。下面,笔者就简单介绍一下动画向导的操作步骤 1从“File”菜单中选择“Anim

43、ation Wizard”命令,打开“Animation Wizard-Select Files”对话框,点击“Add Image”按钮可以向动画中添加图像,如果点击“Add Video”按钮可以向动画中添加视频。在这里,你还可以对动画中的图像和视频文件进行管理,例如删除动画中不必要的文件,调整图像出现的顺序等。2点击“下一步”按钮,出现“Source Type”对话框,这是要求我们选择来源类型, “Text-oriented”是指文字抖动,它的意思是在动画中只包含文字和一些颜色简单的图像;“Photo-oriented”是指图像抖动,它可以在动画中包含较多的颜色,通过图像抖动可以使色彩之间的

44、过渡更趋平滑3接下来的“Frame Duration”对话框是设置帧延续时间,不过请朋友们要注意的是在“Delay time”参数框中输入的数值必须除以 100 后才是真正的延迟时间(也就是说它的单位是百分之一秒),下面“Specify by frame rate”可以指定帧的速率。 4点击“下一步”按钮,进入“Done”对话框,在这里可以对所创建的动画进行优化,点击“完成”按钮后,一个 GIF 动画就制作完成了。如果你觉得两幅图像之间的11 / 26变换显得比较僵硬时,可以在“Layer”菜单中选择“Add Simple Transition”命令添加简易转换,在这里可以设置 9 种效果的变

45、换方式,同时还可以设置品质、时间长度和转换图像等容2.3 软件的使用2.3.12.3.1 软件界面介绍现在我们启动 DreamWeaver,来见识一下它的面貌。在安装 Dreamweaver 3 之后,它会自动在 Windows 的“开始”菜单中创建程序组,打开“开始”菜单,选择“程序 -Macromedia Dreamweaver 3 -Dreamweaver 3”命令,便可启动 Dreamweaver。软件启动后,会新建一个空白的 HTML 文档等候编辑2.3.22.3.2 定义一个本地站点在开始用 Dreamweaver 制作网页时,首先要定义一个本地站点。作为一个,里面有很多网页文件、

46、图片,甚至 Flash 动画等,如果不进行管理归档,分散在硬盘的各个地方就无法方便地进行网页发布。定义本地站点,就是在硬盘上建立一个目录,将所有的网页和相关的文件都放在里面,以便进行网页的制作和管理。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。用 Dreamweaver 创建站点是很容易的。首先,我们来看一下创建一个只包含一个网页的站点。选择“站点”菜单的“新建站点”选项,单击“新建站点”命令,这时新建站点对话框就弹出来了,在“站点名称里”文本框中输入新站点的名称,如 cailiao 在“本地根文件夹”的后边点黄色

47、小文件夹选择网页存储位置 E:/cailiao,在“默认图像文件夹”后边点黄色小文件夹选择网页图片存储位置 E:/cailiao/image,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击右边“文件”工具条。就会在右边出现一个窗口界面,你会看到刚才你选的站点。点文件夹点鼠标右键新建一个网页文件,名字叫做“c.htm” 。我们知道,每一个站点都要有一个主页,这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm” 。就是说我们新建只包含一个网页的站点时,这个新建的站点主页时空的,我们可以向里面添加容。而后在

48、右边我们还可以通过鼠标右键来在站点建树枝型新的文件夹和新的网页,注意一点的是在站点的网页与文件夹和图片名称不可用中文字样。在文件列表里除了主页之外,还有文件夹。在刚建站点位置下新建三个文件夹,一个是“images”另一个是“_private”还有一个时 SWF。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。 “_ private”文件夹比较特殊,其中的文件对浏览者来说是隐含的,我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里,12 / 26比如:我们可以在这个文件夹里存放注册用户的个人信息。Swf 是在编辑站点时把 Flash动画存储的的地方。2.3.32.3.3 添

49、加网页文字制作网页的正文时,先使光标处在正文编辑区,和记事本一样,输入文字“材料科学基础” 。敲一下回车,光标定位在下一段中,输入一些主页说明文字,保存时按下Ctrl+S 键,在“Save As”对话框中输入文件的名字“index” ,表示这是一个主文件,单击“保存”按钮。接下来对文字进行简单地排版。先设置标题文字的格式,将光标定位在第一段,然后按 Ctrl+F3 调出“属性面板” ,点“居中”按钮,将文字设为居中对齐。选中本段文字,点 Size 下拉列表框,选择字号为 6,设置文字颜色为深红,并将文字加粗。再接下来在正文文字前加两个空格。这时会发现按下空格键没有用,这是因为在Dreamwea

50、ver 中只认全角空格,然后可以启动输入法,按下 Shift+空格键,使其处于全角状态,再敲两下空格键。2.3.42.3.4 插入图形一个页面光有文本是无法吸引人的,下面插入一幅图片,使页面更加生动,图文并茂。为了保持良好的制作习惯,在 E:cailiao下建立一个名为“image”的文件夹,将主页中需要的图片都放在这个文件夹下。可以用 PhotoShop、Fireworks 等图形工具处理好一些图片,将图片放在: “ image”文件夹下,为提高主页下载速度,可将图片存为gif 或 jpg 格式。 将光标定位在正文段落中,单击“Object 面板”中的“Insert Image”按钮,在弹出

51、的对话框中选定图片,点“Select”按钮,图片被插入到文档中,此时图片将段落挤开了,我们可以对其对齐方式进行设置。图片处于选中状态时,属性面板中显示的是图片属性,单击“Align”下拉列表框,选择“Right” ,看,图和文字混排了。是不是觉得图和文字排得太挤了,那好,可以给图片和文字间加点距离。在“属性面板”中的“H Space”框中输入 10,敲下回车,图的左右各出现 10 个像素的间距。同样,可以在“V Space”框中也输入适当的数值,使图的上下也与文字有一定的间距。有的上网者为了加快页面下载速度,会设置不让图片显示,这时可以给图形加个说明文字,在属性面板中的“ALT”框中输入“二元

52、相图” ,这样在用户浏览器不支持图形时,在这个图片的位置会出现所加的注释;如果浏览器支持图片,将鼠标停在这个图片上一小会儿,也会出现这行说明文字。2.3.52.3.5 加超级简单的主文件完成后,可以依次将其他页面,比如第一章、习题等页面建好。这样就可以通过超级将各个页面连接起来。13 / 26选中段落中的“首页”四个字,单击“属性面板”中“link”列表框右侧的文件夹图标,选择已经做好的“1.htm”文件,再单击“Select”,文字的超就加完了,在页面上点一下,取消文字选中状态,这时看到加文字变为蓝色,并且带下划线。将光标定位在文字中,在属性面板上可以看到其文件,单击“Target”列表框,

53、选择“_blank” ,页面就会在一个新窗口中打开。如果想知道页面在浏览器中的效果,按下 F12,系统会启动主浏览器进行页面预览,系统默认的主浏览器是 Internet Explore。点一下刚做好的,就跳转 mylike.htm 页面了。不仅文字可以做超,图片也可以。而且可以为刚插入的图片做一个超,选中图片,在属性面板中,也有“Link”项,如果知道文件名,可以直接在“Link”文本框中输入,接着输入“1.htm” (假设这是一个第一章的页面) , “Target”属性也设为“_blank” ,用图形做时,其 Border 值一般都设为 0,进入浏览器后,只要单击这个图形,就会跳转到相应的页

54、面。2.3.62.3.6 标题和页边距设置再看一下做好的页面,下面来添加标题和背景图片。按下 Ctrl+J 键,弹出“Page Properties”对话框。Title 文本框中用来添加标题,当用户浏览页面时,页面标题可以帮助了解页面中的容。在框中输入“材料科学基础教程”。接下来单击“Background Image”框右侧的“Browse”按钮,从弹出的对话框中选择事先做好的背景图,回到页面属性框中。单击“OK” ,可以看到页面有了背景。按下F12,可以看到在浏览器中,刚才输入的标题显示在标题栏中,页面背景也更换完毕。从浏览效果中可以看到,页面顶部与浏览器工具栏紧挨着,如果显得很挤,就可以设

55、置“页面设置”边距。现次按下 Ctrl+J 键,可以看到页面属性对话框中可以设置页边距。我们将 Top Margin 设为 20,Left Margin 设为 10,单击“Apply”按钮,可以看到页面上面不那么挤了,关闭设置对话框。进入浏览器,可以看到新的页面效果。最后再保存一下页面,一个简单的个人主页就完成了。2.42.4 细化和完善网页2.4.12.4.1 插入 flash 动画在 Dreamweaver 中,可以很方便地插入 Flash 动画、Shockwave 录象、Java 小程序等,增加网页的动感,让你做出来的网页更吸引人。如果在网页中插入一个 Flash 动画。将光标置于页面底

56、部,单击“Object 面板”中的“Flash”图标,在弹出的对话框中选择一个 swf 文件,插入的 Flash 动画显示为一个14 / 26灰色的方框,里面有 Flash 标志。在属性面板中可以设置它的高度(H)和宽度(W)。如果想看一下效果,就点一下属性面板上的播放按钮,进入浏览器,可以看到 Flash 动画的效果。不过发现当前 Flash 为白背景,看起来不太谐调,这时就可以设置 Flash 动画的背景为透明。选中这个 Flash,按下 Ctrl+Tab 切换到源代码,在前加入代码: 关闭 HTML 源代码编辑器,浏览页面,这回 Flash 是透明的。2.4.22.4.2 设置字体的颜色

57、在浏览别人网页时,有时会发现超的颜色很丰富,鼠标放上去是一种颜色,点过之后又是一种颜色,如果相让页面也具有这样的属性则在文档窗口中单击鼠标右键,从快捷菜单中选择“Page Properties” ,又弹出了“页面属性”对话框, (曾在里面设置过标题、背景和页边距) ,这时看对话中间的选项。Text(文本) ,用于设置文档中文字的颜色,这里可以不作设置;Links()用于设置未访问过的超文字颜色,点一下旁边的颜色板,选择深蓝色;Visited Links(访问过的)用于设置文档中已经访问过的超级的文字颜色,将其设置为紫色;Active Links(正在访问的)用于设置文档页面中正在访问的超级的文

58、字颜色,将其设置为红色。点“OK” ,超文字的颜色设置完毕。按 F12 进入浏览器中,可以看到超字显示为深蓝色,将鼠标放在超字体上时显示为红色,点一下,再回到当前页面,可以看到当超变为紫色了。2.52.5 动画制作2.5.12.5.1 动画素材的准备对于过程事实的描述只依赖于文本信息或图形图像信息是不够的,为达到更好地描述效果,需要利用动画素材。不论是二维动画或是三维动画,所创造的结果都能更直观、更详实地表现事物变化的过程。2.5.22.5.2 动画制作软件动画制作软件很丰富,流行的有 Autodesk 公司的 Animator(二维动画)和 3D Studio max(三维动画)。Flash

59、 动画在网页中应用广泛,是目前最流行的二维动画技术。用它制作的 SWF 动画文件,可以嵌入到 HTML 文件里,也可以单独成页,或以 OLE 对象的方式出现在 Authorware 课件中。SWF 文件的存储量很小,但在几百几千字节的动画文件中,却可以包含几十秒钟的动画和声音,使整个页面充满了生机,Flash 动画还有一大特点是,其中的文字、图像都能跟随鼠标的移动而变化,可制作出交互性很强的动画文件。 Macromedia 公司出品的 Flash 动画制作软件功能很强大,其中增加了对 MP3 压缩编码的支持,这使得在普通课件中播放 MP3 音乐成为可能。Flash 动画需要自带的播放器才能播放,也可以打包为可执行文件(*.exe),Macromedia 公司也为流行的 web 浏览器提供了播15 / 26放插件。Flash

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论