电子商务网站建设实验4.doc

实验综合成绩 （百分制） 实验评阅教师签名 其中 实验态度 优 良 中 及格 不及格 实验报告 优 良 中 及格 不及格 实 验 报 告 实验时间：2015年12月3日78节 一、实验运行环境 实验室 二、实验目的 1、熟悉Flash界面的基本组成；熟悉Flash绘图工具的使用；掌握Flash的文本操作。 2、掌握元件和实例的创建方法。 3、掌握Flash动画创建的基本方法。 4、掌握利用ActionScript控制动画播放的方法。 5、掌握Flash动画的调试与发布。 三、实验要求 按照实验步骤进行实验，压缩上交，并制作实验报告电子版与纸质版。 四、实验内容和步骤 1、制作广告图片。 （1）新建一个宽600像素、高400像素、背景颜色为白色的文档。 （2）将素材中的“cloud.jpg”导入到舞台中。 （3）新建“图层2”，单击“图层2”第1帧，将“car.png”导入到舞台中。 （4）在“图层2”的12帧插入关键帧，然后将第1帧的图形缩小并移到舞台右侧外；讲第1帧图片和第12帧图片变成分离状态，在第1帧与第12帧之间创建补间形状动画。 （5）锁定图层1、图层2。新建“图层3”，在“图层3”的12帧插入关键帧，用铅笔工 具画上曲线。锁定图层3。 （6）新建“图层4”，在12帧处插入关键帧，使用多边形工具，设为10个边星型。在屏幕外画一个多角星型。 (7)在“图层4”的第20帧处插入关键帧，将多角星移动到屏幕内，然后在第12帧处设定传统动画。将“图层3”设定为引导层，将“图层4”设定为被引导层。 (8)在“图层4”的第21帧处插入关键帧，选择【修改】|【分离】命令，将多角星变成分离状态。在第25帧处插入空白关键帧，输入“H”，字号设为40.选择分离命令，讲H变为打散状态，在第21帧处插入补间形状命令。 (9)新建图层5，将其放置为被“图层3”引导。在第20帧处插入关键帧，在屏幕上绘制多角星型，第28帧处插入关键帧，将其移动到屏幕中，在第20帧插入传统补间动画，调整其引导位置。并在第29帧处插入关键帧，将多角星打散，第34帧处插入空白关键帧，输入“A”，同样将其分离，设定第29帧插入补间形状命令。 (10)同样设置“V”“A”“L”三个字。 (11)将制作好的图层锁定，插入“图层9”，放置在图层3的上面。在第56帧处插入关键帧，输入文字“SUV 领导者”，设定文字字体为“楷体”，增加投影滤镜。 (12) 选择文字，选择【修改】|【转化为元件】命令，转化为图形元件。在第65帧处插入关键帧。讲文字上移。选中第56帧处文字，设置其属性中的色彩效果为中样式的透明度为0.在56帧处插入传统补间动画。 (13)新建图层10，在第65帧处插入关键帧，用文字工具输入“SUV 领导者”几个文字，颜色设为黄色，字体楷体，字号40号。将其移动覆盖图层9文字。 (14)新建图层11，在65帧处插入关键帧，在上面画一个小矩形。 (15)在第75帧处插入关键帧，将矩形移动到文字末尾，然后在第67帧处插入传统补间动画。 (16)选中图层11，点击右键，设置其为遮罩层。 (17)复制图层11的第65帧到第77帧，在第78帧粘贴。 (18)设置所有的图层帧都到第90帧结束。 (19)在图层1的第91帧处插入空白关键帧，设置舞台颜色为红色，输入文字“选择最好的，带来不一样的感受”，设置文字为白色，字号为80号，字体为楷体。在110帧处插入帧。完成动画制作。 2、制作百叶窗效果。 （1）新建一个空白文档，导入图像“百叶窗1.jep”。 （2）新建图层2，导入另一张图像。 （3）点击插入，插入新元件，类型为影片剪辑。 （4）在编辑页面中，用矩形工具在舞台中绘制矩形，且矩形在属性面板设置宽和高分别为475、40。 （5）在图层1的第40帧按F6插入关键帧，并在属性面板中将高设置为1。 （6）右击第1帧，在弹出的列表中选择创建补间形状命令。 （7）插入新元件，类型选择影片剪辑，在编辑模式页面将右侧库中的元件1拖入舞台12次，将其排成一列。 （8）在编辑中选择编辑文档命令返回场景，新建图层3并将元件2拖到舞台中。选中图层3，在菜单中选择遮罩层命令，创建遮罩层。 （9）按Ctrl+Enter组合键测试动画效果。 3、制作导航图片 （1）新建actiongscript2.0文档，舞台大小设为800*300. （2）导入礼品图片到舞台，用自由变形工具将其调整到舞台大小。 （3）新建图层2，使用矩形工具，设定颜色为图片背景色（可以用吸管吸取颜色）。在舞台的左上方画一个矩形。 （4）使用文字工具，设定合适大小，颜色设定为深灰色，在矩形上分别输入文字“首页”、“礼品”、“定送礼品”、“贺卡”、“flash贺卡”，为每个文