教你在网页中插入多媒体对象(doc7页)优质版

1、教案首页（以2课时为单元）课序：15第六草 第1-3节目的要求：了解并掌握如何插入多媒体对象教学内容：1.制作图像效果.汝式目乐曰乐3 .插入FLASH按钮、FLASH文本、FLASH动画4 .插入音频和视频文件5 . 插入Shockwave对象6 . 插入Java Applet对象重点与难点：重点：制作图像效果，插入 FLASH动画难点：插入音频和视频文件教学方法：多媒体教学手段：课程讲授为主，学生练习讨论为辅。教学步骤：引入一个多媒体的网站实例，然后展开理论教学： 如何为网页设置背景音乐、插入多媒体对象等 复习提问：网页的布局和站点的创建作业题目：1-3预习内容： WEB图像基础 课时分配

2、：教学环节复习提问新课讲解课堂讨论小节作业布置时间分配3821032第 8 章 在网页中插入多媒体对象本章主要介绍如何为 Web 设置背景音乐， 在网页中插入 Flash 动画、 插入视频及音频等多媒体对象。【本章学习目的】本章通过几个典型实例的介绍， 重点讲解了多媒体技术在网页中的应用， 要求读者掌握如何在网页中添加FLASH 动画、视频及音频文件等多媒体对象。一、实例导入：多媒体站点在网页中应用多媒体对象可以增强网页的娱乐性和感染力，多媒体成为最有魅力的方式，也是潮流的方向。娱乐在线多媒体站点：该多媒体站点主要实现的功能是在线观看Flash 动画、 Flash 视频以及其它类型的视频及音频

3、文件。在此网站实例中，主要涉及以下知识点：背景音乐的设置；插入 Flash 对象： Flash 动画、 Flash 视频、 Flash 按钮、 Flash 文本等；插入其它类型视频和音频文件。二、使用多媒体对象网页中常用的多媒体对象主要分为 Flash 类 （包括 Flash 动画、 Flash 按钮、 Flash 文本、 Flash 视频等 ）、 Java applets、 ActiveX 控件类， 以及各种音频、 视频文件 （如 Shockwave 影片、 QuickTime 、 RM 、 WMV 、 Mp3 等） 。1、设置页面背景音乐由于背景音乐不是一种标准的网页属性，所以需要用修改源

4、代码的方式为网页添加背景音乐。在head和/head标签之间添加以下代码：bgsound src="背景音乐的URL地址”I “一”loop= ”n” 。在Bgsound标签中，src用于指定背景音乐的源文件路径。Loop是指背景音乐的循环次数， 如果输入为 -1 ， 则表示无限循环。 Bgsound 标签中所支持的背景音乐格式为： wav 、 mid 、 mp3 等。2、插入Flash 影片Flash 是一种高质量、 高压缩率的矢量动画， 有超强的交互能力， 也正是因为这些原因，Flash 在网络上得到了快速发展。插入 Flash 影片插入在网页中的Flash影片格式为swf, F

5、lash源文件格式为Fla,源文件不能直接插入到网页中，但可以在Flash 软件中修改源文件。3、插入 Flash文本Dreamweaver8.0增添了一些 Flash对象，包括 Flash文本、Flash按钮和Flash元素等， 不使用 Flash 软件也可以制作出漂亮的 Flash 动画了。使用 Flash 文本对象可以轻松地制作出只包含文本的 Flash 动画，这样设计者就不用担心网页浏览者没有安装特殊字体而无法看到网页的最佳效果了。4、插入Flash按钮使用Dreamweaver 8.0就可以快捷地制作出动感Flash按钮。制作多个Flash按钮可以组成一个动态的导航栏。5、插入 Fl

6、ash VideoFlash Video即Flash视频，它的后缀名为：.flv ,是目前广泛流行的一种视频文件格式。 一般的视频文件：asf、wmv、rm等都需要专门的播放器来支持视频文件的播放，否则根本 无法收看，并且这类文件容量过大，下载慢，查看也不很流畅。为了解决播放器和容量的问题，可以将各类视频文件转换成Flash视频文件，即Flv格式。经过编码后的音频和视频数据，通过 Flash Player传送。 6、插入 Flash PaperFlashPaper是一款转换软件，可以将任彳S可打印的文档转换为SWF或PDF文档，原文档的排版样式和字体显示不受影响，不论浏览者的平台和语言版本是什

7、么，都可以自由的观看你所制作的电子文档动画，并可以进行自由的缩放、翻页、搜索和打印等操作， 对文档的传播非常有好处。 用户安装FlashPaper软件后，打开 word软件时，就会多出 FlashPaper菜单栏，还多出一 个FlashPaper工具栏。在word中，单击FlashPaper工具栏中的“转换为Flash"按钮时， 即可将当前word文档转换swf格式的文件。将它可以作为Flash文件插入到网页中。7、插入Flash元素制作像册 在Dreamweaver 8.0 中，可以插入 Flash元素制作动态的像册。当打开包含 FLASH像册元素的网页后，将自动加载制作好的像册，

8、最前面显示当前照片数和照片总数量，后面是后退、播放/停止、前进按钮，单击的时候有不错的FLASH翻页效果，也可设置为自动播放和循环播放。 8、在网页中嵌入音频文件 在网页中加入背景音乐虽然简便，但是缺乏对音频文件的控制能力，比如浏览者不想听到背景音乐时，却无法使播放的声音停下来，并且背景音乐所支持的音频文件格式有限。因此可以媒体插件的方式嵌入声音文件。网页中的音频文件格式为：mid、wav,几乎所有的浏览器都支持这两种声音格式，所以客户端无需插件即对其支持，另外还有 mp3、rm、mwv、mov等。 9、在网页中嵌入视频文件随着宽带网络技术的飞速发展，网络视频点播已经普及，通过网络可以在线看免

9、费的影 片，在线收看远程教学等。这些都是通过在网页中嵌入视频文件来实现的。网页中视频文件的常见格式有：rm、wmv、asf、mov等。嵌入方式与音频文件的嵌入方法一致。三、多媒体网站实例的制作过程本节详细讲解“娱乐在线”多媒体站点的制作过程，其功能主要是实现视频点播，由多个网页构成，通过超链接将网页关联起来。教案首页（以2课时为单元）课序：16第丛草 第1-3节目的要求：了解并掌握如何插入多媒体对象教学内容：1.制作图像效果.汝式目乐曰乐3 .插入FLASH按钮、FLASH文本、FLASH动画4 .插入音频和视频文件5 . 插入Shockwave对象6 . 插入Java Applet对象重点与

10、难点：重点：制作图像效果，插入 FLASH动画难点：插入音频和视频文件教学方法：上机实训手段：学生上机实操练习为主，教师辅导为辅。教学步骤：引入一个多媒体的网站实例，然后布置上机任务：设置背景音乐、插入多媒体对象复习提问：作业题目：预习内容：WEB图像基础 课时分配：教学环节复习提问新课讲解课堂讨论小节作业布置时间分配上机实训1 .背景知识根据本章所学的在网页中嵌入多媒体对象的方法，再综合前面所学的创建站点及编辑网页的知识，制作功能完善的多媒体站点。2 .实训准备工作将相应的网页草图和网页素材，如：音频、 视频、flash等文件，以及相关的软件，如： flashpaper软件准备好，发送到学生

11、主机中，以供学生参考使用。3 .实训要求(1)制作多媒体站点首页根据给定的网页草图及相关素材，布局页面，然后填充网页元素，首页内容包括：Flash影片、Flash文本、Flash按钮、Flash元素等及修饰的一些图像。首页效果图如图所示。(2)制作站点内的其它网页要求包括：嵌入视频的网页、Flash mtv网页、Flash Video网页、点播音乐的网页，最后添加页面之间的链接。4 . 课时安排：2课时5.实训指导图多媒体站点首页步骤1首先制作多媒体站点的首页，首页背景颜色为深蓝色(#012F47),该网页的布局可采用表格的方式。步骤2在第一行单元格中，插入Flash文本：悠悠在线视听；在第二

12、行单元格中，连续插入Flash按钮，构成导航条；在第三行插入一个图像：images/001.jpg。第四行拆分为二个单元格，第一个单元格插入一幅图像：images/once.jpg,并输入文本：李 玟：爱你在每一天，第二个单元格插入 Flash 元素：一组王菲的图片切换显示；最后一行插入一幅图像：images/002.jpg ;在代码视图中head和/head添加背景音乐的代码： bgsound src="yinping/halfmoon.mp3" loop="-1"。步骤 3 制作其它的多媒体页面Flashvideo.htm ：插入一个Flash 视频

13、文件， fla/02.flv 。Flashmtv.htm ：插入一个Flash 影片文件， fla/liwenonce.swf 。Flashpaper.htm： 插入个 FlashPaper文件，fla/flashpaper.swf。Shiping.htm ：插入二个视频文件，shiping/xuruyun.wmv 和 shiping/anmei.rm 。Yinping.htm ：插入一个音频文件，yinping/halfmoon.mp3 。步骤 4 打开首页，选中某个Flash 导航条按钮，单击“属性”面板中“编辑”按钮，打开“插入 Flash 按钮”对话框，添加链接地址，分别链接到相应的页面。生活不是等待风暴过去，而是学会在雨中翩翩起舞,不要去考虑自己能够走多快，只要知道自己在不断努力向前就行，路对了，成功就不远了。放弃了，就不该后悔。失去了，就不该回忆。放下该放下，退出那没结局的剧。我们需要一点点的眼泪去洗掉眼中的迷雾，一点点的拥抱去疗愈受伤的心，一点点的休息去继续前行,少壮不努力，老大徒伤悲,每个人的人生都是不一样的，处同样的位置，也是有人哭，有人笑，有人沉默。穷人缺什么：表面缺资金，本质缺野心，脑子缺观念，机会缺了解，骨子缺勇气，改变缺行动，事业缺毅力世界上最聪明的