当前位置:首页 >> 其它课程 >>

计算机网页与动画


计算机网页与动画_公开课教案
[教学课题]:第十五章 FLASH 在网页中的应用实例制作 [教学课型]:实验课 [教学目的]: 1 知识目标——了解 AS 代码的作用,掌握应用外部文件到 FLASH 制作当中,熟练动画制作的界面和制 作步骤。 2. 能力目标——培养学生的自主学习能力, 能够听老师演示一次就大致能够按课件的制作步骤说明制作出 动画成品。 3.德育目标——培养学生制作动画的的创造性思维,探究能力。 [教学重点和难点]: 1 2 3 教学重点:学生按照课件的步骤制作出动画作品 教学难点:动画的原件命名以及 AS 代码部分 教学关键:讲解步骤清晰,一步一步制作,教师巡堂解决疑难。

[教学方法]:任务驱动法? 演示法 [实验及教具]:包含完整的硬软件资源的多媒体计算机 [教学课时]:1 [教学过程]: 1 课前准备 1 已制作了相应的网络版教学课件,内容完整,包括简介,教学设计,步骤,效果,感想

等。可供学生任何时候学习。并准备了若干张本班级的 JPG 格式照片,供学生动画制作时使 用。 2 做好了教学站点(http://192.16.9.254)的建设工作,包括课件的网络访问配置,文件

上传模块的制作,自动生成动态网页观看学生作品模块的制作等。 3 学生学习的主页面快捷方式已经放在学生机桌面,名字是“06软件计机网页制作学习全

记录” 双击打开即可学习。 2 引入新课: (_2_分钟)

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

采用 ACTIONSCRIPT2.0和 FLASH8的发布格式,最后以网页格式将案例集合到同一平台上 (http://192.168.9.254) 。观看时安装了 FLASHPLAYER9.0或者以上版本以便在网页上显示。 2、 讲述: 本次课程我们将学习制作漂移效果的动画作品。 并把做好后把动画文件作为作业上传到教师机上。 1 教学演示(__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秒完成。 2 课堂练习(_25_分钟)

题目:按照课件步骤动手制作自己的照片的漂移动画效果。 要求:用自己的照片,加上名字学号,声音模块选做,做好上交作品。 这时教师巡堂与学生互动,解决学生的与提问疑难。 3 课堂小结(_5_分钟)

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

[制作步骤流程图]:


相关文章:
计算机动画专业网站论文
计算机动画专业网站论文_互联网_IT/计算机_专业资料。计算机动画专业网站论文新乡学院毕业论文论文题目院(系)名称 专业名称班级 基于 Flash 的凡客诚品网站的设计 与实...
网页动画设计与制作方法
网页动画设计与制作方法_互联网_IT/计算机_专业资料。网页动画设计与制作方法 摘要:针对多个软件制作网页动画的方法分别进行了介绍,包括 Adobe Imageready, Flash , ...
浅析flash动画及flash动画在网页中的应用
浅析flash动画及flash动画网页中的应用_互联网_IT/计算机_专业资料。浅析 flash 动画及 flash 动画网页中的应用 [摘要]随着科学技术的发展计算机已经广泛被人们...
利用IE缓存下载网页中的动画和视频_图文
利用IE缓存下载网页中的动画和视频_电脑基础知识_IT/计算机_专业资料。利用 IE 缓存下载网页中的动画和视频经常有同事和朋友叫我帮忙下载网页中的动画或视频等资源,...
计算机动画技术发展的三个阶段
新闻网页贴吧知道音乐图片视频地图百科文库 搜 试试 7 帮助 全部 DOC PPT TXT...计算机动画技术发展的三个阶段_互联网_IT/计算机_专业资料。计算机动画技术发展的...
拷贝网页动画
拷贝网页动画_IT/计算机_专业资料。拷贝网页动画拷贝动画小技巧朋友们我们通常情况下,是可以通过你电脑中安装的迅雷查找 flash 地址的,复制 flash 地址 粘贴到你博客...
网页不能播放视频、无法播放动画的解决方法
网页不能播放视频、无法播放动画的解决方法_电脑基础知识_IT/计算机_专业资料。想要播放如优酷、土豆网站上的视频时,视频不能播放显示一把红叉,网页不能播放 视频...
1动画在网站不同页面中所起的作用
1动画网站不同页面中所起的作用_互联网_IT/计算机_专业资料。动画 1.动画网站不同页面中所起的作用 整体规划: 整体规划: 企业形象宣传型网站建设必须完整,...
网页动画设计实习报告
网页动画设计实习报告_计算机硬件及网络_IT/计算机_专业资料。网页动画设计 Flash学习后的实习报告实习报告 实习性质: 学生姓名: 专业班级: 指导教师: 实习时间: 实...
Flash网页动画设计
Flash网页动画设计_互联网_IT/计算机_专业资料。Flash网页动画设计 《Flash 网页动画设计》课程整体教学设计一、管理信息课程名称: 《Flash 网页动画设计》 课程代码:...
更多相关标签: