网页设计与制作 —— 学习情境三：flash动画网页的设计 主讲教师：李果、邹珺

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 任务： flash动画网页的设计 1、确定网页直观效果 2、实现网页的动态效果 模板页面设计与制作： 制定方案 工作过程 工作检查 工作总结

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 学生分组： 继续沿用学习情景一分组。 指导学生根据任务量和时间量安排计划。 工作计划： (示例) 工作过程 工作检查 工作总结

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 学生提交计划： 教师抽查，现场指导调整。 指导学生根据任务计划制定实施方案。 实施方案： (示例) 制定方案 工作过程 工作检查 工作总结

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 学习内容： 一般帧、关键帧和空白关键帧的概念及应用场合 影片剪辑、按钮、图形元件建立及转换 逐帧动画的制作 补间动画的制作 遮罩动画的制作 引导线动画的制作 应用动作 在动画中添加媒体元素 学习内容： 工作计划 制定方案 工作过程 工作检查 工作总结

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 专业能力目标 教学目标： 社会能力目标 方法能力目标 工作检查 工作总结

1.按钮响应鼠标的八种形式 1、按下（press）：鼠标在按钮上按下时执行按钮下的代码 2、释放（release）：鼠标在按钮上按下，而后在按钮上释放鼠标时执行按钮下的代码 3、释放离开（releaseOutside）：鼠标在按钮上按下，而后将鼠标移出按钮区域，再释放鼠标时执行按钮下的代码 4、鼠标经过（rollOver）：鼠标从按钮区域外滑入按钮区域时执行按钮下的代码

1.按钮响应鼠标的八种形式 5、鼠标离开（rollOut）：鼠标从按钮区域滑出时执行按钮下的代码 6、拖放经过（dragOver）：鼠标在按钮区域按下，而后将鼠标移至按钮区域外，再将鼠标移入按钮区域时执行按钮下的代码 7、拖放离开（dragOut）：鼠标在按钮区域按下，而后将鼠标移至按钮区域外时执行按钮下的代码 8、按钮（keypress）：用于响应键盘，注：一个keypress只能设置一个键

goto 2、基本动作函数 play stop stopAllSounds 跳转到指定的帧。使用它，能使时间线跳转到任意帧、任意场景，并由设置决定继续播放还是停止 play 播放。就是播放已经停止的动画，它是使动画从停止点继续往后播放（此函数没有参数） stop 停止。就是使正在播放的动画停止播放（此函数没有参数） stopAllSounds 停止所有声音的播放。用这条语句可以在不中断电影播放的情况下，停止所有声音的播放（此函数没有参数） 2、基本动作函数

3、浏览器/网络 fscommand getURL loadMovie fullscreen是否全屏显示（true是/false否） allowscale是否允许缩放（true允许/false禁止） showmenu是否显示菜单（true显示/false隐藏） trapallkeys是否禁止ESC键（true禁止/false解禁） quit退出 getURL 使浏览器浏览指定页面 其实这里也可以使用相对地址： 如果SWF与要打开的资源属于同一目录下，可直接书写要打开的文件名及后缀。如getURL("aaa.swf); 如果资源在下一层目录，就以/开头，如getURL("/aaa.swf"); 如果资源在上层目录，就以../开头，如gerURL("../aaa.swf)"; 以上说的目录是指SWF文件存放的目录为基准。 loadMovie 引入影片，此函数功能是在一个Flash动画中加载另外一个Flash动画 注：若加载的动画在第0层，被加载动画将取代调用动画，否则，它在调用动画的上面 3、浏览器/网络

4、影片剪辑控制 （1）duplicateMovieClip 复制影片剪辑 实体名：被复制的影片剪辑实体名 新名：为复制的影片剪辑取的实体名 注：一个影片中影片剪辑名不能相同，否则后复制的影片剪辑会将前面复制的影片剪辑覆盖 深度：复制后的影片剪辑存放的层级 注：1、深度数值越大，层级越高 2、一个深度数值只能存放一个被复制影片剪辑，否则，后复制的对象会覆盖前面复制的对象

（2）removeMovieClip 删除复制的影片剪辑 （3）setProperty 设定属性 setProperty(“实体名”,属性,数值); ActionScript中常用的属性： _alpha：透明度（100完全不透明/0完全透明） _rotation：顺时针旋转的角度 _visible：可见性（true可见/false不可见） _x,_y：对象x轴、y轴的坐标 _xscale,_yscale：水平、垂直方向的缩放（100无缩放）

_xmouse,_ymouse：鼠标的x轴、y轴的坐标 _totalframes：影片总帧数 _currentframe：影片当前帧数 _width,_height：宽度、高度 _xmouse,_ymouse：鼠标的x轴、y轴的坐标 _totalframes：影片总帧数 _currentframe：影片当前帧数 _framesloaded：影片被载入的帧数 （4）startDrag 开始拖动影片 startDrag(“实体名”,bool,left,top,right,bottom); （5）stopDrag 停止拖动影片 stopDrag(); //此函数没有参数

5、变量 （1）delete 删除变量 delete 变量1，变量2，… ； （2）set variable 为变量赋值 若此变量前面没有定义，则此函数的功能是：先定义变量，而后为变量赋值 若此变量前面已经定义，则此函数的功能是：为变量赋上一个新的值 （3）var 定义变量 var 变量=数值 ； 定义一个局部变量，定义时可为其赋值

6、条件/循环 （1）if语句 if( 条件 ){ … } （2）else if语句 else if( 条件 ){ … }

7、循环控制语句 （for语句、while语句、dowhile语句） for(表达式1；表达式2；表达式3）{ 循环体 }

8、break语句和continue语句 它们都是用在循环控制语句中 break语句的作用是提前结束循环语句的执行，继续执行循环语句后面的语句 continue语句的作用是结束本次循环，提前判断条件

9、 ActionScript脚本语言书写形式 Flash 8的语言书写形式是点语法形式，这和VB.NET相似 例：_root.play(); 值得一提： _root表示主场景 上面语句的意思是主场景播放 例：_root.mc.gotoAndPlay(10); 意思：主场景下的实体名为mc的影片剪辑跳到第10帧并播放

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 15分钟 学生自我检查： 20分钟 修改： 小组内相互检查： 20分钟 修改： 制定方案 工作过程 20分钟 小组间相互检查： 25分钟 修改： 工作检查 15分钟 教师抽查： 20分钟 修改： 工作总结

flash动画网页的设计 工作内容 工作计划 制定方案 工作过程 工作检查 工作总结 学习情境3 学生自评项(15分钟) 1.填写“成果评价表”： 学生自评项(15分钟) 学生互评项(25分钟) 工作计划 制定方案 2.教师针对普遍问题进行点评(30分钟) 工作过程 工作检查 3.教师引导学生总结，填写“工作日志” (20分钟) 工作总结