网页设计与网站建设_05利用FLASHCS5美化网页范例.ppt

4．Flash动画中的交互控制 在Flash CS5中，借助于ActionScript来实现程序化的交互动画，如网站广告、网络游戏、Flash Mtv等。 5．动作面板介绍 用ActionScript进行编程需要用到“动作”面板，“动作”面板是专业编写脚本程序的开发环境（本教材讲解actionscript2.0的“动作”面板）。选择“窗口”菜单→“动作”命令，或单击快捷键F9，打开“动作”面板，动作面板由三部分组成：动作工具箱（按类别对ActionScript元素进行分组）、脚本导航器（可以快速地在Flash文档中的脚本间导航）和脚本窗格（可以在其中输入ActionScript代码），如图所示。单击左侧下方的箭头，显示脚本导航器；单击右侧“脚本助手” 按钮，显示／隐藏代码提示。 5.4 利用Flash CS5设计网站起始页的动画效果 　　本节讲解案例导入1所举西京食府网站起始页动画效果的设计过程。本实例中综合了图形、文本动画的制作，较多地使用了遮照层制作动画特效，利用ActionScript 2.0脚本语言实现动画交互。浏览者可先浏览网站的起始页动画特效，然后单击链接进入网站的内容页面。制作过程如图所示。 本章小结 　本章主要介绍了Flash软件的使用。 1.使用Flash创建文本、编辑位图和遮罩层 2.使用Flash创建传统补间和补间动画 3.Action Script2.0的简单应用，制作交互动画 本章练习题 （1）Flash文档的扩展名是什么？导出默认的Flash影片的扩展名是什么？ （2）Flash动画分为哪几种？有什么区别？ （3）图层分为哪几种？遮罩层的作用是什么？ 上 机 实 验 1．背景知识 根据本章所学的Flash的基本知识，同时结合相关知识及本教材中所讲过的传统补间动画、补间动画、补间形状动画等技术进行上机实验。 2．实验准备工作 将相应的Flash的样图、素材，如音频、视频、位图等文件发送到学生主机中，以供学生参考使用。 3．实验要求 （1）制作利用遮罩层的动画。要求：利用遮罩层的功能制作霓光灯效果。 （2）制作MTV动画。要求：设计画面，添加声音，利用交互动作，制作流畅的Flash MTV。。 4．课时安排 实训安排课时为4课时。 《网页设计与网站建设》 第5章 利用Flash CS5美化网页 5.2 5.3 5.4 5.1 Flash cs5简介 Flash的基本功能 Flash CS5设计动画的应用基础 利用Flash CS5设计网站起始页 本章主要讲解了利用Flash可以制作导航按钮、具有声音效果的动画、MTV及整个Flash站点。 [本章学习目的] 通过本章学习，读者能够： 1.了解Flash的工作界面和基本操作 2.掌握Flash中绘图技巧、位图操作与文本的处理 3.掌握Flash中场景、元件与实例操作以及图层的管理 4.了解Flash动画的类型 5.掌握如何创建动画，实现动画的交互控制 6.学会Flash作品的设计与制作 案例导入： 　　 Flash是当前最流行的交互式矢量制作软件，用它制作出来的Flash动画具有极丰富的表现力，Flash可以制作导航按钮、具有声音效果的动画、MTV及整个Flash站点。 利用FLASH技术制作西京食府网站（名称为虚拟）动画效果的起始页。 本例主要涉及以下知识点：进行画面布局、补间动画和按钮的制作、简单的ActionScript脚本语言创建交互界面和集成Flash影片。 5.1 Flash cs5简介 5.1.1 Flash的工作界面 1．“启动”界面 　　在启动Flash cs5时，出现“启动”界面，使用“启动”界面用户可以快速完成最常用的操作，如图所示。 2．操作界面 主要由“菜单”栏、工具箱、时间轴、舞台、“属性”面板、集成工作面板等构成。 5.1.2 Flash的基本操作 1．新建文档 　　方法一：选择“文件”菜单→“新建”命令，或按下快捷键Ctrl+N，弹出一个对话框，单击常规选项或是模板选项，选择其中一项后，单击“确定”按钮，即创建一个文件，如图所示，右侧出现文档的属性，宽度和高度的尺寸，帧频，设置背景颜色等。 　　方法二：单击“启动”界面中“新建”选项中的某一项，或是“从模板创建”选项中的某一项，如图所示，例如选择“新建”选项→“ActionScript 2.0”，即创建了一个新的FLASH文档。 2．打开文档 　　选择“文件”菜单→“打开”命令，或使用快捷键Ctrl+O，或单击启动界面中打开最近项目中的某个文档或“打开”项。 3．保存文档 　　选择“文件”菜单→“保存”命令，或使用快捷键Ctrl+S。文档在编辑过程中要及时保存，Flash文档的扩展名为.fla。 4．发布影片