基于web的多媒体cai课件毕业论文.doc

毕业论文 佳木斯大学佳木斯大学 第 i 页 摘 要 随着 internet 的不断普及，网上的各种素材和资料越来越多，也越来越丰富，这给网 络远程教育的迅速发展带来了机会。越来越多的网络课件被开发出来，给老师和学生的 教与学带来了极大的方便。 基于 web 的多媒体 cai 课件是多媒体 cai 课件与 web 技术的 结合。它将成为网络教学多媒体 cai 课件的主要形式。本文结合一个制作材料科学基础的 实例，介绍了在基于 web 的多媒体 cai 课件开发过程中对课件页面进行页面设计的原则 和方法，并详细介绍了课件中导航、测试等关键功能的实现技术和方法。设计制作材 料科学基础教程多媒体网络教学课件。用文字处理工具 word 和制图软件 firework 及 动画制作软件 flash5 等软件进行素材的录入,然后使用简单、方便的远程教育课件开发工 具 dreamweaver mx 2004 软件制作成网络课件。结果 初步完成了材料科学基础教 程多媒体网络课件的制作。结论，多媒体网络课件蕴涵的信息量大,由于没有时间和空 间的因素制约,增加了教与学的自由度,节约了人力、物力,实现了教学资源的有效配置,发 展前景广阔。 关键词：多媒体；cai 课件；web；材料科学基础 毕业论文 佳木斯大学佳木斯大学 第 ii 页 abstract along with the internet continuously universal, various material and 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 convenience. 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 according 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-media 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 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 hasing 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: multimedia ; cai courseware ; web; materials science basis 毕业论文 佳木斯大学佳木斯大学 第 iii 页 目 录 摘摘 要要i 目目 录录.iii 1 1 绪绪 论论.1 1.1 制作（cai）网络课件的目的、意义1 1.1.1 制作网络课件的目的.1 1.1.2 制作网络课件的意义.1 1.1.3 网络课件的制作原则.2 1.2 制作网络课件的背景和文献综述.3 1.2.1 网络课件背景.3 1.2.2 文献综述.3 1.2.3 本领域存在的问题.5 1.3 主要研究内容.6 1.3.1 前言.6 1.3.2 制作要求.7 2 制作步骤制作步骤.8 2.1 材料科学基础教程网络课件制作步骤 .8 2.2 制作素材.9 2.3 软件的使用.11 2.3.1 软件界面介绍.11 2.3.2 定义一个本地站点.11 2.3.3 添加网页文字.12 2.3.4 插入图形.12 2.3.5 加超级链接.13 2.3.6 标题和页边距设置.13 2.4 细化和完善网页.14 2.4.1 插入 flash 动画 .14 2.4.2 设置链接字体的颜色.14 2.5 动画制作.14 2.5.1 动画素材的准备.14 2.5.2 动画制作软件.15 2.5.3 使用 flash 制作动画.15 毕业论文 佳木斯大学佳木斯大学 第 iv 页 3 制作结果制作结果.16 3.1 制作成果.16 3.2 材料科学基础章界面：.17 3.3 材料科学基础节界面：.17 4 对基于对基于 web 的多媒体的多媒体 cai 课件发展方向的一些探讨课件发展方向的一些探讨.18 5 结结 论论.19 参参 考考 文文 献献.20 致致 谢谢.21 毕业论文 佳木斯大学佳木斯大学 第 1 页 1 1 绪绪 论论 1.1 制作（制作（cai）网络课件的目的、意义）网络课件的目的、意义 计算机辅助教学（cai）是现代教育技术的重要组成部分，也是目前学校教学改革的 一个重要方面。随着计算机技术特别是多媒体技术的迅速发展，学校对计算机辅助教学 越来越重视。信息技术在教学中的普及和广泛应用是教育信息化的核心目标，而制作课 件则是将信息技术运用在教学中的一个重要手段。 1.1.1 制作网络课件的目的制作网络课件的目的 多媒体技术运用于课堂教学是当前现代教育技术应用中主要的方向，课件的制作减 轻了教师的重复性工作，图文并茂，音像并举的信息，把微观抽象的变成宏观形象的， 这种表现特别是在制作材料学最基础的学科材料科学基础中得到体现。课件的制作启动 思维，缩短知识传授与反馈的过程，激发学习兴趣，有利于突出教学重点，突破教学重 点，有效提高课堂教学效率，同时培养学生学习能力分析解决问题能力。这些已在 普通文化课程学习中得到共识，并成为教育学发展的方向，以期对其课程学习提供一种 新的方式。 针对材料专业，前期专业基础课程材料科学基础知识点多图片图形等内容居 多，部分章节直接讲授效果效果欠佳。因此对该课程进行网页制作，以便在教学过程中 使学生更容易接受，大大提高教学质量。并为以后精品课程的形成打下良好的基础。本 课件以哈尔滨工业大学材料科学基础教程（2005 版）为蓝本，加入动画等多媒体效果进 行设计，以满足以后教学需要。 1.1.2 制作网络课件的意义制作网络课件的意义 在材料科学基础教学中使用多媒体课件的意义主要体现在以下几个方面。 1运用多媒体把抽象转化为直观 材料科学基础中有许多较为抽象的概念，如晶粒的空间结构、三元相图的教学 过程中，可以用 flash 动画的形式将其形象地表示出来；又比如，学生在理解一些抽象 的基础学概念或模型时，可以把其形象地展示在电脑屏幕上，使学生对知识的接受能力 大幅度提高。多媒体丰富的表现形式能使抽象的材料科学基础概念变为学生容易接 受的直观形式。 2运用多媒体体现材料学的严密性 材料科学基础可以通过多媒体很好地体现，我们可以用网页制作将材料学中的一 些演变过程演示出来，这不仅能很好地体现演变的全过程，而且为每一步演变过程的讲 毕业论文 佳木斯大学佳木斯大学 第 2 页 解留出了时间和空间，对让学生接受材料学知识点有着十分重要的意义，这与在黑板上 进行讲解是一个进步。 3运用多媒体可以表现材料学应用的广泛性 材料科学基础应用于实际的内容，在以往的教学过程中，由于受到表现形式的 限制，没有时间和条件把应用的细节很好地表现出来，这对学生将实际问题转化为材料 学问题形成了一定的障碍。把多媒体应用于材料学教学后，我们可以在很短的时间内， 将预先选择好的应用场景用图片或动画的形式详尽地表现出来，通过演示，使学生抓住 问题的本质。同时，可以通过计算机网络收取大量的教学素材，以开阔学生的视野，学 生也能从中体会到材料学在模拟微观应用和抽象应用中的作用。 4运用多媒体更好的训练学生掌握材料学基础知识和技能 材料科学基础知识在学生以后学习专业课的过程中占有十分重要的地位，在传 统的教学过程中，一位教师要面对几十名学生，能及时发现和纠正每一位学生在基础知 识和基本技能学习中出现的问题是很困难的。将多媒体应用于教学后，我们可以充分利 用多媒体的可交互性，让计算机及时发现和纠正学生出现的问题，使学生能及时正确地 掌握基础知识和基本技能。这里要注意的是，对课件交互性的设计，一定要全面考虑各 种可能出现的情况，否则，将影响学生对于基础知识和基本技能的正确理解和掌握。 5运用多媒体教学更有利于发展学生的思维能力和空间观念 由于多媒体具有极其丰富的表现形式，正确地应用多媒体进行材料学教学，可以更 有力的提高学生的思维能力和培养学生的空间观念。我们还可以通过把学生学习中思维 的过程用多媒体的各种形式（如图片、动画、声音、视频图像、表格）等表现出来，使 学生以这些形式为媒介，去体会、理解和掌握材料学的思维方法，发展学生的学习能力。 6运用多媒体教学有利于培养学生的创新意识 材料学的一项重要任务是，让学生接受材料学中的知识点的同时要培养创新意识。 我们可以通过多媒体的表现形式及问题情境，让学生在错综复杂的条件下发现新问题， 引导学生去粗取精、去伪存真、由表及里、由此及彼的思考，传统的教学方法要完成这 样的设置是十分困难的，特别是模拟现实生活中的一些情境。多媒体利用其具有的独到 的优势，把学生创新意识的培养置身于现实。 1.1.3 网络课件的制作原则 制作课件，又当遵循哪些原则呢？多媒体辅助化教学过程主要包括四个要素：教师、 学生、教材和多媒体。四个要素相互联系，相互制约，形成了一个有机的整体，为达到 满意的教学效果，必须正确处理四个要素之间的关系。根据皮亚杰的建构主义理论：教 师是教学过程中的组织者、指导者和知识意义建构的帮助者、促进者、而不是主动施教 的知识灌输者。学生是知识意义的主动建构者，而不是外界刺激的被动接受者，知识灌 输的对象；教材中所提供的知识是学生主动建构的对象，而不是教师向学生灌输的内容； 媒体是创造学习的情境，学生主动学习、协作、探索和完成知识建构的认知工具，而不 毕业论文 佳木斯大学佳木斯大学 第 3 页 是教师向学生灌输所使用的手段和方法。由此可见，多媒体辅助 化教学不能以多媒体的 简单的代替教师的传授，仍然要充分发挥教师主导作用，和学生的主体作用。同时突出 多媒体教学的辅助功能，课件制作者要处理好这四个要素之间的关系，我认为都是首先 得明确你制作的课件的目的。例如：是激发学生的学习兴趣，调动学习积极性，还是解 决某一重点、难点问题；是为了帮助理解，加深印象，促进记忆，还是为了使学生正确 运用已学过的知识；是为了扩大知识面，丰富教学内容，启发想象力，还是培养某方面 的技能技巧等等。确定了课件制作的目的，然后根据新课标，以教材为基本，从实现教 学目标，完成教学任务的需要出发，但不为教材所束缚，充分增加课件的含金量，发挥 多媒体课件教学的优势。如果违背了教学原则而在随意化的制作课件，就好比离开了课 程标准谈教学设计，终归是竹篮打水一场空。 1.2 制作网络课件的背景和文献综述制作网络课件的背景和文献综述 1.2.1 网络课件背景网络课件背景 虽然，网页式课件较传统课件具有诸多的优势，但目前流行的网页制作软件如： frontpage、dreamweaver 等软件及 html、javascrip、vbscrip 等语言对没有计算机基础的 我们来说要在短时间里掌握并非易事。 dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网 页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况 进行监控以更新站点的内容。所以我选择了dreamweaver 软件制作网络课件。网页课件与传统 课件相比，具有以下优势： 第一，网页课件占用存储空间小，易于在网上传输、流通，是开放的资源，易于共 享。 第二，网页课件的超级链接和滚动条，使网页课件容纳大量信息，制作者可以把更 多素材(包括图像、动画、音频、视频)组织起来。 第三，网页课件是一个开放的体系，有利于对课件进行修改、增添、删除，且它不 需要调出整个课件进行修改，只要在编辑区域调出其中一个页面进行修改即可。 第四，网页课件对素材的兼容性非常高，能兼容多种素材的文件格式，如 midi、gif、flash、avi 等。 第五，网页课件更利于组织教学，因它是发布在互联网上，可以很方便地实现远程 教学，也可用于学生的课后复习与个性化的学习。 第六，网页课件对平台的兼容性很强。网页课件不仅可在 windows 平台上运行、还 可运行于 linux 等众多其他平台，而传统课件就受到平台的制约。 1.2.2 文献综述 随着集图文声像多信息的采集、加工、交互、输出于一体的多媒体计算机技术在九 毕业论文 佳木斯大学佳木斯大学 第 4 页 十年代的迅猛发展，整个世界也随之进入一个崭新多媒体化、网络化、信息化的时代。 一系列的新的高新技术产品的出现和信息的传播的及时叙事，引发了教育技术史上空前 的一场新的革命。电教媒体参与课堂教学进程，提高课堂教学效率，在我国教育界已经 形成了一种共识。邓小平同志指出：“教学思想和手段现代化问题，是教学改革的重要 问题，没有教学现代化，就不可培养出具有现代素质的教学。 ”而支撑计算机辅助教学的 主力军课件也一样伴随着信息技术时代的到来走入了各个教学课堂中。教改在深化， 教学已经离不开多媒体课件。 传统的教学模式是以学生为中心，而多媒体课件改变了这一切。多媒体课件将文字、 声音、图形、图像、动画和视频等多种媒体集成在一起，使知识信息来源更为丰富、容 量更大、内容更充实、形象更生动。它不仅使传统的课堂变成为不受时间和空间限制的 虚拟教室，使以讲解和板书为主的教学模式变成为文本、图像、动画、音频和视频等多 种媒体共存的新型教学模式；而且也使学生从被动接受转为主动学习，从呆板、单一、 顺序的教学内容安排转变为生动、多彩、跳跃式的教学内容安排。 多媒体课件的巨大优势在于它能实现对信息表现形式的选择和控制能力，同时也能 提高信息表现形式与学生的逻辑思维和创造能力的结合程序，在顺序、符号信息等方面 扩展人的信息处理能力。它展示在学生眼前的是一套图文并茂的有声教材、视听组合的 多媒体教学环境、与校园网络或 internet 相连接的无限延伸的教学系统，这些正好符合面 向全体、面向未来、面向世界的先进教育理念。 先来看一看课件的概念：课件是指具备一定教学功能的计算机辅助教学的教学软件。 从广义上讲，凡具备一定教学功能的教学软件都可称之为“课件” 。课件可以说是一种课 程软件，也就是说其中必须包括具体学科的教学内容。多媒体课件是指应用了多种媒体 (包括文字、图形、图像、声音、动画等媒体)的新型课件，它是以计算机为核心，交互地 综合处理文字、图形、图像、声音、动画、视频等多种信息的一种教学软件。 课件的常见模式 随着多媒体技术的迅速发展和推广普及，多媒体技术已广泛应用于学科教学，并逐 渐形成各种各样的教学模型和方法。下面，笔者就介绍几种典型的多媒体课件模式。 1 演示型 这种模式的课件是应用在课堂教学中，在多媒体教室或多媒体 cai 网络教学环境 下，由教师向全体学生播放多媒体教学软件，演示教学过程，创设教学，或者进行标 准示范等。这种课件的设计目的是揭示教学内容的内在规律，将抽象的教学内容用形 象具体的形式表现出来。 2 练习型 这种模式的课件主要是通过练习的形式来训练，以强化学生某方面的知识或能 力，在学科多媒体专用教室的环境下，利用专门的教学功能进行专业技能的示范或 进行特殊的仿真及实验数据的分析处理等 3 游戏型 毕业论文 佳木斯大学佳木斯大学 第 5 页 请注意，这种模式的课件与一般游戏软件有很大的不同，它主要是基于学科的 知识内容，寓教于乐，通过游戏的形式，教会学生掌握学科的知识和能力，并引发 学生对学习的兴趣。对于这种类型的课件，往往要求趣味性较强，游戏规则相对简 单 4 模拟型 模拟型也称仿真型，是指用计算机来模拟真实的自然现象或社会现象。模拟型 课件要求首先建立一个经过简化的教学模型，课件主要提供学生与模型间某些参数 的交互，从而模拟出事件的发展结果 5 学习型 在多媒体网络教室环境下，由教师向学生提出学习要求，学生利用工作站或者 利用网络的通信功能进行自主学习和协作学习，在此同时教师可以进行监控或个别 指导 从目前实际情况来看，多媒体课件在开发过程中主要还是集中在演示型和练习型两 种模式上，大多是将多媒体课件作为一种教学辅助手段来使用，通过课件来演示一些比 较难理解的教学内容或现象，同时通过一定量的练习题让学生获得某方面的知识或能力。 1.2.3 本领域存在的问题 在制作课件过程中可以给课件“减肥” 。设计课件时，把精力集中在每堂课上的重点、 难点上。做到每堂课突破一、二个难点，不要面面具到，只要真正把教师感到难以讲清 楚的问题用多媒体特有的优势讲清楚就可以了。例如：我特别感受是三元相图的学习， 把三元相图作成 flash 形式的演示型课件进行讲解，我们就比较容易接受和理解的多。对 于我们材料专业的学生来说，要做出好的 flash 演示课件有点困难，所以可以在网上下载 这方面的课件，用于教学实验，效果必将更好。 多媒体课件制作可以采取名种软件，样式又可以多种多样，丰富多彩。我在课件制 作的过程中和教学的实际的经验中，归纳了以下三点的注意点： 1、 华而不实，花里胡哨 多媒体课件需要借助一定的艺术形式，但不能单纯地为艺术而艺术，仅仅停留于作表 面文章，只有充实的内容与完美的外在形式的有机结合，才能真正的达到传授知识，调 动学生积极性，改善教学环境的目的。 例如：我在实习期间，用 flash 制作一个课件，我将每个场景的切换都采用了动画，背景 也采用了透明度，结果课件制作出的效果是：作为一个 mtv 片段欣赏不错，作为一个教 学软件教学，只会是浪费学生的时间。可见课件的制作的基础是教学，制作者必须以达 到教学目标来采用多媒体课件来完成教学任务。 2、 呆板单调，胡拼乱凑 多媒体课件的一个基本出发点就是以文字为基础，配合图像、声音、动画等手段，从 毕业论文 佳木斯大学佳木斯大学 第 6 页 多方面刺激学生感官，引起学生的兴趣，一个形式呆板的多媒体课件与黑板加粉笔的教 学方式是没有什么区别的，它所获得的教学效果自然不会显著。课件的制作讲求取材合 适，用材得当。比如：在讲授中国画时，如果在课件中插入一些国外的歌曲，就会显得 有些不伦不类，甚至破坏了整个课件的意味。 3、 课件形式“流水课” 在使用多媒体课件时，常有些教师怕操作失误，为图方便，就将课件设计成顺序或结 构，上课时只要按 next 键，课件便按顺序 play 下去。这样的课件是“流水课” ，当学生按 课件设计者预定的某些模式和思路、线索进行人机交互时，学生有足够的时间用于深入 思考问题吗？在这里，教师想方设法将学生的思路引到电脑的既定流程上来。这样就强 化了教师的主动性和学生的被动性，削弱了教师与学生的交流而已，与新课程标准相违 背。不良的教学课件只会对学生思维起到削减作用。 总之，一个多媒体课件应该以充分发挥学生的潜能，强化教学效果，提高教学质量 为重心。多媒体只是一种辅助教学手段。俗话说：“教学有法，但无定法，贵在得法。 ” 每一种教学方法都是一定活动方式的构成体。制作课件应该不断积累经验，掌握好多媒 体课件的优势，努力获得更佳的教学效果。 1.3 主要研究内容主要研究内容 1.3.1 前言 进入 90 年代以来，多媒体（multimedia）一词在计算机界的使用率越来越高。所谓 多媒体就是将图形、图像、声音、音效、动画等多种媒体有机地结合起来，在它们之间 建立一种有机的联系，使多媒体的作用远远超过各种媒体单独作用的总和。多媒体课件 就是将多媒体技术应用在课件制作中，使课堂内容由静态的灌输变为图、文、声并茂的 动态传播，增强课件的感染力。多媒体课件有利于学生拓展知识面，促进学生的想象力 和创造力的发展，从而大大激发学生积极主动的学习热情，提高课堂教学效率，促进素 质教育的全面发展。 多媒体技术引导我们进入了一个新的信息时代，从多媒体教学课件、电子游戏、电子 商务等等，多媒体技无处不在发挥着独特的作用。工欲善其事，必先利其器。 dreamweaver 在多媒体方面颇有建树的 macromedia 公司推出的可视化网页制作工具， 它与 flash、fireworks 合在一起被称为网页制作三剑客，这三个软件相辅相承，是制 作网页的最佳选择。其中，dreamweaver 主要用来制作网页文件，制作出来的网页兼 容性比较好，制作效率也很高，flash 用来制作精美的网页动画，而 fireworks 用来处 理网页中的图形。 本次毕业设计的题目是：材料科学基础教程网页课件的制作。该课件作为网络 版课件，要以网页材料学专业基础的教材，里面有很多材料微观图、及一些合金相图等， 毕业论文 佳木斯大学佳木斯大学 第 7 页 需要用绘图软件 fireworks 来绘制，而文字素材的录入，则利用了文字处理工具 word。 1.3.2 制作要求 如果一个课件的演示不仅能取得良好的教学效果，而且使人赏心悦目，让人获得美 的享受，说明具有较高的艺术性，这样的课件可以说是好的内容与美的形式的完美结合。 当然，要做到这一点是很不容易的。不仅教师的美术基础要扎实，还要有一定的审美情 趣。所以这一方面的要求也不宜过高。其主要表现有： 界面色彩柔和，搭配合理，画面要符合学生的视觉心理。 为使对象更加逼真，可以采用 3d 效果。 动画要流畅，无停顿、跳跃的感觉，但运动的对象不要超过两个。 由于本人初涉多媒体课件制作，因而所谈无法面面俱到。总之，本人认为，在制作 多媒体课件前必须要进行精心的准备，要认真钻研教材，突出重点，突破难点，做到源 于书本，高于书本，切不可将书本简单地电子化。 毕业论文 佳木斯大学佳木斯大学 第 8 页 2 制作步骤制作步骤 2.1 材料科学基础教程材料科学基础教程网络课件制作步网络课件制作步骤 课件是计算机辅助教学实施的要素，可以说没有课件就没有计算机辅助教学，所以 课件制作是计算机辅助教学的必要步骤。教师要根据初中数学教学大纲的要求，选择适 当的教学内容和多媒体模式，根据多媒体教学模式的要求把教材所包括的概念、定理和 例题等内容分成许多步骤，这些步骤可以按照初中数学的逻辑顺序排列，也可以根据学 生的数学基础和理解能力来安排。要注意课件的教学性、科学性、交互性、集成性、诊 断性等特点，利用多媒体课件的图文声像并茂的呈现方式，有效地激发学生的学习兴趣； 利用多媒体提供友好的交互环境，调动学生积极参与学习；利用多媒体提供丰富的信息 资源，扩大学生的知识面；利用多媒体创建多种学习途径，发展学生的思维能力，其设 计过程可遵循下述策略。 1课件目标分析 课件目标分析要完成的任务是需求分析，即确定教学内容、教学目标和学习目标。 课件的任务不外乎是完成一种数学的教学和训练，所以在确定所设计课件的目标时，应 对教学目的、教学用途和教学环境提出明确的要求。主要包括确定教学内容、教学目标 分析、学习者特征分析和学习目的分析。 2教学设计 要使制作的课件具有良好的教学效果，就必须进行教学设计。因此，教学设计是课 件设计的第一步，也是很重要的一步教学设计的主要工作是，确定教学内容的广度和深 度，确定课件设计的基本策略与课件的结构，选择课件的教学模式和课件使用的媒体。 教学设计的主要步骤是；教学单元的划分；确定课件的设计策略（常用的设计策略 有：面向问题设计策略、基于学习程序的设计策略、基于学习理论的课件设计策略、面 向学习者特性的课件设计策略）；课件结构设计（常用的课件结构有帧型结构、生成 型结构、数据库型结构和智能型结构）；教学模式的选择主要包括新概念的引入、知 识和技能的讲授。培养解决问题的能力，这些模式往往也可以同时应用于同一个课件中。 3课件系统分析 如何将教学内容在计算机上灵活多样的加以表达，通过课件系统设计使教学内容与 课件表现形式有机的统一，从而发挥计算机突出教学重点、突破教学难点。培养学生能 力和素养的优势。这些就是课件系统设计的主要内容，此外还包括总体风格设计、封面 设计。屏幕界面设计、交互方式设计、导航策略设计和超文本结构设计等。 4教学单元的设计 毕业论文 佳木斯大学佳木斯大学 第 9 页 教学单元的设计是在将总体内容划分成大的“教学块”之后，再对每一块内容进行 详细设计，包括知识单元的划分、知识点之间关系的确定等，设计的最终结果是可以以 此为依据进行脚本的编写。它包括知识点的确定、知识点教学模式的选择、知识点表示 的媒体选择及知识点之间关系的确定和表现顺序的安排。 5脚本设计 脚本是多媒体课件制作的直接依据，规范的脚本对于保证课件质量水平，提高课件 开发效率，具有积极的作用。一个好的脚本应该体现课件设计的教学思想，使得计算机 课件在技巧的实现和功能的具备上符合教学的目的和需要，从而达到良好的教学效果。 脚本有文字说明和图片两种类型。脚本设计通常包括编号（或文件名）、屏幕内容设计、 跳转关系设计、解说配音设计和呈现说明。 6课件制作的实现 课件制作的实现分为素材准备制作和整体课件的制作两个阶段。根据脚本的要求， 必须对课件所需的素材进行选择、加工、处理和制作，可以在现有的素材库中选取，也 可以根据教学的需要自行制作。根据脚本的要求，使用相应的课件开放工具，完成整体 课件的制作。开发课件使用的工具目前主要有三种类型：编程语言、课件著作工具和积 件系统。编程语言可以开发出具有一定智能、运行速度快的课件，具有开发灵活、功能 强大等优质，但由于编程语言没有广泛集成多媒体的特征，而且对开发人员的计算机应 用水平的要求较高，因此，不适合非计算机专业的教师。课件著作工具是指用来集成、 处理和统一管理文本、图形、动画、视频图象和声音等多媒体信息的编辑工具，具有制 作方便、设计简便和可靠性强的特点，但在结构上受统一限制的影响，导致课件的教学 模式和因材施教的灵活性受到局限。积件系统是创作人员利用现有的积件库，不需要编 程，只要按照脚本的要求从积件库中选取所需的积件，或制作新的积件，其具有方便快 捷、效率高的特点，但需要教师必须具备充实的积件库，目前已有积件系统面市了。 7调试评价 在课件的制作工作完成后，使用课件前一定要对课件进行调试，以保证课件的正确 运行。评价是对课讲的课程计划和课件的教学设计、教学单元设计、目标以及教育价值 进行审核，判断是否都已达到要求，这是使用多媒体课件进行教学能否成功的标尺。因 此，评价是多媒体课件制作必不可少的步骤 2.2 制作素材制作素材 要制作一个质量上乘的多媒体课件，必要的素材无疑是十分重要的。一般而言，多 媒体课件中所涉及到的素材主要有文字素材、声音素材、视频素材、动画素材、图形图 像素材等。下面，就向大家介绍如何获取、编辑这些素材。 图像素材 图形、图像素材是一个多媒体课件的必不可少的素材，获得素材可以通过扫描仪直 毕业论文 佳木斯大学佳木斯大学 第 10 页 接扫描现在的印刷图片、幻灯片及照片等，也可以用抓图软件直接从屏幕上抓取。采集 到的图像可以用 photoshop 来进行处理，以达到满意的效果。图形、图像文件最好以 gif、jpeg 等格式保存，不但存储量小，而且还兼容 html 超文本语言。 一图像素材 获取图形、图像素材的方法有很多，一般来说有以下 3 种： 1 从 internet 下载 2 通过扫描现成的印刷品或照片获取 3通过利用绘图软件制作获得 二photoshop 制作与编辑图像素材 photoshop 具有强大图像处理功能的平面设计功能，使用它可以轻而易举地对图片 进行任意修饰，也可以将我们所能想象到的效果制作出来。 三、 用 fireworkes 制作与编辑图像素材 动画素材 动画素材可以分为二维动画和三维动画，二维动画最常见的文件格式为 mmm，一般 用 director 来制作；三维动画最常见的文件格式为 flc 和 avi，一般用 3ds max 来制 作。 关于 3ds max 的使用可以参考相关书籍，因此这里只介绍制作动画 gif 的工具 gif animator 4.0 通过该工具所制作的动画不仅画面效果极好，而且文件尺寸也比较小。 一、gif animator 的主要操作界面 gif animator 的主要操作界面包括菜单栏、工具栏、参数设置区、层面板、工作区、 调色板等 6 个部分。 二、 通过动画向导(animation wizard)来快速制作 gif 动画 gif animator 为我们提供了“animation wizard”这一简单易用的动画向导，即使你从 来没有制作动画的经验，也可以在短短几分钟内制作出颇具水准的 gif 动画。下面，笔 者就简单介绍一下动画向导的操作步骤 1从“file”菜单中选择“animation wizard”命令，打开 “animation wizard- select files”对话框，点击“add image”按钮可以向动画中添加图像，如果点击“add video”按钮可以向动画中添加视频。在这里，你还可以对动画中的图像和视频文件进行 管理，例如删除动画中不必要的文件，调整图像出现的顺序等。 2点击“下一步”按钮，出现“source type”对话框，这是要求我们选择来源类 型， “text-oriented”是指文字抖动，它的意思是在动画中只包含文字和一些颜色简单的 图像；“photo-oriented”是指图像抖动，它可以在动画中包含较多的颜色，通过图像抖 动可以使色彩之间的过渡更趋平滑 3接下来的“frame duration”对话框是设置帧延续时间，不过请朋友们要注意的 是在“delay time”参数框中输入的数值必须除以 100 后才是真正的延迟时间(也就是说 毕业论文 佳木斯大学佳木斯大学 第 11 页 它的单位是百分之一秒)，下面“specify by frame rate”可以指定帧的速率。 4点击“下一步”按钮，进入“done”对话框，在这里可以对所创建的动画进行 优化，点击“完成”按钮后，一个 gif 动画就制作完成了。如果你觉得两幅图像之间的 变换显得比较僵硬时，可以在“layer”菜单中选择“add simple transition”命令添加简 易转换，在这里可以设置 9 种效果的变换方式，同时还可以设置品质、时间长度和转换 图像等内容 2.3 软件的使用 2.3.1 软件界面介绍 现在我们启动 dreamweaver，来见识一下它的面貌。 在安装 dreamweaver 3 之后，它会自动在 windows 的“开始”菜单中创建程序组， 打开“开始”菜单，选择“程序 macromedia dreamweaver 3 dreamweaver 3”命 令，便可启动 dreamweaver。软件启动后，会新建一个空白的 html 文档等候编辑 2.3.2 定义一个本地站点 在开始用 dreamweaver 制作网页时，首先要定义一个本地站点。作为一个网站， 里面有很多网页文件、图片，甚至 flash 动画等，如果不进行管理归档，分散在硬盘 的各个地方就无法方便地进行网页发布。定义本地站点，就是在硬盘上建立一个目录， 将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。 工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现 在就让我们从第一步的建立站点来踏上建造网上家园之旅。 用 dreamweaver 创建站点是很容易的。首先，我们来看一下创建一个只包含一个 网页的站点。 选择“站点”菜单的“新建站点”选项，单击“新建站点”命令，这时新 建站点对话框就弹出来了，在“站点名称里”文本框中输入新站点的名称，如 cailiao 在 “本地根文件夹”的后边点黄色小文件夹选择网页存储位置 e：/cailiao，在“默认图像 文件夹”后边点黄色小文件夹选择网页图片存储位置 e：/cailiao/image，单击“确定” 按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击右边“文件”工 具条。就会在右边出现一个窗口界面，你会看到刚才你选的站点。点文件夹点鼠标右键 新建一个网页文件，名字叫做“c.htm” 。我们知道，每一个站点都要有一个主页，这个 主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在 一般情况下就叫做“index.htm” 。就是说我们新建只包含一个网页的站点时，这个新建 的站点主页时空的，我们可以向里面添加内容。而后在右边我们还可以通过鼠标右键来 在站点内建树枝型新的文件夹和新的网页，注意一点的是在站点内的网页及文件夹和图 片名称不可用中文字样。 在文件列表里除了主页之外，还有文件夹。在刚建站点位置下新建三个文件夹，一 毕业论文 佳木斯大学佳木斯大学 第 12 页 个是“images”另一个是“_private”还有一个时 swf。我们在编辑站点时可以在 “image”文件夹里放置站点用到的图片。 “_ private”文件夹比较特殊，其中的文 件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件 夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。swf 是在编辑站点时 把 flash 动画存储的的地方。 2.3.3 添加网页文字 制作网页的正文时，先使光标处在正文编辑区，和记事本一样，输入文字“材料科 学基础” 。敲一下回车，光标定位在下一段中，输入一些主页说明文字，保存时按下 ctrl+s 键，在“save as”对话框中输入文件的名字“index” ，表示这是一个主文件，单 击“保存”按钮。 接下来对文字进行简单地排版。先设置标题文字的格式，将光标定位在第一段，然 后按 ctrl+f3 调出“属性面板” ，点“居中”按钮，将文字设为居中对齐。选中本段文字， 点 size 下拉列表框，选择字号为 6，设置文字颜色为深红，并将文字加粗。 再接下来在正文文字前加两个空格。这时会发现按下空格键没有用，这是因为在 dreamweaver 中只认全角空格，然后可以启动输入法，按下 shift+空格键，使其处于全 角状态，再敲两下空格键。 2.3.4 插入图形 一个页面光有文本是无法吸引人的，下面插入一幅图片，使页面更加生动，图文并 茂。 为了保持良好的制作习惯，在 e：cailiao下建立一个名为“image”的文件夹，将 主页中需要的图片都放在这个文件夹下。可以用 photoshop、fireworks 等图形工具处理 好一些图片，将图片放在: “ image”文件夹下，为提高主页下载速度，可将图片存为 gif 或 jpg 格式。 将光标定位在正文段落中，单击“object 面板”中的“insert image”按钮，在弹 出的对话框中选定图片，点“select”按钮，图片被插入到文档中，此时图片将段落挤 开了，我们可以对其对齐方式进行设置。图片处于选中状态时，属性面板中显示的是图 片属性，单击“align”下拉列表框，选择“right” ，看，图和文字混排了。是不是觉得 图和文字排得太挤了，那好，可以给图片和文字间加点距离。在“属性面板”中的“h space”框中输入 10，敲下回车，图的左右各出现 10 个像素的间距。同样，可以在“v space”框中也输入适当的数值，使图的上下也与文字有一定的间距。有的上网者为了加 快页面下载速度，会设置不让图片显示，这时可以给图形加个说明文字，在属性面板中 的“alt”框中输入“二元相图” ，这样在用户浏览器不支持图形时，在这个图片的位置 会出现所加的注释；如果浏览器支持图片，将鼠标停在这个图片上一小会儿，也会出现 这行说明文字。 毕业论文 佳木斯大学佳木斯大学 第 13 页 2.3.5 加超级链接 简单的主文件完成后，可以依次将其他页面，比如第一章、习题等页面建好。这样 就可以通过超级链接将各个页面连接起来。 选中段落中的“首页”四个字，单击“属性面板”中“link”列表框右侧的文件夹图标，选 择已经做好的“1.htm”文件，再单击“select”，文字的超链接就加完了，在页面上点一下， 取消文字选中状态，这时看到加链接文字变为蓝色，并且带下划线。将光标定位在链接 文字中，在属性面板上可以看到其链接文件，单击“target”列表框，选择“_blank”，链接 页面就会在一个新窗口中打开。 如果想知道页面在浏览器中的效果，按下 f12，系统会启动主浏览器进行页面预览， 系统默认的主浏览器是 internet explore。点一下刚做好的链接，就跳转 mylike.htm 页面了。 不仅文字可以做超链接，图片也可以。而且可以为刚插入的图片做一个超链接，选 中图片，在属性面板中，也有“link”项，如果知道文件名，可以直接在“link”文本框中输 入，接着输入“1.htm”（假设这是一个第一章的页面） ， “target”属性也设为“_blank”，用图 形做链接时，其 border 值一般都设为 0，进入浏览器后，只要单击这个图形，就会跳转 到相应的页面。 2.3.6 标题和页边距设置 再看一下做好的页面，下面来添加标题和背景图片。 按下 ctrl+j 键，弹出“page properties”对话框。title 文本框中用来添加标题，当用户 浏览页面时，页面标题可以帮助了解页面中的内容。在框中输入“材料科学基础教程”。接 下来单击“background image”框右侧的“browse”按钮，从弹出的对话框中选择事先做好的 背景图，回到页面属性框中。单击“ok”，可以看到页面有了背景。按下 f12，可以看到 在浏览器中，刚才输入的标题显示在标题栏中，页面背景也更换完毕。 从浏览效果中可以看到，页面顶部与浏览器工具栏紧挨着，如果显得很挤，就可以 设置“页面设置”边距。 现次按下 ctrl+j 键，可以看到页面属性对话框中可以设置页边距。我们将 top margin 设为 20，left margin 设为 10，单击“apply”按钮，可以看到页面上面不那么挤了， 关闭设置对话框。进入浏览器，可以看到新的页面效果。最后再保存一下页面，一个简 单的个人主页就完成了。 毕业论文 佳木斯大学佳木斯大学 第 14 页 2.4 细化和完善网页 2.4.1 插入 flash 动画 在 dreamweaver 中，可以很方便地插入 flash 动画、shockwave 录象、java 小程序等， 增加网页的动感，让你做出来的网页更吸引人。 如果在网页中插入一个 flash 动画。将光标置于页面底部，单击“object 面板”中的 “flash”图标，在弹出的对话框中选择一个 swf 文件，插入的 flash 动画显示为一个灰色的 方框，里面有 flash 标志。在属性面板中可以设置它的高度（h）和宽度（w）。如果想 看一下效果，就点一下属性面板上的播放按钮，进入浏览器，可以看到 flash 动画的效果。 不过发现当前 flash 为白背景，看起来不太谐调，这时就可以设置 flash 动画的背景为透 明。选中这个 flash，按下 ctrl+tab 切换到源代码，在前加入代码： 关闭 html 源代码编辑器，浏览页面，这回 flash 是透明的。 2.4.2 设置链接字体的颜色 在浏览别人网页时，有时会发现超链接的颜色很丰富，鼠标放上去是一种颜色， 点过之后又是一种颜色，如果相让页面也具有这样的属性则在文档窗口中单击鼠标右 键，从快捷菜单中选择“page properties”，又弹出了“页面属性”对话框， （曾在里面设置过 标题、背景和页边距） ，这