flash教案1,2

1济南信息工程学校济南第五职业中专教案2014-2015第二学期FLASH适用班级：14LV4，5教研组：网站建设教师姓名：余维佳2课时教案济南信息工程学校（五职专）授课班级：14lv4,5科目第1周本学期第课时1，215年3月9日课题第一部分认识Flashcs4的操作界面目的要求1．了解中文FlashCS4工作区的基本组成和工作区布局。2．掌握文档的基本操作，播放Flash动画的方法和技巧。重点工作区的基本组成和工作区布局难点文档的基本操作授课方法启发式教具实验多媒体环节问题设计及知识点师生活动复习引入1.什么是动画？2.FLASH是什么？3讲授新课第一节运行Flash软件1、运行Flash安装完成后，用鼠标单击“开始”按钮，然后选择“所有程序→AdobeDesignPremiumCS3→AdobeFlashCS3Professional”，如图1.1.04所示。用鼠标单击“AdobeFlashCS3Professional”选项后，FlashCS3便开始运行，运行结果如图1所示。2、新建一个空白的Flash文档观察图1.1.05，A区作用是打开一个已编辑的Flash文档。B区作用是新建不同类型的文档。C区的作用是新建Flash已生成好的模板类型。在这么多的选项中，我们将要应运到的只有D处，即新建一个ActionScript2.0的Flash文档。将鼠标移动至D处（即Flash文档（ActionScript2.0）选项上），鼠标左键单击“Flash文档（ActionScript2.0）”选项，新建一个空白的Flash文档。如图2所示。学生操作学生讲解图14说明：课程将以ActionScript2.0做为脚本进行讲解，因此我们在选择新建空白文档时应该选择“Flash文档（ActionScript2.0）”选项。第二节认识Flash的布局及布局操作新建一个空白的FlashActionScript2.0文档后，将打开如图1所示操作界面。我们将Flash的操作界面划分为ABCDEFGH八个区域，并分别对这八个区域进行一一讲解。A区——标题栏B区——菜单栏C区——主工具栏D区——Flash编辑区E区——下方窗口控制区F区——右方窗口控制区G区——时间轴面板H区——绘图工具栏教师讲解图251、主工具栏Bridge:转到Bridge；bridge提供了图片查看、编辑等功能，能够批量查看图片.剪切、复制：用选择工具“”选定某一对象；粘紧至对象：使不相交的两点相互吸附至一点。即在编辑区中不相交的两点，按住鼠标左键移动其中一点到另点上，放开鼠标左键，此时，这两点会相互吸附至一点。平滑：使不平滑的曲线，经过一次或多次点击“平滑”按钮后变得平滑。效果如图3所示。图1图26伸直：使曲线经过一次或多次点击“伸直”按钮后变成直线。效果如图5所示。旋转与倾斜：用选择工具“”选定某一对象，按“旋转与倾斜”按钮，可以改变这个对象的旋转角度和倾斜角度。具体操作在后面部分讲解。缩放：用选择工具“”选定某一对象，按“缩放”按钮，可以改变这个对象大小。具体操作在后面部分讲解。对齐：打开对齐面板，可选择应用需要的对齐方式按钮。2、Flash编辑区Flash编辑区也称舞台，任何效果都在编辑区中编辑出来的。舞台说明如图4所示。3、属性面板1.显示属性面板内容：鼠标单击属性面板控制栏。(图5的①处)2.关闭属性面板：鼠标单击图5的②处，关闭属性面板。图3图4白色区域为编辑区大小，当文档内容超出编辑区之外时，发布成相应文件后将不能显示。垂直滚动条：控制编辑区的垂直位置。水平滚动条：控制编辑区的水平位置。图573.调出属性面板：鼠标选择菜单“窗口→属性→属性”菜单项。或按快捷键：Ctrl+F3；4、右方窗口控制面板区如图6所示。拖动①处，改变“右方窗口控制面板”的大小；单击②处，隐藏颜色面板。(单击各面板的控制栏显示或隐藏相应面板)；单击③处，隐藏“右方窗口控制面板”，如图7所示。单击相应的“面板控制按钮”将打开相应的面板(如图8的①处为“颜色面板按钮”)。单击图8的①处，打开②处所示的“颜色面板”。将鼠标移动到②处之外的区域单击，隐藏颜色面板。主要用到的并且放置在右方窗口控制区中的面板有：颜色面板、样本面板、对齐面板、信息面板、变形面板、库面板、帮助面板、动作-帧面板(也叫“动作面板”)，如图9所示。因此，我们要将这些面板放入到“右方窗口控制面板”中，以便我们在编辑时快速的使用面板。其中用的最多的有颜色、库、对齐、动作这几个面板，因此，在这几个面板的上下位置应放置合理，顺手。在Flash中，各面板的调出主要是选择“窗口”菜单下的菜单选图6图7图88项，操作如图10所示。其中动作面板和帮助面板在调出时是一个独立的部分，默认的情况下并没有放入到“右方窗口控制面板”中，因此，我们要将这两个面板移动到“右方窗口控制面板”中，具体操作将在视频教程中演示。如果用文字描述操作过程为：鼠标拖动各面板的标题栏，拖动至右方窗口控制区，放开鼠标。若要将工作区还原为默认状态，操作如图11所示。5、时间轴面板与文档控制面板如图12手形所指的部分为文档控制面板的内容，剩下的部分为时间轴面板。这里我们把它放在一起介绍。我们先介绍文档控制面板上的各按钮表示什么意思。①处为文档切换按钮，当打开多个Flash文档时，在①处会有多个按钮，单击相应的按钮可以实现文档切换。②处为隐藏/显示时间轴面板按钮。③处显示你此时所处的编辑位置。④处选择工作区中面板数量及排列方式。图10单击窗口菜单打开库面板打开对齐、颜色、信息、样本、变形面板图11打开帮助面板打开动作面板图99⑤处选择场景，如果你新建了多个场景，可以通过此处进行切换，它与③处的显示的场景名称相对应。本书所倡导是只新建一个场景，即默认的场景1。⑥处选择元件。关于元件的概念将在后面部分讲解。⑦处选择编辑区的放大与缩小的百分比数。在编辑的过程中，如果想把编辑区放大2000%，我们可以在此处输入数字2000，然后按“Enter”回车键，即可放大20倍。在操作过程中，如果要细致的操作，可放大，要整体操作，可缩小。例题探究主要用到的并且放置在右方窗口控制区中的面板有：颜色面板、样本面板、对齐面板、信息面板、变形面板、库面板、帮助面板、动作-帧面板(也叫“动作面板”)。新知应用时间轴的使用课堂小结1.学生已将上学期学的内容忘记，为提高教学质量，复习一遍2.学生情绪比较浮躁，抓紧复习作业1．FLASH界面的组成有几部份2.时间轴与文件档案有何区别课后反思：课容量比较大，学生比较散漫，抽时间利用课余时间抽查，学生基本知识的掌握。图12