（中职）网页设计与制作项目五 应用网页多媒体 任务一 插入视频 电子教案.docx

《（中职）网页设计与制作项目五 应用网页多媒体 任务一 插入视频 电子教案.docx》由会员分享，可在线阅读，更多相关《（中职）网页设计与制作项目五 应用网页多媒体 任务一 插入视频 电子教案.docx（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、（中职）网页设计与制作项目五 应用网页多媒体 任务一 插入视频 电子教案项目五 应用网页多媒体活动一 插入SWF课程：网页设计与制作课题: 插入SWF动画教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中插入SWF动画的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解flash动画相关格式。了解常见视频格式及特点掌握在网页中插入SWF动画的方法。过程与方法目标：通过案例展示，学生动手掌握在网页中插入SWF动画的方法。情感态度与价

2、值观：1、 培养学生善于发现、勤于动脑、乐于动手的学习习惯；2、 激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：了解flash动画相关格式；了解常见视频格式及特点教学难点：掌握在网页中插入SWF动画的方法教学过程：教学程序教学内容要点1、导入问题设置企业网站中如果只采用文字和图像来介绍商品，就显得比较单调，很多产品的使用说明张都使用了视频，那么网页中能不能插入视频，哪些视频格式适合在网络上传播？2、新课讲授知识链接一、flash二、常见的媒体格式必备知识：一、flash动画相关文件类型及说明二、网页中插入和预览 SWF 文件的方法三、设置 SWF 文件属性

3、3、学做合一实践任务实例网页在【教学资源包】【配套资源】【5.1.1】文件夹中。【活动实施】用Dreamweaver打开资源文件夹下网页index完成3.html【思考】我们从网页中发现flash动画非常漂亮，那么如果发现flash动画不让人满意，能不能再Dreamweaver中编辑修改呢？【练一练】请打开【教学资源包】【配套资源】【5.1.2】文件夹中index.html，在这张网页中缺少菜单flash和内容flash，请“menu.swf和content.swf”文件正确插入到合适位置。4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：活动二 插入FLV课程：网页设计与制作课题:

4、 插入 FLV 文件教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中插入 FLV 文件的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解视频类型掌握插入 FLV 文件方法。过程与方法目标：通过案例展示，学生动手掌握在网页中插入 FLV 文件的方法。情感态度与价值观：1、 培养学生善于发现、勤于动脑、乐于动手的学习习惯；2、 激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：了解视频类型教学难点

5、：掌握插入 FLV 文件方法教学过程：教学程序教学内容要点1、导入【视频类型】累进式下载视频：将 FLV 文件下载到站点访问者的硬盘上，然后进行播放。但是，与传统的“下载并播放”视频传送方法不同，累进式下载允许在下载完成之前就开始播放视频文件。流视频：对视频内容进行流式处理，并在一段可确保流畅播放的很短的缓冲时间后在网页上播放该内容。若要在网页上启用流视频，您必须具有访问 Adobe Flash Media Server 的权限。2、新课讲授必备知识：一、插入 FLV 文件方法二、设置累进式下载视频的选项3、学做合一实践任务实例网页在【教学资源包】【配套资源】【5.1.3】文件夹中。【活动实施】1.用Dreamweaver打开资源文件夹下网页index.html【思考】在网页中可以插入FLV视频，那么怎么把其他视频格式转换为FLV视频呢？【练一练】请打开【教学资源包】【配套资源】【5.1.3】文件夹中网页index完成.html，发现还有三位歌手缺少相应MTV，请通过网络下载或制作MTV并插入的网页合适位置。4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：感谢您的支持与使用如果内容侵权请联系删除仅供教学交流使用