第11章 创建交互网页动画.ppt

《第11章 创建交互网页动画.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章创建交互网页动画教学内容：ActionScript是Flash强大交互功能的核心，是Flash中不可缺少的重要组成部分之一。ActionScript是Flash内置的编程语言，用它为动画编程，可以实现各种动画特效，对影片的良好控制、强大的人机交互以及与网络服务器的交互功能。通过本章的学习可以制作出交互的动画效果。教学重点创建发送电子邮件动画设计鼠标跟随效果动画设计控制动画播放的效果设计一个预加载的Loading设计放大镜效果教学难点设计网络广告动画的测试与发布教学目标和基本要求___________________________________________________

2、______________________________________________________教学时间：本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample第11章练习文件：exercise第11章本章各节课时分配及链接11.1任务43创建发送电子邮件动画——（）课时11.2任务44设计鼠标跟随效果动画——（）课时11.3任务45制作电影播放器——（）课时11.4任务46设计一个预加载的Loading——（）课时11.5任务47设计放大镜效果——（）课时11.6综合实训——设计网络广告——（）课时本章小结思考与练习11.1

3、任务43创建发送电子邮件动画发送电子邮件的动画是最常见的网页动画之一。下面通过一个例子来讲述电子邮件动画的制作。11.1.1简单讲评利用getURL语句不但可以完成超文本链接，而且还可以链接FTP地址、CGI脚本和其他形式，如电子邮件链接效果。11.1.2核心知识“动作”面板是ActionScript编程中所必需的，它是专门用来进行ActionScript编写工作的，即ActionScript程序的开发环境。通过选择“窗口>动作”命令，即可打开“动作”面板。11.1.3实际操作步骤2选择“插入>新建元件”命令，弹出“创建新元件”对话框，在对话框中的“名称”文本框中输入元件的名称“按钮”

4、，“类型”设置为“按钮”。步骤3单击“确定”按钮，进入元件的编辑模式，选择工具箱中的“多角星形”工具，在“属性”面板中将“笔触高度”设置为8，“笔触样式”设置为“点刻线”，“笔触颜色”设置为#6532FF，“填充颜色”设置为“无”。步骤4单击“属性”面板中的“工具设置”选项中的“选项”按钮，弹出“工具设置”对话框。步骤5单击“确定”按钮，设置工具，在文档中绘制一个4角星形。步骤7单击文档左上角的“场景1”返回场景，单击“时间轴”面板左下角的“插入图层”按钮，新建一图层2，将“库”面板中的“按钮”元件拖入到文档中。11.2任务44设计鼠标跟随效果动画在Flash中鼠标跟随的制作方法有很多

5、种，下面介绍一种鼠标跟随效果，让广告图像紧随你的鼠标。11.2.1简单讲评利用startDrag语句可以制作常见的鼠标跟随效果。11.2.2核心知识在时间轴中选中要添加动作的关键帧。选择“窗口>动作”命令，打开“动作”面板，在面板中插入ActionScript代码，可以注意到，这时关键帧上出现了一个小的“a”标记，标志着在该帧处有ActionScript代码。11.2.3实际操作步骤2单击“时间轴”左下角的“新建图层”按钮，新建一图层，选择“文件>导入>导入到舞台”命令，导入图像44a.gif到舞台中。步骤3选中“图层2”中的图像，按F8键，弹出“转换为元件”对话框，在对话框中的“名称

6、”文本框中输入元件的名称“图形”，“类型”设置为“影片剪辑”。步骤5选中“图层2”的第1帧，打开“动作”面板，在面板中的双击左侧的“全局函数>影片剪辑控制>startDrag”命令，插入startDrag。步骤6将光标放置在()中间，单击上方的“插入目标路径”按钮，弹出“插入目标路径”对话框，在对话框中选择gensui。步骤8将代码修改为startDrag(“_root.gensui”,true);。11.3任务45制作电影播放器在Flash中，可以利用loadMovie和unloadMovie语句将外部的影片载入和卸载。利用这种方法，可以将电影载入动画中。11.3.1简单讲评下面通过

7、实例讲述利用loadMovie和unloadMovie语句制作电影播放器。11.3.2核心知识在Flash中从外部加在SWF或者JPG图片，会用到loadMovie语句。打开“动作”面板，在左侧顶部的下拉列表中选择“ActionScript1.0&2.0”，然后在“全局函数”>“浏览器/网络”中找到loadMovie这条语句。双击该条语句，在右侧可以看到插入后的loadMovie语句。11.3.3实际操作步骤4单击“时间轴”面板左下角的“插入图