网络多媒体学习课件脚本(制作flash时钟)

1、网络多媒体学习课件脚本(制作flash时钟)对 象Falsh动画初学者课 型Flash控件学习课 题制作flash时钟执 教高翔联系电导教师高翔、张强计思路运用“制作flash时钟”这一案例，学习动态文本和ActionScript语句的应用。学习目标学习者能够熟练的运用动态文本和ActionScript语句制作flash时钟。学习难点处理素材，设计时钟外观，正确处理系统时间，并将时间赋给每个指针教学内容设计课件呈现方式一、 引言展示3-4个已经做好的flash动画。最后显现文字：看看这些可爱的flash时钟动画，你是不是也想制作一个自己的电子

2、钟呢？ 交互01：引言点击课件的“引言”字样，进入引言部分。自动播放flash时钟动画（3-4个），最后出现文字（艺术字）。右侧放置五个按钮，四个连接打开flash时钟动画的按钮、一个返回按钮。依次点击flash动画按钮，可以观赏刚才播放的flash时钟动画，点击“返回”，回到课件首页。二、 小知识（学习flash的基础知识）小知识的内容介绍：在开始制作flash时钟动画之前，我们一起来学习一些在制作过程中需要的flash基础知识吧主界面文字介绍：在开始制作flash时钟动画之前，我们一起来学习一些在制作过程中需要的flash基础知识，请选择需要学习的部分，点击相应的按钮进入。1、创建新的fl

3、ash文件的方法显示的内容：创建新的flash文件的方法：启动flash程序，选择创建新项目中的flash文档选项，创建空白的新flash文件。点击文件保存或用快捷方式按Ctrl+S(或Ctrl+ shift +S) ，弹出另存为对话框，选择保存路径，输入文件名，点击保存。2、设置文档属性方法 显示的内容：设置文档属性方法：点击修改文档或用快捷方式按Ctrl+J，弹出文档属性对话框（附图1），可以设置尺寸、匹配情况、背景颜色、帧频、标尺单位等，标尺单位包括英尺、厘米、毫米、像素等，一般选用像素，将帧频设置为12fps。3、创建新元件方式显示的内容：创建新元件的方式：点击插入新建元件或用快捷方式

4、按Ctrl+F8，弹出创建新元件对话框（附图2 ），输入元件名称，并选择元件的行为。4、打开库的方法显示的内容：打开库的方法：点击窗口，勾选库或用快捷方式按Ctrl+L，在flash界面的右下角将会显示库的信息（附图3）。5、怎样显示网格显示的内容：怎样显示网格：点击视图网格显示网格或用快捷方式按Ctrl+即可。 交互02：小知识将鼠标放在“小知识”文字上，出现小知识的内容介绍。点击课件的“小知识”字样，进入小知识部分。主界面左侧显示文字，右边放置六个按钮，分别为创建文档、文档属性、创建新元件、打开库、显示网格和返回。点击创建文档、文档属性、创建新元件、打开库和显示网格按钮，文字框架部分分别显

5、示相应的介绍内容，并配有图示说明。点击返回按钮，回到课件首页 三、 教学内容1、主要控件介绍（1）元件元件，实质上是指可以重复使用且保存在库中的元素，是组成flash动画的基本元素。当把元件从库中拖到场景的舞台中时，实际上元件本身并不是放置在舞台上，而是创建了一个被称为实例的元件拷贝，因此可以在不改变原始元件的情况下，任意多次和使用任意的方法更改实例，而在库中始终保存原始元件的副本。元件分为两种类型：内部flash元件和导入的元件。内部flash元件是指直接在flash中创建的元件，导入的元件是指在其他软件中创建并被导入至flash中的元件。内部元件也称为元件行为，这是由于内部元件包含三种类型

6、，并在影片中起到不同的作用。三种内部flash元件分别为影片剪辑、按钮和图形。图形元件：图形元件是指由多种不同的flash绘图和着色工具创建的静态元素，它可用于主影片，还被普遍用于时间线动画中的元素。按钮元件：按钮元件是flash作品种最常用的一种交互式元素，可以和ActionScript（脚本语言）紧密地结合在一起。按钮实际上是由4个帧组成的交互影片剪辑。当为元件选择按钮行为时，会创建一个4帧的时间轴。前3帧显示按钮的3种可能状态，第4帧定义按钮的活动区域。时间轴是对指针运动和动作作出反应，跳到相应的帧。按钮元件的时间轴上的每一帧都有一个特定的功能。第1帧弹起状态，代表指针没有滑过按钮时该按

7、钮的状态。第2帧指针经过状态，代表指针滑过按钮时，该按钮的外观。第3帧按下状态，代表单击按钮时，该按钮的外观。第4帧点击状态，定义将响应鼠标单击的区域，但该区域在影片中是不可见的。影片剪辑元件：影片剪辑元件，是一种小型影片，即可包含影片也可被放置在在另一个影片中，还可以被无限次的嵌套使用。影片剪辑元件可以独立于时间轴进行播放，并且在组成上没有任何限制，还可以被放置在另一个元件中。 导入的flash元件的类型有：位图、音频、数字视频等，所有被导入的数字视频文件都将被自动以元件的形式放置在库中。 （2）动态文本 （3）ActionScript（脚本语言）2、制作过程介绍 （1）制作电子钟需要的各种

8、元件步骤1：启动flash MX，按键盘上的Ctrl+J快捷键，打开“文档属性”对话框，设置动画的文档大小为550*400，点击确定，如图3-1所示，按键盘上的Ctrl+快捷键以显示工作区中的网格，并保存文件。 步骤2：创建影片剪辑元件，命名为hours，如图3-2所示，选取工具箱中的矩形绘图工具，在工作区中画一个矩形，然后将边框删除，并进行群组。一定要将制作好的元件底端和工作区中心对齐，如图3-3所示。 步骤3：用同样的方法制作影片剪辑元件“minutes”和“seconds”分别代表时钟的分针和秒针，为了加以区分，有不同的宽度和高度表示。步骤4：回到场景1中，将准备好的背景图片和闪动的数字

9、标示图片导入库中。说明闪动的数字标示图片的方法：创建影片剪辑元件，命名为1，点击时间轴的第一帧，从库中将图片1.gif拖到工作区中心，然后点击时间轴的第五帧，点击右键，选择插入关键帧，删除舞台上的图片1，将与图片1相对应的位图3拖到刚才图片1的位置，最后点击时间轴的第十帧，插入帧。按回车键就可看到闪动的数字标示图片了。用同样的方法制作影片剪辑元件2、3、4。至此，制作电子时钟所需要的材料已经全部准备好放在库中了，下面我们开始制作电子时钟了。 （2）制作电子钟的界面步骤5：点击场景1回到舞台，连续点击4次添加层按钮，依次将添加图层命名为文字、背景、指针、数字和action。步骤6：在时间轴上点击

10、背景层，将背景图片拖动到舞台中间，点击界面最下方的属性，将图片的宽设550，高为400，X：0，Y：0，如图3-3所示。在图片上右击，选择排列移至底层。步骤7：在时间轴上点击数字层，将作好的闪动的图片拖到拖到舞台上依次按顺时针顺序排成一个圆圈，在其间加入数字，调整位置做成表的刻度。步骤8：在时间轴上点击指针层，将做好的影片剪辑元件hours、minutes、seconds拖到舞台中，并调整大小位置，作为电子时钟的指针。为了美观，还可以在中间加一圆形图片。现在电子时钟的外形已经出来了，下面将是整个制作过程的核心部分，介绍如何正确处理系统时间，将时间赋给每个指针。 （3）编写ActionScrip

11、t（脚本语言） 步骤9：步骤10：步骤11：步骤12：3、制作过程（视频） 电子时钟的制作过程！4、制作难点5、成果展示交互03：教学内容点击课件首页的“教学内容”字样，进入教学内容部分。主界面左侧显示文字、图片或视频资料，右边放置六个按钮，分别为主要控件介绍、制作过程介绍、制作过程（视频）、制作难点、成果展示和返回。点击主要控件介绍按钮，进入主要控件介绍界面，分别有元件、，点击相应的按钮，左侧出现相应控件的介绍内容。点击返回，回到上一界面。点击制作过程介绍按钮，进入制作过程介绍界面，分别有，点击相应的按钮，左侧出现相应控件的介绍内容。点击返回，回到上一界面。点击制作过程（视频）按钮，进入制作过程（视频）界面，自动播放制作过程的