毕业设计论文flashWindows安装与配置教学平台设计与开发.doc

Windows安装与配置教学平台设计与开发摘 要在21世纪这个信息高度发达、高速流通的时代，计算机的普及以及计算机网络的广泛应用，让普通人能够接触到比以往更多的知识。作为一个以传播知识为主要职能的机构，学校建立一个自己的精品网站是十分必要的事情，这不仅能使更多的人享用宝贵的教育资料员，同时也对于提升学校自身的知名度，提高学生自学能力，有相当大的帮助。我们根据学校计算机工程系网络教研室的实际情况出发，应教学需求，开发Windows安装与配置精品网站，方便学生课余学习，并结合课件加深对该课程的理解和渗透，确立了网站具体实现的功能。本系统基于Dreamweaver+PHP+MySQL，课件采用Flash，图片采用Photoshop，实现精品网站的构建。将Windows安装与配置这门课程做成课件，让学生容易接受理解。多媒体教学课件是指根据教师的教案，把需要讲述的教学内容通过计算机过媒体（视频、音频、动画）图片、文字来表述并构成的课堂要件。它可以生动、形象地描述各种教学问题，增加课堂教学气氛，提高学生的学习兴趣，扩宽学生的知识视野，是现代教学发展的必然趋势。关键词：Flash Photoshop 课件 精品网站目 录1 绪论11.1 概述11.2 设计意义21.3 设计思想32 设计分析42.1 需求分析42.2 具体分析42.3 准备工作43 概要设计53.1 本设计内容说明53.2 本设计步骤介绍54 系统实现84.1 课件一的具体实现84.2 课件二的具体实现214.3 课件三的具体实现234.4 课件四的具体实现254.5 课件五的具体实现304.6 课件六的具体实现334.7 课件嵌入网页34总 结37致 谢38参 考 文 献39 1 绪论1.1 概述根据我国教育水平的现状，尽管我国的现代教育水平在新中国成立之后取得了巨大的进步，但是相对于西方发达国家而言我们还十分落后。随着计算机技术以及计算机网络技术的飞速发展，人们终于找到了一条实现这种梦想的捷径，那就是寄希望于把各种教育资源移置到互联网上，使得各地方的人都能够方便的获取到各种自己想要的知识，打破传统教育资源分配不均的限制，使得更多的人能够有机会获取到知识，这就是精品课程网站研究的实现意义。为了方便人们的学习，我们还将精品课程制作成一个个课件，使得人们既可以在线观看，也可以下载下来观看。方便人们空余时间的学习。现在Flash动画在课件制作领域呈现出强大的生命力。用多媒体课件进行教学，二维动画因为能简洁、清晰地反映事物的变化过程，让学生易于理解。在课件制作及素材制作时，著名的平面动画软件Flash成为了越来越多教师的首选。利用Flash制作课件可以插入声音等等素材，让学生不觉得枯燥，容易接受。将Windows安装与配置这门课程作为课件，让学生可以在网站上浏览和下载，易于学习，方便老师和学生的交流。1.1.1 多媒体教学多媒体教学是指在教学过程中，根据教学目标和教学对象的特点，通过教学设计，合理选择和运用现代教学媒体，并与传统教学手段有机组合，共同参与教学全过程，以多种媒体信息作用于学生，形成合理的教学过程结构，达到最优化的教学效果。1.1.2 多媒体课件制作工具FlashFlash是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载播放，这样就避免了用户长时间的等待。Flash可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。Flash虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPT，也可作出互动性很强的主页来。Flash具有以下四个特点：（1） 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。（2） 通过使用关键帧和图符使得所生成的动画（.swf）文件非常小，几k字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。（3） 把音乐、动画、生效、交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多叹为观止的动画效果。（4） 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。1.1.3 图片处理工具PhotoshopPhotoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。1.2 设计意义多媒体课件简单来说就是老师用来辅助教学的工具，创作人员根据自己的创意，先从总体上对信息进行分类组织，然后把文字、图形、图像、声音、动画、影像等多种媒体素材在时间和空间两方面进行集成，使他们融为一体并赋予它们以交互特性，从而制作出各种精彩纷呈的多媒体应用软件产品。多媒体课件需具备以下特点：（1） 丰富的表现力：多媒体课件不仅可以更加自然、逼真地表现多姿多彩的视听世界；还可以对宏观和微观事务进行模拟，对抽象、无形事务进行生动、直观的表现；对复杂过程进行简化再现等。这样，就使原本艰难的教学活动充满了魅力。（2） 良好的交互性：多媒体课件不仅可以在内容的学习使用上提供良好的交互控制，而且可以运用适当的教学策略，指导学生学习、更好地体现出“因材施教的个别化教学”。（3） 极大的共享性：网络技术的发展，多媒体信息的自由传输，使得教育在全世界交换、共享成为可能。以网络为载体的多媒体课件，提供了教学资源的共享。多媒体课件在教学中的使用，改善了教学课件的表现力和交互性、促进了课堂教学内容、教学方法、教学过程的全面优化，提供了教学效果。现在Flash动画在课件制作领域呈现出强大的生命力。用多媒体课件进行教学，二维动画因为能简洁、清晰地反映事物的变化过程，让学生易于理解。在课件制作及素材制作时，著名的平面动画软件Flash成为了越来越多教师的首选。利用Flash制作课件可以插入声音等等素材，让学生不觉得枯燥，容易接受。将Windows安装与配置这门课程作为课件，让学生可以在网站上浏览和下载，易于学习，方便老师和学生的交流。1.3 设计思想Windows安装与配置是我们计算机专业中重要的一门课程，同时也是学生很难理解的一门课程，所以为了方便学生课外的学习，将Windows安装与配置 作为精品课程网站，让学生在课外也可以与老师交流、学习知识。 本课件Windows安装与配置课程的学习。主要针对课程的抽象性进行课程的设计，在课程中对抽象的内容直观化。帮助学生对这门课程的理解，使学生了解抽象的内容，并对所学的内容感兴趣。2 设计分析2.1 需求分析课件是根据教学大纲的要求，经过教学目标确定，教学内容和任务分析，教学活动及界面设计等环节，而加以制作的课程软件。Flash课件制作在教学中的作用日益明显，它为教师开辟更广阔的创新空间，并使学生的课堂学习如虎添翼。它能将教育信息通过多彩的图、文、声、像等形式，直观、形象、生动地作用于学生的感觉器官，使学生在丰富的感性材料刺激下，产生自主学习的兴趣。也使教师的教学变得更加生动活泼，优化了教学的过程，提高了效率，增强了效果。2.2 具体分析本设计总共制作了六个课件，将Windows安装与配置课程归纳出七个重要的知识点，并对每个知识点进行相应的讲解。课件一：阐述Windows Server 2003基础知识和虚拟机的安装。课件二：阐述如何创建Windows 2003 域，Active Direction活动目录，域方便管理员集中管理域成员。课件三：阐述用户账户的创建与管理。课件四：阐述组账户的创建与管理。课件五：阐述NTFS的数据管理功能以及访问网络上的文件和安全设置。课件六：阐述注册表编辑以及磁盘系统的管理。以上几个课件中均采用了按钮、图形、影片剪辑等元件来实现，其中还插入了相应的特效来使课件更加完美，让学生觉得不枯燥。2.3 准备工作为每个课件找一个适合的背景图片，并可以根据要求对图片进行相应的处理，处理图片采用Photoshop。3 概要设计3.1 本设计内容说明本精品课程网站是针对Windows 安装与配置而开发的，该网站包含了四个功能模块：网络课堂、优秀作品展示、论坛以及资源的下载。网站中提供了在线做题、在线测试，帮助学生巩固知识。网站中还提供了Flash课件，让学生可以像课堂上一样学到知识。该精品课程网站使用会员登录，只有会员才可以下载资料，普通用户只能在线观看。本设计是精品课程网站设计上的课件制作。每个课件都以清新为主题，让学生易于接受和理解，不觉得内容枯燥乏味。课件可以在线观看，也可以下载。课件基本上都是通过按钮来实现从一个页面进入另一个页面，从一个页面返回到另一个页面，在课件中加入了音乐，用按钮来控制音乐的播放和暂停，按钮的跳变是用代码来实现的，在课件中还用到了简单的Actionscript特效设计。课件中有些内容以图片形式来说明相关的操作步骤，图片之间的跳转也是通过按钮来实现。课件中用到了遮罩、引导、形状补间、图形元件、按钮元件、影片剪辑等。3.2 本设计步骤介绍3.2.1 课件一步骤介绍本课件制作可以分为以下几个步骤：（1） 将所要用到的背景图片导入到库中。（2） 开始页制作一个遮罩效果，并通过按钮进入下一个页面。（3） 制作一个变色环影片剪辑。（4） 制作一个花状影片剪辑元件。（5） 将次标题用遮罩来实现。（6） 用帧来控制文字内容的出现。（7） 软件的安装方法用图片来实现，自动播放，也可以用鼠标控制。3.2.2 课件二步骤介绍本课件制作可以分为以下几个步骤：（1） 将所要用到的背景图片、音乐导入到库中。（2） 首页以标题从小到大的效果效果出现，并制作一个蝴蝶飞舞的影片剪辑元件通过按钮进入另一个页面。（3） 制作一个水波影片剪辑元件。（4） 次标题以列表形式实现，通过按钮进入每个次标题的页面。（5） 域创建步骤采用文字和图片相结合的形式出现，并用一个按钮实现进入下一个步骤。（6） 有些标题的出现用帧控制出现。（7） 采用了遮罩效果。3.2.3 课件三步骤介绍本课件制作可以分为以下几个步骤：（1） 将要用到的背景图片、音乐导入到库中。（2） 首页标题用引导层来实现。（3） 制作一个蝴蝶飞舞影片剪辑元件。（4） 制作一个花开放的影片剪辑元件。（5） 将跳转按钮制作成一个圆形，几个按钮集成在一起。3.2.4 课件四步骤介绍本课件制作可以分为以下几个步骤：（1） 将所要用到的背景图片、音乐导入到库中。（2） 首页插入一个书本翻动影片剪辑元件。（3） 为按钮元件添加声音。（4） 制作一个声音按钮元件，用来控制声音的播放和暂停。（5） 次标题以遮罩效果出现，进入每个标题的内容用一个月亮状按钮元件来实现。（6） 制作一个枫叶影片剪辑元件。（7） 制作一个蜻蜓飞舞影片剪辑元件。（8） 文字内容以遮罩效果或者用帧控制来实现。3.2.5 课件五步骤介绍本课件制作可以分为以下几个步骤：（1） 将所要用到的背景图片、音乐导入到库中。（2） 首页制作成百叶窗效果。（3） 制作一个水草影片剪辑元件。（4） 为按钮添加声音。（5） 制作一个滑动菜单影片剪辑。3.2.6 课件六步骤介绍本课件制作可以分为以下几个步骤：（1） 将所要用到背景图片、音乐导入到库中。（2） 首页标题用帧控制来出现。（3） 制作一个鱼游动的影片剪辑元件。（4） 制作一个小喇叭按钮元件来控制声音的播放和暂停。4 系统实现4.1 课件一的具体实现4.1.1 制作前的准备将所需要的背景图片导入到库中的具体步骤如下：1、 单击“文件”|“导入”|“导入到库”命令，打开所需要的素材文档，其“库”面板如图4-1所示。图4-1 “库”面板2、 单击“图层”编辑区中的“插入图层”按钮，插入10个图层，前两个图层用来制作首页遮罩效果，后面几个图层是对每个页面制作。4.1.2 制作遮罩效果遮罩效果制作具体步骤如下：1、 按Ctrl+F8键，创建一个新元件，名称为“遮罩”，类型为“图形”。2、 选择图层1，将背景图片拖入该元件中，调整适当的位置和大小。3、 选择工具，添加一个新图层，命名为“zhezhao”。4、 选择zhezhao图层，使用工具，将背景图片覆盖起来，具体实现如图4-2所示。图4-2 绘制椭圆5、 选择图层1和zhezhao层上的第45帧，右击鼠标插入帧，然后再在zhezhao层上选择第45帧处插入关键帧，帧情况如图4-3所示。图4-3 帧插入6、 在第45帧处，选中椭圆，右击转换为元件，如图4-4-所示。图4-4 转换为元件7、 在第1帧处也是如此，转换为元件，和第45帧的方法一样。8、 使用工具，根据自己的要求对椭圆进行适当的调整。9、 最后，在第1帧处创建补间动画，如图4-5所示。图4-5 创建补间10、 右击“zhezhao”图层，将遮罩层勾选上，即可实现遮罩效果。4.1.3 制作影片剪辑元件制作花闪动影片剪辑具体步骤如下：1、 按Ctrl+F8组合键，创建15个“类型”为“图形”的元件，将花的15个图形image1-image15分别拖到图形元件中对应图形元件名称为图形5-图形19。2、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“Sprite1”，“类型”为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。3、 在第1帧处，将“图形5”元件拖入到“sprite1”场景中，插入空白关键帧，将“图形6”元件拖入到“sprite1”场景中，插入空白关键帧，依次类推，后面的几个图形元件也是如此，其“sprite1”影片剪辑元件如图4-6、图4-7、图4-8所示。图4-6 帧情况 图4-7 第1帧花颜色 图4-8 第15帧花颜色 这样，花闪动影片剪辑就制作完成。制作变色环影片剪辑元件具体步骤如下：1、 创建一个按钮元件，命名为“按钮1”。进入该元件的编辑窗口，在“点击”帧中绘制出一个粉红色的椭圆环，如图4-9所示。图4-9 绘制按钮2、 新建一个影片剪辑并命名为“圈”。进入该元件的编辑窗口，延长图层的显示帧至第3帧，在绘图工作区中绘制出如图4-10所示的图形。图4-10 编辑元件13、 创建一个新图层，在该图层的第2帧处插入空白关键帧，为其添加如下动作代码。this._xscale=this._xscale*1.1;this._yscale=this._yscale*1.1;/该元件放大1.1倍this.hit=this.hit-12;/定义变量if (this.hit<10) /如果this.hit小于10this.removeMovieClip();/移除该元件 else /否则this._alpha=this.hit;/设置该元件的透明度4、 选择第3帧并将其转换为空白关键帧，再为其添加如下动作代码。gotoAndPlay(2);/转到第2帧5、 按下快捷键Ctrl+F8键，创建一个新的影片剪辑“变色环”。进入该元件的编辑窗口，在绘图工作区中绘制出一个和“按钮1”按钮元件一样的椭圆环，再将第225帧转换为关键帧，修改每帧中图形的填充色，如图4-11所示。图4-11 编辑元件26、 选择第1帧，为其添加如下动作代码。Stop();/停止播放7、 新建一个名为“环”的影片剪辑，进入该元件的编辑窗口，将图层1改名为“色环”，延长显示帧到第3帧。将“变色环”影片剪辑拖入到绘图工作区的中央，修改其实例名为“coloreddisc”，如图4-12所示。图4-12 放置元件8、 插入一个新图层“按钮”，将“按钮1”按钮元件拖入到该图层中，调整期大小和位置，使其覆盖下方的图形，如图4-13所示。图4-13 放置按钮9、 通过动作面板，为“按钮1”按钮元件添加相应代码，用来实现设置新元件的位置、大小、颜色以及角度。10、 插入一个新图层“动作”，将该图层的帧转换为空白关键帧，选择第1帧，为其添加动作代码，用来实现该图形的旋转度。11、选择第2帧，为其添加如下动作代码。/该元件的角度随机this._x=600-500*this.lev;var newscale=5+(Math.pow(this.lev,4)*100);this._xscale=newscale;this._yscale=newscale;this.lv=this.lv+(random(3)-1)/10000;this.lev=this.lev+this.lv;/定义变量if (_root.rotating) this._rotation=this._rotation+(this.lv*100);/定义该元件的角度this._alpha=this.hit;/定义该元件的透明度if (this.hit>50) /如果this.hit的值小于50this.hit=this.hit-10;/this.hit值等于该值减10if (this.next<>"") /如果this.next不为空if (this.lev>_rootthis.next.lev) /如果this.lev大于_rootthis.next.levthis.lev=_rootthis.next.lev;/它们相等var templv=_rootthis.next.lv*.9;/声明变量_rootthis.next.lv=this.lv*.9;this.lv=templv;this.hit=100;/定义变量 else /否则this.lev=1;this.lv=-.04;/lev的值为1，lv的值为-0.04if (this.prev="") /如果this.prev为空this.lev=.1;this.lv=.04;/lev的值为0.1，lv的值为0.0412、在第3帧处添加如下动作代码。gotoAndPlay(2);/转到第2帧13、回到主场景中，将图层1改名“元件”，将“环”和“圈”影片剪辑拖入到场景中并放置在绘图工作区外，如图4-14所示。图4-14 放置元件14、 分别修改它们的实例名为“ringTemp”、“tringTemp”。15、回到主场景中，在放该元件的图层的起始帧上输入相应数据。这样变色环制作成功。4.1.4 制作按钮元件1、制作首页按钮元件具体步骤如下：按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“按钮”，类型为“按钮”，单击“确定”按钮进入元件的编辑场景。在“弹起”出输入Enter，按钮主要制作为文字颜色变化，如图4-15所示。图4-15 Enter按钮制作2、 按钮2、按钮3、按钮4、左、右按钮的制作方法和上面Enter按钮制作的方法一样。4.1.5 合成动画完成各元件的制作后，就要将它们合并成flash动画了，动画图层如图4-16所示。图4-16 动画图层1、 动画的基本布局合成的动画的具体步骤如下：（1） 选择“layer1”图层中，将图片背景图片、按钮元件拖入场景中，并输入文字内容。（2） 选择“zhezhao”图层中，使用“工具”栏中“椭圆工具”，画一个椭圆覆盖住背景图片。（3） 选择“元件”图层中，将变色环影片剪辑元件拖到场景中，基本布局完成，如图4-17所示。图4-17 flash动画的基本布局2、 时间轴的确定（1） 选择“图层1”图层中，在第83帧处插入关键帧，将背景图片、内容图形元件、左按钮元件、右按钮元件拖入到场景中，在第125帧处插入关键帧，并在第125帧处打开动作面板，写上如下代码。stop();（2）选中左按钮，打开动作面板，输入代码：on(release)gotoAndPlay(1);；选中右按钮，打开动作面板，输入代码：on(release)gotoAndPlay(126);。如图4-18所示。图4-18 图层1页面展示鼠标指针滑过变色环时会出现线条，标题是以遮罩形式由上而下出现，点击向左按钮是往前，点击向右按钮是往后。（3） 选择“图层2”图层中，在第126帧处插入关键帧，将背景图片、左右按钮拖入场景中。使用工具在背景图片外面输入“虚”字，在第127帧 处插入关键帧，向下移动“虚”字，在第128帧处插入关键帧，再向下移动“虚”字，直到移动到合适的位置。“拟”字和“机”字也采用同样的方法。虚拟机的概述内容也是采用插入关键帧来实现。在第177帧处将按钮“虚拟机安装方法”拖入场景中。在第181帧处将按钮“Windows Server 2003概述”拖入场景中。在第186帧处插入关键帧，并写上代码：stop();。该页面展示如图4-19所示。图4-19 图层2页面展示鼠标点击“安装方法”按钮，将会跳转到虚拟机的安装步骤；鼠标点击“Windows Server 2003概述”按钮下面则会弹出Windows Server 2003的基本知识。（4） 选择“图层4”图层中，在第209帧处插入关键帧，在第209帧处输入代码：go=true，将影片剪辑“sprite1”拖入场景中。分别选中左右按钮，输入相应代码。使用工具输入文字“虚拟机的安装”，然后用关键帧控制文字的出现。第217帧处插入关键帧，将虚拟机的安装步骤用文字表述，并附带有图片，每个操作步骤的出现是以自动形式出现，如果用户不想自动，则可以用鼠标点击图片，则会暂停播放，再次点击则会继续播放，具体实现如下：将图片设置成按钮元件，选中图片按钮，打开动作面板，输入代码：on (release) /按下并释放鼠标if(go) stop();/停止 else /否则gotoAndPlay(228);/跳转到第228帧go = !go;/判断变量是否相等 每隔10帧插入一个关键帧，后面的几个操作步骤都是如此，代码只需将帧的跳变改变。该页面如图4-20所示。图4-20 图层4页面展示（5） 选择“图层5”图层中，将背景图片、左右按钮拖入到场景中，使用工具输入文字。在第327帧处输入代码go=true；分别选中左右按钮，输入相应动作代码。该图层实现的是Windows Server 2003的安装步骤，也是以文字和图片相结合的形式出现，每个操作步骤用帧自动实现，如果不想自动，则可以用鼠标点击图片，再次点击图片则继续播放，具体实现和“虚拟机的安装”一样。该页面如图4-21所示。图4-21 图层5页面展示3、 动作代码打开动作面板，在第208帧、第326帧、第596帧、第621帧处输入代码：stop();。4、 测试影片按Ctrl+Enter组合键测试影片，效果如图4-22所示。图4-22 测试影片4.2 课件二的具体实现4.2.1 制作前的准备将所需要的背景图片、音乐导入到库中的具体步骤如下：1、 单击“文件”|“导入”|“导入到库”命令，打开所需要的素材文档，其“库”面板如图4-23所示。图4-23 “库”面板2、 单击“图层”编辑区中的“插入图层”按钮，插入20个图层，前两个图层用来制作首页遮罩效果，后面几个图层是对每个页面制作。4.2.2 制作蝴蝶飞舞影片剪辑元件制作蝴蝶飞舞影片剪辑元件的具体步骤如下：1、 将蝴蝶飞舞的几个图片分别拖入到图形元件中。2、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“蝴蝶”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。3、 在第1帧处，将“蝴蝶1”图形元件拖入场景中，然后在第4帧处插入关键帧，将第4帧处的图片删除，将“蝴蝶2”图形元件拖入到场景中，在第7帧处插入关键帧，重复以上的步骤，具体操作如图4-24所示。图4-24 蝴蝶影片剪辑元件4.2.3 制作水波影片剪辑元件1、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“水波”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。使用工具，打开“颜色”面板|混色器，在类型中选择“放射状”，在“属性”面板，将刷子的平滑度设为10，在工作区中绘制出水波纹的形状。2、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“水波1”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。按Shift+Ctrl+Alt+R组合键启用网格，然后将“水波”从库中拖到影片剪辑元件“水波1”中。选择“图层1”的第20帧处，插入关键帧，并将对象向左上方适当的移动，第40帧处，插入关键帧，并将对象向右下方移动一段距离。在该图层的第1帧处右键，创建“补间动画”，在第20帧处也创建补间动画。3、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“水波2”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。再次将“水波”从库中拖到“水波2”中，在第20帧处插入关键帧，将对象向右下方移动一段距离，在第40帧处插入关键帧，再将对象向左上方移动一段距离。分别在第1帧和第20帧处单击右键，创建补间动画。4、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“水波3”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。将“水波1”从库中拖到工作区。新建一个图层，在该图层上，将“水波2”拖到工作区，并将其上移一段距离，使其位于元件“水波1”的上方。5、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“模糊水波”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。将“水波3”推到该元件中，打开滤镜|模糊，设置为X:70,Y:10,品质高，然后返回主场景。6、 最后将“模糊水波”从库中拖到主场景中。4.2.4 测试影片按Ctrl+Enter组合键测试影片，效果如图4-25所示。图4-25 测试影片4.3 课件三的具体实现4.3.1 引导层的实现1、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“1”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。选择“图层1”，将图片拖到场景中，使用工具添加一个引导层，在图层上，使用工具绘制一条直线，然后再使用工具将该直线弯曲成自己想要的结果。2、 将图片移到直线的首端，然后在第11帧处插入关键帧。再将图片移到曲线的弯度处，在第22帧处插入关键帧，后面也是如此。最后当关键帧插完后，在“图层1”最后插入一个关键帧，输入代码：stop();，最后在“图层1”的第1帧、11帧、22帧、31帧处创建补间动画，具体实现如图4-26所示。图4-26 引导层实现4.3.2 制作影片剪辑元件蝴蝶飞舞影片剪辑具体步骤如下：1、 按Ctrl+F8组合键，弹出“创建新元件”对话框，设置“名称”为“51”，类型为“影片剪辑”，单击“确定”按钮进入元件的编辑场景。2、 在第1帧处，将蝴蝶图片拖入场景中，在第4帧处插入空白关键帧，在拖入蝴蝶图片，在第7帧处插入空白关键帧，重复此操作，具体实现如图4-27所示。图4-27 蝴蝶飞舞花开放影片剪辑的具体步骤和蝴蝶飞舞的具体步骤一样，具体实现如图4-28所示。图4-28 花开放影片剪辑4.3.3 测试影片按Ctrl+Enter组合键测试影片，效果如图4-29所示。图4-29 测试影片4.4 课件四的具体实现4.4.1 制作影片剪辑元件书本翻页影片剪辑具体步骤如下：1、 先创建一个新元件，名称为“sprite1”，类型为“影片剪辑”，单击“确定”按钮进入编辑。2、 在第1帧处拖入书图片，在第6帧处插入空白关键帧，在同一个位置拖入另一张书图片，在第11帧处插入关键帧，重复此操作，具体实现如图4-30所示。图4-30 书本翻页影片剪辑蜻蜓飞舞影片剪辑具体步骤如下：1、 创建一个新元件，名称为“图形108”，类型为“图形”，使用工具绘制蜻蜓翅膀和尾巴，使用工具绘制蜻蜓眼睛，打开“颜色”面板，对蜻蜓选择适合的颜色。2、 创建一个新元件，名称为“sprite6”，类型为“影片剪辑”，将图形108拖入该元件中，在第6帧处插入关键帧，使用工具调整、旋转蜻蜓，在第10帧处插入关键帧，重复上述操作，插完帧后，在每个帧上右击创建补间动画。具体实现如图4-31所示。图4-31 蜻蜓飞舞4.4.2 制作按钮元件按钮控制声音播放和暂停的具体步骤如下：1、 执行“文件|导入|导入到库”命令，将影片中需要的背景图片和声音导入到元件库中。2、 创建一个按钮元件“button4”，在该按钮元件的绘图工作区中绘制出如图4-32所示的图形，延长其显示帧到“点击”帧。图4-32 编辑“button4”按钮3、 使用相同的方法编辑出按钮元件“button5”，如图4-33所示。图4-33 编辑“button5”按钮4、 创建一个新的影片剪辑，将其命名为“sprite9”，打开“属性”面板，选择“声音|sound4”，如图4-34所示。图4-34 影片剪辑“sprite9”编辑5、按下快捷键“Ctrl+F8”，新建一个名为“sprite10”的影片剪辑，将“button4”按钮元件拖入到该影片剪辑中，通过动作面板为该按钮添加如下动作代码。on (release) /鼠标按下后释放 _root.bj.stop();/影片剪辑“bj”停止播放 stopAllSounds();/所有声音停止播放 gotoAndStop(2);/该元件转到第2帧并停止6、 选择第1帧，为其添加如下动作代码。stop();/停止播放7、 通过属性面板为第1帧添加声音，并设置效果为“淡入”，同步为“事件”、“循环”，如图4-35所示。图4-35 添加声音8、 将第2帧转换为关键帧，将“button5”按钮元件拖入到该帧中，调整好位置，并为其添加如下动作代码。on (release) /鼠标按下后释放 _root.bj.play();/影片剪辑“bj”开始播放gotoAndPlay(1);/该元件转到第1帧并停止9、 回到主场景中，将“sprite9”影片剪辑拖入到该图层中，调整其位置和大小，修改其实例名为“bj”。10、 插入一个新图层“元件”，将“sprite10”影片剪辑放置到该图层绘图工作区的右上角。为按钮添加声音具体步骤如下：1、 创建一个按钮元件，在该元件中绘制如图4-36所示的图形。图4-36 按钮2、 选择“指针经过”帧，在属性面板中的声音下拉列表中选择“指针经过的声音”，这时声音文件就被放置到“指针经过”这一帧里了，在“同步“的下拉列表中选择“事件”。3、 选择“按下”帧，在属性面板的声音下拉列表中选择“按下的声音”，这时声音文件就被放置到“按下”这一帧里了，在“同步“的下拉列表中选择“事件”。具体实现如图4-37所示。图4-37 为按钮添加声音4.4.3 测试影片按Ctrl+Enter组合键测试影片，效果如图4-38、4-39所示。图4-38 测试影片1（首页）图4-39 测试影片2（第二页）4.5 课件五的具体实现4.5.1 制作百叶窗效果1、 按Ctrl+F8新建一影片剪辑，重命名为“叶片”，如图1所示。点击“确定”后进入“叶片”影片剪辑中编辑。2、 在工具箱中选择矩形工具，在“叶片”影片剪辑中画一无线框的长条矩形（颜色随意），长400（同主场景的宽）高30（主场景的1/10大小），并让其中心对齐，如图4-40所示。图4-40 叶片3、 在第30帧处按F6键插入关键帧，将30帧处的矩形尺寸改为400×1像素。4、 点击第1帧，然后打开属性面板，在属性面板中设置130帧补间为“形状”，其它属性为默认。5、 在第31帧处按F7键插入空白关键帧，然后再第50帧也按F7插入空白关键帧，此时时间轴为如图4-41所示。图4-41 关键帧6、 在第50帧处加入AS语句：_root.play();7、 返回主场景中，将“图层 1”重命名为“Mask”。Ctrl+L打开库面板，将“叶片”影片剪辑拖至主场景中，然后再将“叶片”影片剪辑复制出9份（和最开始拖拽出的“叶片”一共10份）。（提示：可以按住键盘上的Ctrl键后拖拽“叶片”影片剪辑快速复制）。8、 Ctrl+A将十份“叶片”全选，Ctrl+K打开对齐面板，确保已经启用“应用于舞台”，先后点击“垂直居中分布”与“水平居中分布”。9、 确保10份“叶片”都已被选中，按F8将其转换为影片剪辑，重命名为“百叶窗”。10、 执行【文件】菜单【导入】【导入到库】命令，导入3幅图片，在库中将那三幅图片重命名为“A”、“B”、“C”。11、 新建两图层，分别为“ABC”与“BCA”，然后调整一下图层的位置，图层的顺序如图4-42所示。图4-42 主场景控制12、 点选图层“ABC”中的第1帧，将库中的位图“A”拖拽至“ABC”层的第1帧中，并适当调整“A”图片的位置与大小，使其与舞台同宽同高