《网页设计与制作》-项目五 应用网页多媒体电子教案

项目五应用网页多媒体活动一插入SWF课程：网页设计与制作课题:插入SWF动画教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中插入SWF动画的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解flash动画相关格式。了解常见视频格式及特点掌握在网页中插入SWF动画的方法。过程与方法目标：通过案例展示，学生动手掌握在网页中插入SWF动画的方法。情感态度与价值观：培养学生善于发现、勤于动脑、乐于动手的学习习惯；激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：了解flash动画相关格式；了解常见视频格式及特点教学难点：掌握在网页中插入SWF动画的方法教学过程：教学程序教学内容要点1、导入问题设置企业网站中如果只采用文字和图像来介绍商品，就显得比较单调，很多产品的使用说明张都使用了视频，那么网页中能不能插入视频，哪些视频格式适合在网络上传播？2、新课讲授知识链接一、flash二、常见的媒体格式必备知识：一、flash动画相关文件类型及说明二、网页中插入和预览SWF文件的方法三、设置SWF文件属性3、学做合一实践任务实例网页在【教学资源包】【配套资源】【5.1.1】文件夹中。【活动实施】用Dreamweaver打开资源文件夹下网页index完成3.html【思考】我们从网页中发现flash动画非常漂亮，那么如果发现flash动画不让人满意，能不能再Dreamweaver中编辑修改呢？【练一练】请打开【教学资源包】【配套资源】【5.1.2】文件夹中index.html，在这张网页中缺少菜单flash和内容flash，请“menu.swf和content.swf”文件正确插入到合适位置。4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：活动二插入FLV课程：网页设计与制作课题:插入FLV文件教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中插入FLV文件的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解视频类型掌握插入FLV文件方法。过程与方法目标：通过案例展示，学生动手掌握在网页中插入FLV文件的方法。情感态度与价值观：培养学生善于发现、勤于动脑、乐于动手的学习习惯；激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：了解视频类型教学难点：掌握插入FLV文件方法教学过程：教学程序教学内容要点1、导入【视频类型】累进式下载视频：将FLV文件下载到站点访问者的硬盘上，然后进行播放。但是，与传统的“下载并播放”视频传送方法不同，累进式下载允许在下载完成之前就开始播放视频文件。流视频：对视频内容进行流式处理，并在一段可确保流畅播放的很短的缓冲时间后在网页上播放该内容。若要在网页上启用流视频，您必须具有访问Adobe®Flash®MediaServer的权限。2、新课讲授必备知识：一、插入FLV文件方法二、设置累进式下载视频的选项3、学做合一实践任务实例网页在【教学资源包】【配套资源】【5.1.3】文件夹中。【活动实施】1.用Dreamweaver打开资源文件夹下网页index.html【思考】在网页中可以插入FLV视频，那么怎么把其他视频格式转换为FLV视频呢？【练一练】请打开【教学资源包】【配套资源】【5.1.3】文件夹中网页index完成.html，发现还有三位歌手缺少相应MTV，请通过网络下载或制作MTV并插入的网页合适位置。4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：

活动二插入插件课程：网页设计与制作课题:插入插件教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中插入插件的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解音频文件格式。了解链接到音频文件。了解嵌入声音文件。掌握在Dreamweaver中插入插件方式添加音频的方法。过程与方法目标：通过案例展示，学生动手掌握在网页中插入插件的方法。情感态度与价值观：培养学生善于发现、勤于动脑、乐于动手的学习习惯；激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：了解音频文件格式；了解链接到音频文件；了解嵌入声音文件。教学难点：掌握在Dreamweaver中插入插件方式添加音频的方法教学过程：教学程序教学内容要点1、导入问题设置优雅的音乐能给消费者带来美好的体验，那么如何在网页中添加音乐效果，哪些音频格式适合在网页中呈现呢？2、新课讲授知识链接一、音频文件格式必备知识一、链接到音频文件二、嵌入声音文件3、学做合一实践任务实例网页在【教学资源包】【配套资源】【5.2.1】文件夹中。【活动实施】用Dreamweaver打开资源文件夹下网页index.html【思考】除了采用插件的方式插入背景音乐，还有没有其他方法实现背景音乐的播放呢？【练一练】打开【教学资源包】【配套资源】【5.2.1】文件夹中网页index2.html，给剩余的两位歌手相应位置处插入相应音乐，要求占位符都是宽200像素高100像素，不自动播放。4、课堂小结教师回顾本节知识点总结操作中出现的问题教学反思：

活动三插入Javaapplet课程：网页设计与制作课题:插入Javaapplet教材分析与处理：本项目在前导创建规划站点和设置网页文本格式的基础上，通过在网页中添加图像，美化网页，更充分地想网页浏览者传达电子商务营销理念。本次任务以案例教学学生跟练的方式，使学生理解在网页中插入Javaapplet的方法，为学生自己动手设计、制作网页打下基础。教学目标知识与技能目标：了解添加视频（非FLV）。了解插入Shockwave影片了解插入ActiveX控件掌握在Dreamweaver中插入Javaapplet的方法。过程与方法目标：通过案例展示，学生动手掌握在网页中插入Javaapplet的方法。情感态度与价值观：1、 培养学生善于发现、勤于动脑、乐于动手的学习习惯；2、 激发学生学习网页设计与制作的兴趣；3、培养学生的归纳总结能力。课时：1课时教学重点：了解添加视频（非FLV）；了解插入Shockwave影片；了解插入ActiveX控件教学难点：掌握在Dreamweaver中插入Javaapplet的方法教学过程：教学程序 教学内容要点1、导入 问题设置在一张网页中除了文字、图像、视频、声音等媒体外，还有哪些元素可以增强网页的表现力呢？2、新课讲授 知识链接一、添加视频（非FLV）二、插入Shockwave影片三、插入ActiveX控件必备知识一、插入Javaapplet3、学做合一实践任务 实例网页在【教学资源包】【配套资源】【5.3.1】文件夹中。【活动实施】1.用Dreamweaver打开资源文件夹下index