任务1.1网页动画赏析.docVIP

南通市工贸技工学校 教 案 首 页 授课 日期 班级 课题： 网页动画赏析 教学目的要求：①通过优秀作品展示，特别是本校同学获奖作品欣赏，激发学生学习Flash的积极性和兴趣； ②通过Flash环境介绍，使学生对Flash动画制作的原理有个大致的了解和印象。 教学重点、难点 1、欣赏优秀作品，激发学习兴趣 2、对Flash动画制作原理的理解 授课方法： 演示法、讲授法 教学参考及教具（含多媒体教学设备）： 计算机 授课执行情况及分析： 板书设计或授课提纲 一、相关理论 1、动画制作的基本原理 2、电子商务网站与Flash动画 二、实践操作 1、观看电子商务网站动画 2、欣赏不同类型的Flash动画 教学内容、方法和过程 附记 1．1网页动画赏析 【引入新课】：我们小时候都看过动画片，有些同学现在还是很喜欢动漫，那么动画片和动漫是怎么制作的呢？ 【讲授新课】： 一、动画基础知识 动画是连续播放的一系列静止画面，利用人眼“视觉暂留”的生理现象产生的动态效果，一般情况下帧频率为24Fps。 二、软件介绍 Flash是一款设计和制作二维矢量动画（平面动画）的专业软件，它采用了网络流式媒体技术（即允许用户在动画文件全部下载完之前播放已下载的部分，并在不知不觉中下载剩余的动画文件），突破了网络带宽的限制，能在网络上快速地播放动画，并实现动画交互。 Flash之所以能占据网络多媒体的重要位置，最重要的一点是因为它采用了矢量技术（即基于矢量图形的Flash动画，即使随意缩放其尺寸，也不会影响图像的质量）。 Flash与当今最流行的网页设计工具Dreamweaver配合默契，Flash动画可以直接潜入由Dreamweaver制作的网页的任意位置，非常方便。 三、Flash的基本功能 1、绘制矢量图形（美工设计） 在Flash中创建的图形均为矢量图形，基于矢量的绘图同分辨率无关。如果在Flash中导入位图文件（执行“文件/导入/导入到舞台” Ctrl+R，将外部程序生成的文件导入到当前文档的舞台上；或者执行“文件/导入/导入到库”，将外部程序生成的文件导入到当前文档的“库”面板（Ctrl+L）中，可以随时调取使用），以位图形式在Flash中使用，也可以将其转换为矢量图形使用（修改/位图/转换位图为矢量图）。执行该命令后，将会发现对象选中的显示方式有所变化（呈现出散点状），并发现位图变成矢量图形，位图图像中的一些小细节被删除（比如图形边缘出现锯齿状，颜色不连续等）。 四、Flash作品欣赏 钉子的故事、三分钟的故事、孤单北半球 五、通过例子介绍以下概念：帧、时间轴、逐帧动画，同时说明制作Flash动画的流程： 动画是连续播放的一系列静止画面，利用人眼“视觉暂留”的生理现象产生的动态效果，一般情况下帧频率为24Fps。 帧：一幅静止的图片。 时间轴：动画播放的顺序。 逐帧动画：一些有机的图片按照播放次序进行组织。 制作FLASH动画的流程： ①脚本设计；（相当于电影剧本） ②制作元件；（相当于电影演员） ③组装成动画；（相当于拍摄电影） ④配音与调整；（相当于电影的剪辑） ⑤发布成影片。 六、给学生发放欣赏作品和例子，让学生运行并体会以上概念。 【本课小结】：通过本节课的学习，同学们应掌握以下几点： 制作FLASH动画的流程； 帧、时间轴、逐帧动画的意义； 【课后作业】： 1、上网浏览Flash动画，将自己认为好的Flash动画保存下来，与同学一起讨论好在什么地方。 2、使用网络搜索引擎，搜索1~2个好的Flash制作论坛。 【实习】： 1、观看电子商务网站动画 欣赏并判断图片效果是否为Flash动画。 2、欣赏不同类型的Flash动画 南通市工贸技工学校 教 案 附 页 第 4 页 共 4 页