Flash网站的制作

《Flash网站的制作》由会员分享，可在线阅读，更多相关《Flash网站的制作（16页珍藏版）》请在装配图网上搜索。

1、Flash网站的制作实训目的：1、 学习Flash网站的制作思路，掌握大场景的控制。2、 学习动画的综合制作技术。3、 进一步学习动态按钮的制作。4、 理解图层文献夹在管理图层方面的便捷性。5、 学习使用文本建立超链接。6、 使用组件构建表单页面。7、 通过编写ActionScript动作脚本控制网站栏目的跳转。8、 掌握如何发布Flash网站。操作环节：一、 网站外观的制作1、 设立舞台背景大小为644500，背景颜色为黑色，帧频为24。2、 将图层1重命名为“背景”，导入素材文献夹中的“网站底.jpg”图像文献，并调节其大小及位置与舞台完全重叠。3、 在“背景”图层的第60帧插入一般帧，设

2、立动画的播放时间为60帧。4、 在“背景”图层的上方创立一种新图层，命名为“标题文字”层，在舞台中绘制一种白色图标，输入标题文字，将它们放置在舞台中红色区域的左侧，如下图：5、 在“标题文字”图层的上方新建一名为“按钮层”的新图层。在该图层新建一名为“照相园地”的按钮元件，然后使用文本工具在舞台中输入白色文字“照相园地”，并调节好其字体和字号为宋体12号。6、 在“图层1”的“指针通过”帧和“按下”帧处插入核心帧。7、 在舞台中选择“指针通过”帧处的白色文字，在属性面板中修改文字的颜色为黄色。8、 在“图层1”的上方新建一种图层，并在该层“指针通过”帧处插入核心帧，使用“矩形工具”在舞台中绘制

3、一种白色且没有轮廓线的矩形，其大小以可以遮住其下的文字为准。9、 选择绘制的白色矩形，将其转换为名为“小白条”的影片剪辑元件。10、 在库面板中双击“小白条”元件，进入该元件编辑窗口中，在“图层1”的第6帧、第8帧和第9帧处插入核心帧。11、 分别选择第1帧、第6帧和第8帧中的白色矩形，使用“任意变形工具”水平拖动鼠标，调节矩形的形态如下图所示： 第1帧状态 第6帧状态 第8帧状态12、 在时间轴面板中分别选择第1帧、第6帧，创立形状补间动画。13、 在图层1的上方新建一种图层2，在该层的第9帧插入核心帧，并打开“动作”面板输入脚本动作：“stop()”，设立动画到该帧处停止。14、 在库面板

4、中双击“照相园地”按钮元件，进入该元件的编辑窗口中，选择“图层2”的“指针通过”帧中的“小白条”实例，设立其Alpha值为30。15、 在“图层2”的“点击”帧处插入核心帧，然后在“按下”帧处插入空白核心帧。16、 在舞台中选择“图层2”的“点击”帧中的“小白条”实例，在“属性”面板中设立其元件属性为“图形”，并且单帧显示第9帧（其设立的目的是使按钮的响应区域为小白条第9帧时的大小）。参数设立如下图所示：17、 在时间轴面板中将“图层1”调节到“图层2”的上方。18、 根据“照相园地”按钮元件的创立措施，分别创立“照相欣赏”、“照相知识”、“知识问答”和“照相论坛”按钮元件（可使用在库面板中直

5、接复制，再修改的措施）。19、 返回主场景，将制作完毕的各按钮从库面板中拖入到舞台中，放置到如下图所示的位置：20、 使用椭圆工具在舞台中各按钮之间绘制一种线性渐变的图形，如下图所示：21、 在“按钮”图层的上方创立一种名为“banner”的新图层，导入素材文献夹中的“蓝天.jpg”图像文献，并调节其大小与位置如下图如示：22、 在“banner”图层的上方创立一种名为“banner遮罩”的新图层，使用矩形工具在舞台中绘制一种黑色且没有轮廓线的矩形，其大小及位置如下图所示：23、将“banner遮罩”图层设立为遮罩层24、在“banner遮罩”图层的上方新建一种名为“数码相机”的新图层，在该层

6、导入素材文献夹中的“xiangji1.png”图像文献，并将其调节到舞台的左下角，并转换为名为“相机”的影片剪辑元件。如下图所示：25、按“Ctrl+F8”键新建一种名为“白光”的影片剪辑元件，使用矩形工具在舞台中绘制一种由透明到不透明再到透明渐变的白色矩形，如下图所示：26、在库面板中双击“相机”影片剪辑元件，进入该元件的编辑窗口，选择“图层1”的第55帧，按下F5键插入一般帧，设立动画的播放时间为55帧。27、在“图层1”的上方创立一种新图层“图层2”，在该层中绘制一种与相机镜头大小相等的椭圆形，如下图所示：28、在“图层1”的上方创立一种新图层“图层3”，并在该层的第10帧处插入核心帧，

7、将“白光”影片剪辑元件从库面板中拖到舞台中，调节其形态如下图所示：29、在“图层3”的第23帧处插入核心帧，并调节该帧处的“白光”形态如下图所示：30、选择“图层3”的第10帧，创立补间动画。31、在“图层2”上单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，将该层设立为遮罩层，从而创立遮罩动画。二、“报影园地”动画的制作1、返回主场景，在“数码相机”图层的上方新建一名为“照相园地文字”的新图层，使用文本工具在舞台中输入红色文字，如下图所示：2、在“照相园地文字”图层的上方创立一种新图层，命名为“照相园地内容”层，使用文本工具在舞台中创立一种文本输入框，设立文本类型为“动态文本”，设立线条

8、类型为“多行”，然后在动态文本框中输入有关的灰色文字，并在属性面板中设立该动态文本的实例名称为“txt1，设立文字字体字号为“宋体”、“12号”。如下图所示：3、单击菜单栏中的【窗口】/【组件】命令，打开【组件】面板，选择User Interface类中的UIScrollBar组件，将其拖动到舞台中刚输入文字的右侧，并使用任意变形工具调节其高度与动态文本框高度相似。如下图：4、在舞台中选择UIScrollBar组件，在【参数】面板中设立【_targetInstanceName】参数值为txt1，如下图所示：5、在时间轴面板中同步选择“照相园地内容”和“照相园地文字”图层的第15帧，按下F7键插

9、入空白核心帧，设立动画到该帧处停止。6、在时间轴面板中选择“照相园地内容”图层，单击面板下方的【插入图层文献夹】按钮，在该层的上方创立一种新图层文献夹，命名为“照相园地”。7、在时间轴面板中，按住Shift键选择“照相园地内容”和“照相园地文字”两个图层，然后将它们拖动到“照相园地”图层文献夹中，为了便于操作，将该文献夹叠起。三、“照相欣赏”动画的制作1、在“照相园地”图层文献夹的上方创立一种新图层，命名为“照相欣赏文字”层，在该层的第15帧处插入核心帧，然后使用文本工具输入红色文字，如下图所示：2、在“照相欣赏文字”图层的上方创立一种新图层，命名为“照相欣赏内容”层，在该层的第15帧处插入核

10、心帧，然后使用【矩形工具】在舞台右侧绘制如下图所示的矩形：3、选择绘制的矩形，按下F8键，将其转换为名为“图像滚动”的影片剪辑元件。4、在库面板中双击“图像滚动”影片剪辑元件，进入该元件编辑窗口中。5、在“图层1”的上方创立一种新图层“图层2”，导入素材文献夹中的“pic1_b.jpg”、“pic2_b.jpg”和“pic3_b.jpg”文献，并调节图像的大小及位置如下图所示：6、选择导入的所有图像，按下F8键，将其转换为名为“大图像”的影片剪辑元件。7、在“图层2”的上方创立一种新图层“图层3”，将“大图像”影片剪辑从库面板中拖动到上述“大图像”实例的右侧，如下图所示：8、在时间轴面板中，将

11、“图层1”拖动到“图层3”的上方，即“图层1”在最上方。9、同步选择“图层2”和“图层3”的第500帧，按下F6键插入核心帧，然后选择“图层1”的第500帧，按下F5键插入一般帧，设立该动画的播放时间为500帧。10、在舞台中同步选择“图层2”和“图层3”第500帧中“大图像”实例，将其水平向左拖动，调节其位置如下图所示：11、同步选择“图层2”和“图层3”的第1帧，创立补间动画。12、在“图层1”上单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令，将该层设为遮罩层，则其下的“图层3”自动变成遮罩层。在“图层2”上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，在【图层属性】对话框中设立【

12、类型】为“被遮罩”，然后确认，将“图层2”也设为被遮罩层，从而创立遮罩动画。13、返回主场景，在时间轴面板中同步选择“照相欣赏内容”和“照相欣赏文字”图层的第30帧，按下F7键插入空白核心帧，设立动画到该帧处停止。14、在“照相欣赏内容”图层的上方创立一种新图层文献夹，命名为“照相欣赏”，并将“照相欣赏内容”和“照相欣赏文字”图层拖到该文献夹中，并将该文献夹叠起。四、“照相知识”动画的制作1、在“照相欣赏”图层文献夹的上方创立一种新图层，命名为“照相知识文字”层，在该层第30帧处插入核心帧，使用【文本工具】输入红色文字，如下图所示：2、在“照相知识文字”图层的上方创立一种新图层，命名为“照相知

13、识内容”层，在该层第30帧处插入核心帧，然后使用文本工具输入黑色文字，字体和字号为宋体12号字，并通过属性面板设立文字的“URL链接”，如下图所示：3、用同样的措施在舞台中输入黑色文字，并在属性面板中进行相应的设立，如下图：4、分别在“照相知识内容”和“照相知识文字”图层的第45帧处插入空白核心帧，设立动画到该帧处停止。5、在“照相知识内容”图层的上方创立一种新图层文献夹，命名为“照相知识”，并将“照相知识内容”和“照相知识文字”图层拖动到该文献夹中，然后将该文献夹叠起。五、“知识问答”动画的制作1、在“照相知识”图层文献夹的上方创立一种新图层，命名为“知识问答文字”层，在该层的第45帧处插入

14、核心帧，然后使用文本工具输入红色文字，如下图所示：2、在“知识问答文字”图层的上方创立一种新图层，命名为“知识问答内容”层，在该层的第45帧处插入核心帧，然后使用文本工具输入黑色文字，如下图所示：3、按Ctrl+F7组合键，打开【组件】面板，选择User Interface类中的TextInput组件，将其拖动到舞台中，如下图所示：4、在舞台中选择TextInput组件，将其向下复制一种，并运用任意变形工具将其拉宽，如下图所示：5、在【组件】面板中选择User Interface类中的TextArea组件，然后将其拖动到舞台中，并运用任意变形工具调节其大小如下图所示：6、在【组件】面板中选择U

15、ser Interface类中的Button组件，将其拖动到舞台中，然后选择舞台中的Botton组件，在【参数】面板中设立其【Label】为“提交”，将按钮上的文字改为“提交”。如下图所示：7、在“知识问答内容”图层的上方创立一种新图层文献夹，命名为“知识问答”，将“知识问答内容”和“知识问答文字”图层拖动到该文献夹中，然后将该文献叠起。六、添加行为命令1、在“知识问答”图层文献夹的上方创立一种新图层，命名为“导航标签”层。选择该层的第1帧，在【属性】面板中设立帧名称为“a1”，如下图所示：2、分别在“导航标签”图层的第15帧、第30帧和第45帧处插入核心帧，并依次设立各帧的名称为“a2”、“

16、a3”和“a4”。3、在“导航标签”图层的上方创立一种新图层，命名为“action”层，分别在该层的第14帧、第29帧、第44帧和第60帧处插入核心帧，然后依次选择这些核心帧，在【动作】面板中分别输入“stop();”动作脚本，设立动画在该帧处停止。此时的时间轴面板如下图所示：4、在舞台上选择“照相园地”按钮实例，在【动作】面板中输入如下动作脚本：On(release)gotoAndPlay(“a1”);5、在舞台上选择“照相欣赏”按钮实例，在【动作】面板中输入如下动作脚本：On(release)gotoAndPlay(“a2”);6、在舞台上选择“照相知识”按钮实例，在【动作】面板中输入如下

17、动作脚本：On(release)gotoAndPlay(“a3”);7、在舞台上选择“知识问答”按钮实例，在【动作】面板中输入如下动作脚本：On(release)gotoAndPlay(“a4”);8、在舞台上选择“照相论坛”按钮实例，在【动作】面板中输入如下动作脚本：On(release)getURL(“”, “_blank”);9、按Ctrl+Enter键对影片进行测试，如果无误，就可以发布网站了。七、网站的发布1、单击菜单栏中的【文献】/【发布设立】命令，则弹出【发布设立】对话框，选择【格式】选项卡，设立参数如下图所示：2、设立完毕后单击“发布”按钮，将文献发布为一种swf文献和一种HTML文献。