人人范文网 范文大全

计算机网页与动画_公开课教案

发布时间:2020-03-03 17:37:34 来源:范文大全 收藏本文 下载本文 手机版

计算机网页与动画_公开课教案

[教学课题]:第十五章 FLASH在网页中的应用实例制作

[教学课型]:实验课 [教学目的]:

1 知识目标——了解AS代码的作用,掌握应用外部文件到FLASH制作当中,熟练动画制作的界面和制作步骤。

2.能力目标——培养学生的自主学习能力,能够听老师演示一次就大致能够按课件的制作步骤说明制作出动画成品。

3.德育目标——培养学生制作动画的的创造性思维,探究能力。 [教学重点和难点]:

教学重点:学生按照课件的步骤制作出动画作品 2

教学难点:动画的原件命名以及AS代码部分

教学关键:讲解步骤清晰,一步一步制作,教师巡堂解决疑难。 [教学方法]:任务驱动法? 演示法

[实验及教具]:包含完整的硬软件资源的多媒体计算机 [教学课时]:1 [教学过程]:

课前准备

已制作了相应的网络版教学课件,内容完整,包括简介,教学设计,步骤,效果,感想等。可供学生任何时候学习。并准备了若干张本班级的JPG格式照片,供学生动画制作时使用。

做好了教学站点(http://192.16.9.254)的建设工作,包括课件的网络访问配置,文件上传模块的制作,自动生成动态网页观看学生作品模块的制作等。

学生学习的主页面快捷方式已经放在学生机桌面,名字是“06软件计机网页制作学习全记录” 双击打开即可学习。

引入新课:(_2_分钟)

1、讲述:FLASH动画设计是伴随着计算机互联网络的产生而形成的视听设计新课题,同时也是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,表面上看,它不过是关于版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。本次教学实例运用FLASH8设计制作了当今网络上十分流行的一些动画效果,采用ACTIONSCRIPT2.0和FLASH8的发布格式,最后以网页格式将案例集合到同一平台上(http://192.168.9.254)。观看时安装了FLASHPLAYER9.0或者以上版本以便在网页上显示。

2、讲述:本次课程我们将学习制作漂移效果的动画作品。并把做好后把动画文件作为作业上传到教师机上。

教学演示(__8_分钟)

1、讲述:学生可打开教学页面“点击开始学习”按照课件步骤进行制作!

2、演示步骤:打开多媒体教学系统,进行广播教学:

(1)打开教学页面,点击“素材下载”,选择保存,选择桌面,确定,在桌面上解压缩文件“picture”可得到动画制作的素材。

(2)打开FLASH8,创建新文档,设置属性大小为980×590,背景为黑色,ctrl+L打开元件库,保存文档为自己学号如:48.fla,然后ctrl+f8新建图形元件命名为“1”,这时要求把给出的图片用PS改成自己选择的照片,覆盖掉给出的101至109.jpg图片。然后ctrl+r导入桌面上的图片文件101.jpg,在弹出的窗口选择“否”,以此类推,把102至109.jpg一张一张分别导入到图形元件2至9当中。

(3) ctrl+f8新建图形元件命名为“b”,画一个无边白色矩形。ctrl+f8新建影片元件命名为“mcb”,拖元件b进舞台,分别在3,6,9,12帧处按f6,在属性里的ALPHA分别设置为80,60,30,0.在13帧处点击按f7,添加“stop();”动作。

ctrl+f8新建影片元件命名为“mc1”,拖元件1进舞台,在第二帧按f5,插入图层二,在图层二的第二帧按f7,拖元件mcb进舞台,修改属性的大小与位置与元件1一样(即覆盖图片),插入图层三,在第一帧添加“stop();”动作。

以此类推ctrl+f8新建影片元件命名为“mc2”,mc3至mc9,分别拖图形元件2,3至9到舞台当中。新建图层二,在图层二的第二帧按f7,拖元件mcb进舞台,修改属性的大小与位置与元件2,3至9一样,插入图层三,在第一帧添加“stop();”动作。这时完成了所有影片的制作工作。

(4)ctrl+f8新建影片元件命名为“mcall”,分别拖影片元件“mc1”至“mc9”进舞台,分别把属性栏里的“实例名称”改为“m1”至“m9”,各个影片元件稍微相连在一起。插入图层二,点击第一帧,把桌面上的文本文件“课件AS代码.txt”里面的文本全部复制粘帖到这一帧的动作里面。

(5) 返回场景一,拖影片元件“mcall”进舞台,插入图层二,用文字工具写上“06软件班(学号)如48号(姓名)如姚明”,大小为36,白色。『选作这一步:插入图层三,ctrl+f8新建影片元件命名mc,ctrl+r导入音乐mp3文件,在图层三第一帧拖音乐mc进舞台。』 文档保存到桌面如48.fla,ctrl+enter运行得到48.swf生成目标文件。重新打开教学主页面,点击“浏览”选择48.swf,点击“上传”,等待15秒完成。

课堂练习(_25_分钟)

题目:按照课件步骤动手制作自己的照片的漂移动画效果。

要求:用自己的照片,加上名字学号,声音模块选做,做好上交作品。

这时教师巡堂与学生互动,解决学生的与提问疑难。

课堂小结(_5_分钟)

评讲:这时大部分同学已经做好作品上交了,教师打开教学主页面,点击进入“06软件FLASH动画作品欣赏”页面,这时可以看见页面内有1至36号的矩形区域,点击某一个号码可打开该学号的学生上交的动画作品观看效果,点击“返回”回到欣赏主页面。这时选择几个作品重点讲解评论。 : [制作步骤流程图]

计算机网页教案

《动画及网页制作》课程教案

计算机公开课教案

计算机公开课教案

公开课《计算机应用》教案

八年级计算机公开课教案)

计算机基础公开课教案

网页效果图的制作公开课教案

公开课教案(计算机绘图基础)

计算机应用基础公开课教案

计算机网页与动画_公开课教案
《计算机网页与动画_公开课教案.doc》
将本文的Word文档下载到电脑,方便编辑。
推荐度:
点击下载文档
点击下载本文文档