(以2课时为单元) 课序:15 第八章第13节 目的要求: 了解并掌握如何插入多煤体对象 教学内容: 1.制作图像效果 2.设置背景音乐 3.插入FLASH按钮、FLASH文本、FLASH动画 4. 插入音频和视频文件 5,插入Shockwave象 .插入Java Applet对象 重点与难点: 重点:制作图像效果,插入FLASH动画 难点:插入音频和视频文件 教学方法:多煤体教学 手段:课程讲授为主,学生练习讨论为辅。 教学步骤: 引入一个多媒体的网站实例,然后展开理论教学: 如何为网页设置背景音乐、插入多媒体对象等 复习提问: 网页的布局和站点的创建 作业题目: 1-3 预习内容 WEB图像基础 课时分配: 教学环节复习提问新课讲解课堂讨论小节作业布置 时间分配■3 82 10 2
(以 2 课时为单元) 课序:15 第八章 第 1-3 节 目的要求: 了解并掌握如何插入多媒体对象 教学内容: 1. 制作图像效果 2. 设置背景音乐 3. 插入 FLASH 按钮、FLASH 文本、FLASH 动画 4. 插入音频和视频文件 5. 插入 Shockwave 对象 6. 插入 Java Applet 对象 重点与难点: 重点:制作图像效果,插入 FLASH 动画 难点:插入音频和视频文件 教学方法: 多媒体教学 手段:课程讲授为主,学生练习讨论为辅。 教学步骤: 引入一个多媒体的网站实例,然后展开理论教学: 如何为网页设置背景音乐、插入多媒体对象等 复习提问: 网页的布局和站点的创建 作业题目: 1-3 预习内容: WEB 图像基础 课时分配: 教学环节 复习提问 新课讲解 课堂讨论 小节 作业布置 时间分配 3 82 10 3 2
第8章在网页中插入多煤体对象 本章主要介绍如何为Web设置背景音乐,在网页中插入Flash动画、插入视频及音频等 多媒体对象。 【本竟学习日的】 本章通过几个典型实例的介绍,重点讲解了多媒体技术在网页中的应用,要求读者掌掘 如何在网页中添加FLASH动画、视频及音频文件等多媒体对象 一、实例导入:多媒体站点 在网页中应用多媒体对象可以增强网页的娱乐性和感染力,多媒体成为最有魅力的方 式,也是潮流的方向 娱乐在线多媒体站点:该多媒体站点主要实现的功能是在线观看Flash动画、Flash视 频以及其它类型的视频及音频文件。 在此网站实例中,主要涉及以下知识点: ·背景音乐的设置: ● 插入F1ash对象:Flash动画、Flash视频、Flash按钮、lash文本等: 插入其它类型视频和音频文件 二、使用多媒体对象 网页中常用的多媒体对象主要分为Flash类(包括Flash动画、Flash按钮、Flash文本、 Flash视频等)、Java applets、ActiveX控件类,以及各种音频、视频文件如Shockwave影片 Ouick Time. RM、WMV、MD3等). 1、设置页面背景音乐 由于背景音乐不是一种标准的网页属性,所以需要用修改原代码的方式为网页添加背景音 乐。在head和标签之间添加以下代码:。 在Bs0umd标签中C用于指定背景音乐的源文件路径。Lo0D是指背音乐的循环次 数,如果输入为-l,则表示无限循环。Bgsound标签中所支持的背景音乐格式为:wav、mid mp3等。 2、插入F1ash影片 F1ash是一种高质量、高压缩率的矢量动画,有超强的交互能力,也正是因为这些原因, F1ash在网络上得到了快速发展。 插入Flash影片 插入在网页中的Flash影片格式为swf,Flash源文件格式为Fla,源文件不能直接插入 到网页中,但可以在Flash软件中修改源文件。 3、插入F1ah文本 vcr8.0增添了一些Flash对象,包括Flash文本、Flash按钮和Flash元素等, 不使用Pas软件也可以制作出漂亮的Fa动画了. 使用Flash文本对象可以轻松地制作出只包含文本的Flash动画,这样设计者就不用担 心网页浏览者没有安装特殊字体而无法看到网页的最佳效果了
第8章 在网页中插入多媒体对象 本章主要介绍如何为 Web 设置背景音乐,在网页中插入 Flash 动画、插入视频及音频等 多媒体对象。 【本章学习目的】 本章通过几个典型实例的介绍,重点讲解了多媒体技术在网页中的应用,要求读者掌握 如何在网页中添加 FLASH 动画、视频及音频文件等多媒体对象。 一、实例导入:多媒体站点 在网页中应用多媒体对象可以增强网页的娱乐性和感染力,多媒体成为最有魅力的方 式,也是潮流的方向。 娱乐在线多媒体站点:该多媒体站点主要实现的功能是在线观看 Flash 动画、Flash 视 频以及其它类型的视频及音频文件。 在此网站实例中,主要涉及以下知识点: ⚫ 背景音乐的设置; ⚫ 插入 Flash 对象:Flash 动画、Flash 视频、Flash 按钮、Flash 文本等; ⚫ 插入其它类型视频和音频文件。 二、使用多媒体对象 网页中常用的多媒体对象主要分为 Flash 类(包括 Flash 动画、Flash 按钮、Flash 文本、 Flash 视频等)、Java applets、ActiveX 控件类,以及各种音频、视频文件(如 Shockwave 影片、 QuickTime、RM、WMV、Mp3 等)。 1、设置页面背景音乐 由于背景音乐不是一种标准的网页属性,所以需要用修改源代码的方式为网页添加背景音 乐。在和标签之间添加以下代码:。 在 Bgsound 标签中,src 用于指定背景音乐的源文件路径。Loop 是指背景音乐的循环次 数,如果输入为-1,则表示无限循环。Bgsound 标签中所支持的背景音乐格式为:wav、mid、 mp3 等。 2、插入 Flash 影片 Flash 是一种高质量、高压缩率的矢量动画,有超强的交互能力,也正是因为这些原因, Flash 在网络上得到了快速发展。 ⚫ 插入 Flash 影片 插入在网页中的 Flash 影片格式为 swf,Flash 源文件格式为 Fla,源文件不能直接插入 到网页中,但可以在 Flash 软件中修改源文件。 3、插入 Flash 文本 Dreamweaver8.0 增添了一些 Flash 对象,包括 Flash 文本、Flash 按钮和 Flash 元素等, 不使用 Flash 软件也可以制作出漂亮的 Flash 动画了。 使用 Flash 文本对象可以轻松地制作出只包含文本的 Flash 动画,这样设计者就不用担 心网页浏览者没有安装特殊字体而无法看到网页的最佳效果了
4、插入FIah按钮 使用Dreamweaver80就可以快捷地制作出动感Flas按组,制作多个Fa按钮可以组 成一个动态的导航栏 5、插入Flash Video Flash Video即Flash视频,它的后缀名为:.v,是目前广泛流行的一种视频文件格式。 一般的视频文件:asf、mv、rm等都需要专门的播放器来支持视频文件的播放,否则根本 无法收看,并且这类文件容量过大,下载慢,查看也不很流畅。为了解决播放器和容量的问 题,可以将各类视频文件转换成Fsh视频文件,即Fv格式。经过编码后的音频和视须发 据,通过Flash Player传送。 6、插入Flash Paper FlashPaper是一款转换软件,可以将任何可打印的文档转换为SWF或PDF文档,原文 档的排版样式和字体品示不受影响,不论浏览者的平台和语言版本是什么,都可以自由的观 看你所制作的电子文档动画,并可以进行自由的缩放、翻页、搜索和打印等操作,对文档的 传猫非常有好处 用户安装FlashPaper软件后,打开word款件时,就会多出FlashPaper菜单栏,还多出 个FlashPaper工具栏。在word中,单击FlashPaper工具栏中的“转换为Aash”按钮@时, 即可将当前word文档转换sf格式的文件。将它可以作为Fsh文件插入到网页中。 7、播入Fah 元素 制作像册 在Dreamweaver8.0中,可以插入Flash元素制作动态的像册。当打开包含FLASH像册元 素的网页后,将自动加载制作好的像册,最前面显示当前照片数和照片总数量,后面是后退、 播放/停止、前进按钮,单击的时候有不错的凡ASH翻页效果,也可设置为自动播放和循环 遥故 8、在网页中嵌入音频文件 在网页中加入背景音乐虽然简便,但是缺乏对音频文件的控制能力,比如浏览者不想听 到背景音乐时,却无法使播放的声音停下来,并且背景音乐所支持的音频文件格式有限。因 此可以媒体插件的方式嵌入声音文件。 网页中的音频文件格式为:mid、w,几乎所右的浏监器都支持这两种声音格式,所 以客户端无需插件即对其支持,另外还有mp3 m、mww、mov等。 、在网页中嵌入视频文件 随着宽带网络技术的飞速发展,网络视频点播已经普及,通过网络可以在线看免费的影 片,在线收看远程教学等。这些都是通过在网页中嵌入视频文件来实现的。 网页中视频文件的常见格式有:rm、wmv、asf、mov等。嵌入方式与音频文件的嵌入 方法一致。 三、多媒体网站实例的制作过程 本节详细讲解“娱乐在线”多媒体站点的制作过程,其功能主要是实现视频点播,由多 个网页构成,通过超链接将网页关联起来。 (以2课时为单元) 课序:16
4、插入 Flash 按钮 使用 Dreamweaver 8.0 就可以快捷地制作出动感 Flash 按钮。制作多个 Flash 按钮可以组 成一个动态的导航栏。 5、插入 Flash Video Flash Video 即 Flash 视频,它的后缀名为:.flv,是目前广泛流行的一种视频文件格式。 一般的视频文件:asf、wmv、rm 等都需要专门的播放器来支持视频文件的播放,否则根本 无法收看,并且这类文件容量过大,下载慢,查看也不很流畅。为了解决播放器和容量的问 题,可以将各类视频文件转换成 Flash 视频文件,即 Flv 格式。经过编码后的音频和视频数 据,通过 Flash Player 传送。 6、插入 Flash Paper FlashPaper 是一款转换软件,可以将任何可打印的文档转换为 SWF 或 PDF 文档,原文 档的排版样式和字体显示不受影响,不论浏览者的平台和语言版本是什么,都可以自由的观 看你所制作的电子文档动画,并可以进行自由的缩放、翻页、搜索和打印等操作,对文档的 传播非常有好处。 用户安装 FlashPaper 软件后,打开 word 软件时,就会多出 FlashPaper 菜单栏,还多出一 个 FlashPaper 工具栏。在 word 中,单击 FlashPaper 工具栏中的“转换为 Flash”按钮 时, 即可将当前 word 文档转换 swf 格式的文件。将它可以作为 Flash 文件插入到网页中。 7、插入 Flash 元素制作像册 在 Dreamweaver 8.0 中,可以插入 Flash 元素制作动态的像册。当打开包含 FLASH 像册元 素的网页后,将自动加载制作好的像册,最前面显示当前照片数和照片总数量,后面是后退、 播放/停止、前进按钮,单击的时候有不错的 FLASH 翻页效果,也可设置为自动播放和循环 播放。 8、在网页中嵌入音频文件 在网页中加入背景音乐虽然简便,但是缺乏对音频文件的控制能力,比如浏览者不想听 到背景音乐时,却无法使播放的声音停下来,并且背景音乐所支持的音频文件格式有限。因 此可以媒体插件的方式嵌入声音文件。 网页中的音频文件格式为:mid、wav,几乎所有的浏览器都支持这两种声音格式,所 以客户端无需插件即对其支持,另外还有 mp3、rm、mwv、mov 等。 9、在网页中嵌入视频文件 随着宽带网络技术的飞速发展,网络视频点播已经普及,通过网络可以在线看免费的影 片,在线收看远程教学等。这些都是通过在网页中嵌入视频文件来实现的。 网页中视频文件的常见格式有:rm、wmv、asf、mov 等。嵌入方式与音频文件的嵌入 方法一致。 三、多媒体网站实例的制作过程 本节详细讲解“娱乐在线”多媒体站点的制作过程,其功能主要是实现视频点播,由多 个网页构成,通过超链接将网页关联起来。 (以 2 课时为单元) 课序:16
第八章第13节 目的要求: 了解并掌握如何插入多媒体对象 教学内容: 1.制作图像效果 2.设置背景音乐 插入FLASH按钮、FLASH文本、FLASH动画 4 插入音频和视频文件 5.插入Shockwave对象 6.插入Java Applet对象 重点与难点: 重点:制作图像效果,插入FLASH动画 难点:插入音频和视频文件 教学方法:上机实训 手段:学生上机实操练习为主,教师辅导为辅。 教学步骤: 引入一个多媒体的网站实例,然后布置上机任务: 设置背景音乐、插入多媒体对象 复习提问: 作业题目: 预习内容: WEB图像基础 课时分配: 教学环节复习提问新课讲解课堂讨论 小节 作业布置 时间分配
第八章 第 1-3 节 目的要求: 了解并掌握如何插入多媒体对象 教学内容: 1. 制作图像效果 2. 设置背景音乐 3. 插入 FLASH 按钮、FLASH 文本、FLASH 动画 4. 插入音频和视频文件 5. 插入 Shockwave 对象 6. 插入 Java Applet 对象 重点与难点: 重点:制作图像效果,插入 FLASH 动画 难点:插入音频和视频文件 教学方法: 上机实训 手段:学生上机实操练习为主,教师辅导为辅。 教学步骤: 引入一个多媒体的网站实例,然后布置上机任务: 设置背景音乐、插入多媒体对象 复习提问: 作业题目: 预习内容: WEB 图像基础 课时分配: 教学环节 复习提问 新课讲解 课堂讨论 小节 作业布置 时间分配
上机实训 1.背景知识 根据本章所学的在网页中嵌入多媒体对象的方法,再综合前面所学的创建站点及编辑网 页的知识,制作功能完善的多媒体站点】 2.实训准备工作 将相应的网页草图和网页素材,如:音频、视频、f1ash等文件,以及相关的软件,如: flashpaper软件准备好,发送到学生主机中,以供学生参考使用。 3.实训腰求 (1)制作多媒体站点首页 根据给定的网页草图及相关素材,布局页面,然后填充网页元素,首页内容包括:Fash 影片、Flash文本、Flash按钮、Flash元素等及修饰的一些图像。首页效果图如图所示。 (②)制作站点内的其它网页 要求包括:嵌入视频的网页、Flash mtv网页、Flash Video网页、点播音乐的网页,最 后添加页面之间的链接。 4.课时安排:2课时 实训指导 绝在线视听 wnB四四 :爱你在与一天 图多媒体站点首页 步骤1首先制作多媒体站点的首页,首页背景颜色为深蓝色(012F47),该网页的布 局可采用表格的方式。 步骤2在第一行单元格中,插入Flash文本:悠悠在线视听:在第二行单元格中,连
上 机 实 训 1. 背景知识 根据本章所学的在网页中嵌入多媒体对象的方法,再综合前面所学的创建站点及编辑网 页的知识,制作功能完善的多媒体站点。 2. 实训准备工作 将相应的网页草图和网页素材,如:音频、视频、flash 等文件,以及相关的软件,如: flashpaper 软件准备好,发送到学生主机中,以供学生参考使用。 3. 实训要求 (1) 制作多媒体站点首页 根据给定的网页草图及相关素材,布局页面,然后填充网页元素,首页内容包括:Flash 影片、Flash 文本、Flash 按钮、Flash 元素等及修饰的一些图像。首页效果图如图所示。 (2) 制作站点内的其它网页 要求包括:嵌入视频的网页、Flash mtv 网页、Flash Video 网页、点播音乐的网页,最 后添加页面之间的链接。 4. 课时安排:2 课时 5. 实训指导 图 多媒体站点首页 步骤 1 首先制作多媒体站点的首页,首页背景颜色为深蓝色(#012F47),该网页的布 局可采用表格的方式。 步骤 2 在第一行单元格中,插入 Flash 文本:悠悠在线视听;在第二行单元格中,连
续插入Flash按钮,构成导航条:在第三行插入一个图像:images/001jpg。 第四行拆分为二个单元格,第一个单元格插入一幅图像:m 并输入文本:李 爱你 一天,第 二个单元格插入Flash元素 换 最后一行插入一幅图像:images/O02.jpg:在代码视图中和。 步骤3制作其它的多媒体页面 ●Flashvideo.htm:插入一个Flash视频文件,a/02.v Flashmtv.htm:插入一个Flash影片文件 wenonce.swf。 Flashpaper.htm:插入一个FlashPaper文件,fla/flashpaper.swf. ●Shiping.htm:插入二个视频文件,shiping/xuruyun.wmv和shiping/anmei.rm。 ●Yinping.htm:插入一个音频文件,yinping/halfmoon.mp3。 步骤4打开首页,选中某个Fash导航条按钮,单击“属性”面板中“编辑”按钮, 打开“插入Flash按钮”对话框,添加链接地址,分别链接到相应的页面
续插入 Flash 按钮,构成导航条;在第三行插入一个图像:images/001.jpg。 第四行拆分为二个单元格,第一个单元格插入一幅图像:images/once.jpg,并输入文本:李 玟:爱你在每一天,第二个单元格插入 Flash 元素:一组王菲的图片切换显示; 最后一行插入一幅图像:images/002.jpg;在代码视图中和添加背景音乐的代 码:。 步骤 3 制作其它的多媒体页面 ⚫ Flashvideo.htm:插入一个 Flash 视频文件,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 按钮”对话框,添加链接地址,分别链接到相应的页面