《多媒体课件制作.doc》由会员分享,可在线阅读,更多相关《多媒体课件制作.doc(34页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、摘 要多媒体课件制作技术是各级教师、教育工作者、多媒体设计等从业者必须掌握的技能。在众多的多媒体制作软件中,Flash是功能最强大、使用最广泛的一种。Flash在实现课件的多媒体性、交互性、网络性等方面,具有其他软件不可比拟的优势。Flash 8 是Macromedia公司最新推出的动画制作软件,也是目前最受欢迎、功能最强,同时又简单易学的一种开发工具。与以往的版本相比,Flash 8在原有基础上新增了很多功能,例如实时滤镜效果、新的文本渲染引擎、动态载入外部GIF图片、自定义淡入淡出功能、全新的视频编码技术等。这些新增功能大大增强了Flash在网页设计和动画制作中的作用,成为备受关注的闪亮焦
2、点。通过对Flash 8 这款软件的熟练运用,制作一个关于计算机系列的教材实用C语言简明教程的多媒体课件,其中结合了交互地综合处理文字、图形、图像、动画、音频等多种信息,将教材内容生动形象的展示给学习者,使得其可以通过视觉、听觉等多方面参与,更好得理解课程内容。关键词:多媒体课件 C语言 Flash 8 目 录1 引言31.1 媒体课件制作的意义31.2 开发环境32 开发工具及环境52.1 Flash 8 的主要新功能52.2 Flash 8 的工作环境63 课件的功能及实现过程93.1 模块的设计及其功能93.2 总体流程图93.3 课件设计的前期工作103.3.1 需求分析103.3.2
3、 整体结构104 课件的总体设计124.1 背景的设计124.1.1 主色调的选择和搭配124.1.2 背景图片的设计124.2 封面的设计134.3 目录布局的设计144.3.1目录造型的设计144.3.2 目录功能的设计144.4 页面的设计154.4.1 普通页面效果的设计154.4.2 习题页面效果的设计164.4.3 封底页面效果的设计194.5 翻页效果的实现215 素材的准备及处理245.1 按钮素材的准备245.1.1 Come in按钮245.1.2 控制背景音乐按钮255.1.3 下翻按钮265.1.5返回目录页面的按钮275.1.6 浏览器控制按钮285.2 SWF素材的
4、准备286 课件的调试与发布306.1 课件的调试306.2 课件的发布30总 结32致 谢33参考文献341 引言多媒体课件制作技术是各级教师、教育工作者、多媒体设计师等从业者必须掌握的技能。在众多的多媒体课件制作软件中,Flash是功能最强大、使用最广泛的一种。Flash在实现课件的多媒体性、交互性、网络性等方面,具有其他软件不可比拟的优势。1.1 媒体课件制作的意义随着计算机多媒体技术发展和普及应用,计算机辅助教学(CAI)已成为一种现代教学手段。它使传统的教学方式发生了深刻的变革。这种教学方式打破了时间和空间的限制,将教学内容与教学所涉及到的事物,通过声音、图像、动画等形式表现出来。使
5、学生通过事物形、色、声的变化和发展直接获取知识,感知世界,并且使许多抽象的概念形象化、具体化,更使教学有难变易,增加教学效果,提高教学效率,具有传统教学所不能比拟的优越性。多媒体课件是计算机辅助教学(CAI)的核心。随着社会经济的发展,学校的硬件设施越来越完善,这也给多媒体教学提供了物质基础,使得多媒体课件应运而生。多媒体课件是指应用了多种媒体(包括文字、声音、图像、图形、动画、视频等)的新型课件,它是以计算机为核心,交互地综合处理文字、声音、图像、图形、动画、视频等多种信息的一种教学软件。它可以给学生提供形象鲜活的形象,这便于对抽象内容的理解。它把文本、图形、动画、视频图像、声音等多种媒体结
6、合起来,信息容量大,表现形式灵活,又有非线性和交互性的特点,给学生带来了一种全新的环境和认知方式,也产生了一种新的以学为中心的教学设计,这种教学设计的目的在于促使学生对知识意义的主动建构,成为信息加工的主体。制作多媒体课件是计算机专业学生的基础技能,本设计以实用C语言简明教程为蓝本,介绍基于该课程开发的课件,详细的设计过程和所涉及到的问题及解决方法。1.2 开发环境操作系统 Windows XP开发工具 Flash 8硬件配置 CPU:Pentium4 2.0GHz 内存 512MB硬盘 150GB342 开发工具及环境多媒体课件制作软件非常多,比如Authorware、Flash、Power
7、Point,在众多多媒体制作软件中,普及率最高、实用最广泛的专业多媒体创作工具就是Flash。Flash是Macromedia 公司推出的一种集动画设计、游戏、Web网页站点开发等功能于一身的优秀软件。Flash开拓了网页设计与多媒体制作的新领域,从简单的动画到复杂的交互式Web应用程序,从丰富的多媒体支持到流媒体FLV视频文件在线播放,Flash给开发者更多的想象空间的技术支持,开发者可以结合个人的创意做出有声有色的动画作品及互动性商业网站作品。而Flash 8 简体中文版是最新发布的软件版体,在诸多功能上有较大的改进,更利于开发者使用。2.1 Flash 8 的主要新功能Flash 8 在
8、原有功能上有较大的改进,并且新增了一些功能,更利于开发者使用。它提供了更强大的表现手法、文本支持、脚本增强和视频支持。下面就分别介绍一下这些新增的功能。1、渲染滤镜Flash 8 已经能够合并内建的滤镜效果,像阴影、模糊、内外发光、倒角、渐变倒角、颜色调整,以获得更丰富的用户体验。2、位图缓冲将自身无变化的矢量图按位来显示,以提高影片播放速度。3、文本渲染引擎Flash 8 同时允许用户使用FlashType字体作更多的控制。Flash包含字体渲染的预置,为动画文本提供等同于静态文本的高质量优化。新的渲染引擎使得文本即使使用较小的字体看上去也会更加清晰,这一功能是Flash的一大重要改进。4、
9、自定义淡入淡出功能动画设计者将会享受新的自定义淡入淡出功能所带来的乐趣,这一功能允许设计者直观地控制所有的动作补间属性。新增的曲线图功能提供对位置、旋转、大小、颜色及滤镜的独立控制,使用它能够精确控制动画的速率。5、全新的视频编码技术Flash 8 采用新的视频编码,并扩展的面积Web的视频解码选项。 2.2 Flash 8 的工作环境Flash 8 以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱。在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法及工作环境的组织和安排。1、开始页运行Flash 8 ,首先映入眼帘的是“开始页”,“开始页”将常用的任务都集中放在一个页
10、面中,包括“打开最项目”、“创建新项目”、“从模板创建”、“扩展”,以及对官方资料的快速访问,如图2-1所示。图2-1 开始页2、工作窗口在“开始页”,选择“创建新项目”下的“Flash文档”,这样就启动了Flash 8 的工作窗口并新建了一个影片文档,如图2-2所示。图2-2 工作窗口Flash 8 的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱,以及各种面板组成。标题栏:显示当前操作的Flash文件的名称。菜单栏:集合了Flash 8提供的所有功能。绘图工具栏:集中了绘制特殊形状的图形或图画时所用到的工具。时间轴:制作Flash影片的操作空间。操作标
11、识栏:可以了解当前操作的位置。舞台:编辑Flash影片的操作空间。操作空间:在完成的Flash影片中看不到的操作空间。属性栏:可以细致设置选择的对象的属性。3、代表功能的面板制作质量较高的Flash影片时需要各种功能,为了更加方便地使用这些功能,在Flash 8中,将它们以面板的形式集中在一起。并且可以将经常使用的面板放置在一起,也可以放置到所需位置。下面列举其中一部分面板作介绍。1)选择所需颜色的混色器面板和颜色样本面板在制作影片时与颜色相关的功能都集中在混色器面板和颜色样本面板中。在混色面板中,利用RGB值和透明值可以直接创建颜色,颜色样本面板用于管理和保存创建的颜色,如图2-3所示。图2
12、-3 颜色样本面板、混色器面板2)便于整理的信息面板和排列面板在信息面板中可以细致调整对象的大小和位置,在排列面板中可以一次性整理多个对象,如图2-4所示。图2-4 信息面板、排列面板3 课件的功能及实现过程3.1 模块的设计及其功能课件主要包括四大模块:1、主要内容:列出该章节的主要内容。2、知识点讲解:通过图片、文字说明课文的内容及知识点。3、难点分析:出示本课的难点,进一步分析说明。4、举例说明:通过练习使掌握的内容加以巩固。3.2 总体流程图整体设计的原则是体现多媒体课件的交互性、直观性。其中最主要的是交互性的实现,交互性主要体现在课件内部的交互、章节和章节之间的交互。每个章节内部要实
13、现前翻、后翻,章节和章节之间的跳转,如果在每个页面内都放置可以查找相应章节的按钮,按钮太多整个页面看上去就很单调了,所以根据简单的原则直接在每个页面内设置一个返回目录的按钮,这样再进行重新选择就比较简单、直观了。总体设计的流程图如图3-1所示: 主目录第一章第二章第三章第十二章第七章封面子目录最后一个页面.第二个页面第一个页面封底图3-1 总体流程图3.3 课件设计的前期工作3.3.1 需求分析需求分析对于做任何事来说都是很重要的,制作课件也不例外。对于一个课件来讲,第一与课文相配套;第二使用要方便;第三符合教育一般规律。我制作多媒体课件的主题是计算机系列实用C语言简明教程。首先,列出各章的主
14、要内容,而后进行知识点的讲解,难点分析,举例说明。3.3.2 整体结构本课件主要采用“化整为零,分而治之”的模块设计方法,如图3-2所示。根据课件的内容,将其分解为一个主控模块和三个功能模块,四个模块都要制作成独立的Flash影片。图3-2 结构模型主控模块主要用来控制和调度各个功能模块的播放,因此主要是设计一个导航菜单。导航菜单由若干按钮组成,按钮和课件的功能模块相对应,单击导航菜单中的按钮可以载入相应的课件功能模块SWF影片,在每个功能模块影片中也设计一个返回到主控模块的按钮。这些导航按钮上的程序代码的一般形式,如图3-3所示,程序代码的功能是,当单击并释放按钮时,加载指定的SWF影片。图
15、 3-3 导航按钮上的程序代码各个课件功能模块具体实现相应课件内容的展示,为第二、第七章节。利用LoadMovie()函数在一个SWF影片中加载外部的SWF影片。由于三个模块都是独立的Flash影片,利用了此函数实现了它们间的相互调用。4 课件的总体设计4.1 背景的设计4.1.1 主色调的选择和搭配课件用的比较多的是在教学方面,性质还是像课本一样,老师和学生都要看着课本来教和学,多出来的功能就是交互性。无论是老师和学生一直看着同一页内容看久了眼睛都会疲倦,而且人的情绪上也会觉得很乏味和烦躁。这样的情况下主色调就不能采用暖色来填充了,因为暖色更容易让人产生烦躁的心情。所以我主要采用冷色调搭配,
16、比如蓝色、绿色、紫色等一些生命的颜色,还有一些稍微淡一点的冷色搭配在一起,这样看上去就不会那么单调、疲乏,反而会给人一种清新、活力,这样可以起到缓解疲劳的作用。4.1.2 背景图片的设计课件的本质还是跟课本相似的,除了具有相当的实用性以外,最主要的是视觉效果。用户在应用课件的时候除了文字以外,还会注意到背景的搭配。所以图片的设计及色彩的搭配起到很大的作用。首先图片风格的选定。图片的风格不能过于卡通,这样给人的感觉很幼稚,主观上在威信方面会打折扣的;同时也不能像专业的宣传广告那样太注重商业价值的宣传;还不能太严肃,太死板,这样会给人一种距离感同样不能引起学生的兴趣。综上所述,整体的风格要淡雅、清
17、新、美观但不花哨,实用性强但不失兴趣的启发因素。另外风格要大体一致,但是又不能太相似,不然还是会起到重复,厌烦的效果。在风格保持一致的同时要注意每个背景的个性设计。根据课本的实际内容总共分为十二个章节,课件的实际是两个章节,除此以外另加上封面和封底。1、素材的搜集根据具体的需要我需要十八张背景图片,因为一共是十二章节,每一章节我采用的背景图片是不同的,如图4-1所示。但每章节内的每个页面都是相同的背景图片。封面我采用的是课件中用到频率比较高的图片组成的,目录则是十二副小图片组成,每幅图片代表一个章节。封面跟正文部分的背景风格还是不一样的,封面要体现的是整个课件的风格,可以说是正文部分背景图片风
18、格的整合,也就代表了整个课件的风格。而其他正文部分的背景在保持大的风格上一致以外还要体现不同的个性。图 4-1 背景图2、图片的处理首先图片的处理工具是Fireworks,为Fireworks比较方便、简单、功能也比较多。而且在各种平面处理工具中对fireworks是最熟悉,使用起来最顺手的。图片的大小设置为800*630,与Flash文档的大小相同。4.2 封面的设计封面的起到一个书面的作用,就像书的封面一样,在封面上可以了解到书名。当然多媒体课件的封面同样具有这样的功能,首先要介绍所要学习的科目,课件名等信息。但是课件不会像翻书一样直接翻到下一页,而是要通过交互作用跳转到下一个页面-目录页
19、面。如图4-2所示。图4-2 封面在运行SWF文件的时候,文字和图片都是从左向右运动的动画。其中的图片是课件出现频率比较高的,运用遮罩层及补间动画实现。在图片的中间偏上放了课件的科目名称,运用了分离的特效。右下角放置了一个动态按钮,用于跳转到目录页面。左下角是控制音乐播放的按钮,右上角放了三个按钮,分别是对界面的放大、标准、退出,按钮的实现在以下的章节中都有所介绍。4.3 目录布局的设计4.3.1目录造型的设计多媒体课件的目录不会像书本的目录那么单调,除了文字就是符号,如图4-3所示。 图4-3 课件的目录4.3.2 目录功能的设计目录的功能就是通过章节的名称可以找到对应的页码,很快就可以翻到
20、对应的章节。而多媒体课件的目录的功能是在点击按钮后就可以跳转到相应的章节了,然后进行教学。首先十二个章节用了十二副图片按钮元件,每幅图片就是一个按钮。按钮上加的控制代码是on (release) gotoAndPlay(kk);其中的kk是该场景内帧标签,方便跳转的实现。每一章节都对就不同的帧标签,其中图层设计如图4-4所示。图4-4 目录场景的图层设计图层e1存放的是代码stop(),e2层放的是按钮,e4、e5放的是文字,e6、e7放的是图片。在封面上点击Come in按钮就可以进入目录页面,其中页面中按钮的具体代码在按钮的设计中详述。4.4 页面的设计4.4.1 普通页面效果的设计以第1
21、章的其中一个页面为例,其制作过程如下:首先,新建一个名为“整数加法”的影片剪辑元件,在这个元件的编辑场景中,用绘图工具绘制一个653306的黑色矩形。将图层一命名为“文字”,选择文本工具,在第一帧将文字输入。制作遮罩动画,新建一个图层,命名为“横线一”,在第一帧,用绘图工具绘制一条直线,并将该帧命为帧标签“a”。再新建一个名为“横线一0”的图层,在第一帧,绘制一个1.04.0的直线,遮住在“横线一”图层绘制的直线的最左端,在第十九帧,将该直线拉长,完全覆盖在“横线一”图层的直线。选择第一帧,定义补间动画。将该层设置为“遮罩层”,如图4-5所示。“横线二”,“横线三”,“注释部分”等,制作方法类
22、似,就不再重述。图 4-5 整数加法按钮的制作,新建一个按钮元件,在“图形”图层,用绘图工具,绘制一个颜色为“#CC00CC”的不规则圆形,新建一个名为“文字”的图层,在指针经过帧,插入关键帧,用文本工具输入“a”。返回到影片剪辑,将该按钮添加代码:on (release) gotoAndPlay(a);。其余按钮的制作方法类似,就不再重述。新建一个名为“代码”的图层,在第一帧添加代码stop。至此,此页面制作过完成。4.4.2 习题页面效果的设计习题页面主要由题目部分和参考答案部分组成,题目页面的制作,一共有四道题目,因此需要制作四个页面,这里就以第一道题目的页面与参考答案页面为例进行介绍。
23、习题页面共有六个图层,命名如图4-6所示。 图 4-6 图层命名1、题目部分页面的设计第一道题目页面的制作方法,是在图层“习题1”的第65帧到第71帧间创建补间动画,将第65帧命名为“p0”,第72帧为“p1”,在第71帧插入stop动作。然后,在图层“翻页”的第71帧处将按钮“元件18”插入舞台的合适位置,代码为on (release) gotoAndPlay(p1);,通过该按钮进入下道题,具体的图层设计如图4-7所示。其中,单选题的“单选按钮”是从“组件”面板的“User Interface”组件类别中选取的,它们的参数设置如图4-8所示,最终的效果图如图4-9所示。图 4-7 图层设计
24、图 4-8 参数设置图 4-9 第一题最终效果2、参考答案页面的设计这张页面采用了滚动按钮,使显示内容上下移动,在较小空间里能看到更多的内容。效果图如图4-10所示。图 4-10 参考答案效果图操作步骤如下:1. 将库中的“文本”图形元件拖动至舞台中后,按F8键将其转换为“滚动影片”的影片剪辑。2. 切换到“滚动影片”的编辑界面,然后按F6键在第100帧上添加关键帧,拖动文本内容,一直向上拖动直到显示最底部的内容,在中间帧处创建补间动画。3. 在“action”图层的第1帧和第100帧上指定stop动作,切换到主界面。4. 单击前面制作的“滚动影片”,将其实命名设置为scroll。5. 在“按
25、钮”图层,将库面板中的按钮调整并拖动到适当位置,单击下按钮,然后打开动作面板输入以下代码:on (rollOver) _root.scroll.nextFrame();gotoAndStop(93);6. 在上按钮的动作面板中,将以上代码复制过来,将nextFrame 改为prevFrame。7. 在第2帧插入关键帧,将对应的动作面板中“93”都改为“92”。8. 在遮罩层“MASK”中,绘制一个矩形,其大小可遮住文本内容。至此,该页面制作完成,具体的图层设计如图4-7所示。4.4.3 封底页面效果的设计页面的效果主要由SWF文件和影片剪辑制作而组成。该页面共有六个图层,命名如图4-11所示。
26、 图 4-11 封底图层命名“顶部按钮”、“音乐”、“背景”图层的制作不再重述,这里主要介绍百页窗的制作。具体操作步骤如下:1. 新建一个影片剪辑,命名为“1”。双击进入其编辑界面,在第1帧,运用矩形工具绘制一个宽为8,高为630的黑色矩形。在第20帧处,插入关键帧,运用任意变形工具将宽改为18。创建补间形状,并在第20帧处添加动作“stop”。2. 新建影片剪辑,命名为“2”。双击进入其编辑界面,在第1帧,将库面板中的影片剪辑“1”拖入编辑界面中,并复制多个。打开对齐面板,调整矩形间的间隔,使总长为800630。3. 新建一个图形元件,命名为“封底”。双击进入其编辑界面,绘制一个800630
27、的淡黄色矩形,运用文本工具输入文字。4. 新建一个按钮元件,命名为“链接到论文”。双击进入编辑界面,进行编辑,如图4-12所示。 图 4-12 按钮“链接到论文”5. 回到场景1,选择“文字”图层,将图形元件“封底”拖入场景,并将制按钮“链接到论文”也插入其中,并放于适当位置。选中该按钮,打开动作面板,设置如下代码:on (release) getURL(论文.doc); 必需将*.DOC文件与导出的SWF文件放在同一个文件夹中。6. 选择“遮罩”图层,将影片剪辑2插入到第1帧处。并将其设置为遮罩层。7. 按下Ctrl+Enter快捷键播放。则页面以百页窗的效果出现,单击“链接到论文”按钮,则
28、在浏览器中出现*.DOC文件。4.5 翻页效果的实现每一张页面都是由影片剪辑组成,使用影片剪辑元件可以创建可重用的动画片段,影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴,可以将影片剪辑看作是主时间轴的嵌套时间轴,它们可以包含交互控件、声音甚至其他影片剪辑实例,也可以将影片剪辑实例放在按钮元件的时间轴内,以创建动画按钮。每个章节页面之间的翻页效果相同,所以只选择前两个页面详细介绍,前翻后翻主要依靠按钮来实现。这里以第七章节来介绍。1、目录的设计目录是由四个章节的小标题组成,当然还包括了声音控制按钮及显示按钮。这时主要介绍标题的设计,制作方法省略。小标题既是文本也是按钮,每一个标题按钮对应各自
29、的章节,运用按钮的跳转来实现翻页,如图4-13所示。第一个标题按钮链接的页面不同,因而,所对应的代码也不同,以第一个标题7.1地址和指针的概念为例,在其上添加动作on (release) gotoAndStop(45);,其中“45”是指第一标题链接到的该节的第一个页面。图 4-13 第七章目录2、页面的设计在“影片剪辑”图层的时间轴设计如图4-14所示。第45帧到第63帧依次插入所设计好的页面。第45帧到第49帧为7.1节的内容,第50帧至第58帧为7.2节,其余的为7.3节,7.4的设计如图4-7所示。分别在每一章节的首尾页面插入帧标签,以便于设计“按钮”图层的按钮。图 4-14 页面时间
30、轴在“按钮”图层的第45帧处插入所需用到的翻页按钮,如图4-15所示。在第46、49、51、52、58、59、60、63帧插入关键帧。每一个关键帧处的按钮上所添加的动作是不同的,要根据所对应的不同页面所在的不同的帧来设计。如图中所示的第1个和第2个按钮上动作在所有的帧上都是相同的,分别是on (release) gotoAndStop(m);和on (release) loadMovieNum(D:可执行文件C.swf, 1);,前者的作用是回到该章的目录,而后者是退出该页面,动作loadMovie函数返回到课件的主目录,详细流程可见图3-1 总体流程图。图4-15 翻页按钮图中第3个和第6个
31、按钮的功能是实现一个章节中首尾页面间的跳转,以7.1节的第45处为例,第3个按钮上的动作为on (release) gotoAndStop(o);其中“o”是指该节中的第一个页面。第6个按钮上添加的动作为on (release) gotoAndStop(a); ,“a”是指该节中的最后一个页面。图中第4个按钮和第5个按钮的功能是实现前后翻页。同样以7.1节为例,具体的代码如下:1) 第3个按钮在第45帧处添加的动作为on (release) gotoAndStop(o);,“o”是指本页面,在该页面上此按钮不起作用。2) 第3个按钮在第46帧及第49处添加的动作都为on (release) p
32、revFrame();,是指跳转到上一页,即前一帧。3) 第4个按钮在第45帧及第46帧处添加的动作都为on (release) nextFrame(); ();,是指跳转到下一页,即下一帧。4) 第4个按钮在第49帧处添加的动作为on (release) gotoAndStop(a);,是指跳转到下一页,即下一帧,也是指最后一个页面,此帧上的功能与第6个按钮上的动作是一致的。5 素材的准备及处理5.1 按钮素材的准备整个课件的交互依靠按钮实现,这里列举部分按钮说明:5.1.1 Come in按钮Come in按钮是由Come in影片剪辑和透明按钮组合而成。1、Come in影片剪辑的制作过
33、程:1) 新建一个影片剪辑元件,创建两个图层,分别为“箭头”、“Come in” 。2) 在“箭头”图层,选择线条工具,笔触颜色为“#FF9966”,实线0.75,在第一帧绘制一个箭头,在第六、第十一、第十六帧分别插入关键帧,复制一个箭头,插入形状补间。3) 在“Come in”图层,选择文本工具,输入“Come in”,填充颜色为“#FF0000”,在第七、第十一、第十六、第十七、第二十帧插入关键帧,依次操作,将“Come in”往上移动,将字体颜色改为“#00FF00”,再往上移动,全部设为形状补间动作,如图4-4、图4-5所示。图5-1 Come in图形 图5-2 Come in时间轴
34、2、透明按钮的制作过程:1) 新建一个按钮,执行文件-导入-导入到库命令,弹出“导入到库”的对话框,选择导入的声音“Media 2” ,将声音导入。2) 新建一个图层,命名为“声效”,选择这个图层的第二帧,插入一个空白关键帧,然后将“库”面板中的“声效”声音拖放到场景中。这样,“声效”图层从第二帧开始出现了声音的声波线。3) 打开属性面板,将同步选项设置为“事件”,并且重复1次。至此“声效”制作完成。4) 新建一个图层,选择矩形工具,填充颜色设为“#FFFFFF”。如图5-3所示。图5-3透明按钮时间轴设计5) 透明按钮的代码如下: on (release) gotoAndStop(qqq);
35、5.1.2 控制背景音乐按钮应用gotoAndPlay动作和stopAllSounds动作制作控制声音播放的按钮。以下是具体的时间轴分析,如图5-4所示。图5-4 背景音乐控制按钮时间轴操作步骤如下:1) 单击按钮元件MUSIC,然后按下F8键。将按钮元件重新注册为名为“音乐”的影片剪辑。2) 双击刚刚注册的影片剪辑,进入其编辑界面。添加3个图层,并分别命名为“音乐”、“动作”和“标签”。3) 选择所有图层的第20帧,然后按下F8键,将影片剪辑延长到第20帧。4) 选择所有图层的第10帧,然后按下F8键,插入关键帧。(在第1帧设定播放音乐时的状态,在第10帧设定停止播放音乐时的状态。在第10帧
36、音乐处于停止状态,所以要将按钮元件ON更改为OFF。)5) 选择“图层1”的第1帧。双击MUSIC按钮,进入按钮的编辑界面,在鼠标经过帧处插入关键帧,利用文本工具,将属性设置为字体仿宋,字号81,输入“ON”,在按下处插入关键帧,回到影片剪辑编辑界面。在第10帧按下F8键,插入关键帧,双击MUSIC按钮,进入按钮的编辑界面,在鼠标经过、按下帧处采用文本工具将“ON”改为“OFF”, 然后回到影片剪辑编辑界面。6) 选择“音乐”图层的第1帧,并从声音中选择配乐-.MP3。为了让音乐与帧同时播放,选择开始,同时为了重复播放音乐,选择循环选项。7) 在“动作”图层的第1帧和第10帧指定stop动作,
37、以便停止影片的播放。8) 选择“标签”图层的第1帧,并将帧标签指定为ON。9) 按照同样的方法,选定“标签”图层的第10帧,并将帧标签指定为OFF。10) 为了指定停止音乐的动作,选择“音乐”图层的第10帧,然后单击作为面板中的“添加行为”按钮,并单击Sound-Stop All Sounds命令。11) 选择第1帧中的ON按钮,然后指定gotoAndPlay动作,以便影片移动到标签OFF位置,代码如下所示:on (release) gotoAndPlay(on);12) 按照同样的方法,单击第10帧中的OFF按钮,然后指定gotoAndPlay动作,以便影片移到标签ON位置,代码如下所示:o
38、n (release) gotoAndPlay(off);13) 按下Ctrl+Enter快捷键播放音乐。鼠标移动到MUSIC按钮,弹出ON,单击,音乐将停止,并且鼠标再次移动到MUSIC按钮时,弹出OFF,单击,音乐又会重新播放。5.1.3 下翻按钮下翻按钮的制作过程:1) 创建一个按钮元件,命名为“前后页”。2) 在弹起和指针经过帧处,将经过Fireworks处理的图形元件33导入进来,如图5-5所示。图5-5弹起、指针经过帧的设置3) 在按下和点击帧,将经过Fireworks处理的图形元件32导入进来,如图5-6所示。图5-6按下、点击帧的设置4) 在“前后页”按钮上的代码在不同的页面中
39、是不同的,以下仅以一处为例: on (release) gotoAndStop(场景 1, bb);5.1.4 上翻按钮上翻按钮的制作过程:过程与下翻按钮的过程基本相似,不同的是箭头的方向,这里就不做赘述,效果如图-21、图-22所示。 图5-7 弹起帧的按钮 图5-8 指针经过帧的按钮按钮上的代码在不同的页面中是不同的以下仅以一处为例: on (release) gotoAndStop(cb);5.1.5返回目录页面的按钮 返回按钮的制作过程:与上翻按钮和下翻按钮的制作过程基本相似,都是在Fireworks中处理的,这里就不做赘述,效果如图5-9所示。 图5-9 弹起帧的按钮按钮上的代码为:
40、 on (release) gotoAndStop(m);5.1.6 浏览器控制按钮共有三个按钮,分别为“全屏”、“标准”、“退出”。以其中的“全屏”按钮举例说明,新建一个按钮“放大0”,选择弹起帧,将在Fireworks处理的图片导入,新建图层二,在指针经过帧,选择文本工具,输入“全屏”,如图5-10所示。图5-10 全屏按钮代码如下:on (release) fscommand(fullscreen, true);fscommand函数中包括两个参数项,一个是可以执行的命令,另一执行命令的参数,如表5-1所示是fscommand函数在本课件中执行的命令和参数。 命令参数功能说明quit没有
41、参数关闭影片播放器fullscreenTrue 或 false用于控制是否让影片播放器成为全屏播放模式。true为是,false为不是。表5-1 fsconmmand执行的命令和参数5.2 SWF素材的准备运用网络资源可以找到所需的SWF文件,与亲自动手做的效果相同,既然如此,运用现成的素材可以大大节省时间。这里简单介绍一下,所用到的SWF文件。箭头特效“snow”,封底所使用到的背景特效“xing”。利用LoadMovie函数将其导入到fla文件中,导入的方法在3.3.2节中讲述过,这里不再重述。6 课件的调试与发布6.1 课件的调试对课件的进行调试是课件发布之前最重要的一个步骤,没有人能保
42、证课件制作过程中不出现错误。将课件制作完成后,需要对完成的作品进行反复测试,将错误以及使用时不顺的地方加以修改。这里我要介绍的是Flash影片文件(*.SWF),SWF文件是最终完成的影片文件,是实际应用于网页上的文件。按ctrl+enter快捷键测试Flash编辑文件使可以自动生成SWF文件。SWF文件以与FLA文件相同的名称保存在相同的位置。单击菜单栏中的文件-导出-导出影片命令,可以指定保存的位置。6.2 课件的发布课件制作完成后,应当将课件打包。Flash 8能将课件打包成能够脱离Flash编辑环境且可以独立运行的可执行程序。打包发布之前,需要对打包发布的各项参数进行设置。选择文件-发
43、布设置打开“发布设置”菜单命令,打开对话框如图6-1所示。除了默认的选择外,再选择“Windows放映文件(.exeXw)”。图 6-1 发布设置 图 6-2 HTML选项要在主页上使用已完成的FFash影片,就将其制作成HTML文件或SWF文件。SWF文件作为完成的Flash编辑文件放到主页上观看的话,必须包含在HTML文件中查看。这样将Flash编辑文件(fla)制成SWF文件,并包含在HTML文件中的过程被称作“发布”。发布的SWF文件和HTML文件一定要保存在相同的网页充分反映夹中,这样才能在互联网上正常观看。选择HTML选项卡,在设定“尺寸”内选择“百分比”,并将影片的宽和高均设置为
44、100%,在“缩放”内选择“精确匹配”后按顺序按下“发布”和“确定”按钮,以设置影片大小随画面大小发生变化。如图6-2所示。 总 结本次毕业设计,是使用Flash 8 进行的软件设计。在本次软件开发过程中,坚持贯彻实用的设计思想。在设计过程中,我确实学到了不少东西,也发现了许多问题。我对Flash 8 有了更深一步的认识。在设计初期,每一个功能的实现看来容易,但很多时候犯了想当然的错误,只有不断阅读相关书籍,领会内涵,才能真正达到目的。设计过程即学习过程,我品尝了其中的苦与甜。这次设计对我的综合能力是一次很好的锻炼,但是我必须承认自己的能力和知识还很肤浅。所以今后我的学习道路还是很漫长的。最后
45、,在这里我要衷心的感谢我的指导老师谢谢她的悉心指导和热心帮助。由于我水平有限,加之时间短暂,故多媒体课件的设计与实现中还有许多不足之处,请老师批评指正,我会在以后的制作中不断改进,不断完善。致 谢在本次毕业设计过程中,我得到了许多老师和同学的指导和帮助。是他们的帮助使我更好的完成了这次课件的设计。首先,我要感谢我本次毕业设计的指导教师张晓艳老师。在我进行课件设计和论文撰写的过程中,她自始至终给我以关心和帮助。指导我解决设计过程中遇到的各种问题。张老师教学态度认真,为人和蔼可亲,在设计思想方面更是有着独特的见解,给我的设计注入了许多专业思想。在这里我要向她表示衷心的感谢。与此同时,我要向本系的各位老师这几年来对我的教育和培养表示真诚的谢意。是各位老师在基础课上的悉心教导,使我积累了丰富的理论知识,为我本次毕业设计打下了坚实的基础。最后,我还要感谢学校的培养,同学的帮助,这些都是我完成本次毕业设计不可或缺的重要元素。参考文献1 顾小晶.实用C语言简明教程M.北京:中国电力出版社,2003.2 彭宗勤.Flash 8 中文版基础与实例教程M.北京:电子工业出版社,2006.4.3 李在容.Flash 8 完全自学手册M.北京:中国青年电子出版社, 2006.10.4 朱治图.Flash Ac
限制150内