在网页中插入多媒体对象.ppt

第八章在网页中插入多媒体对象 实例导入 多媒体站点 8 1 使用多媒体对象 8 2 多媒体网站实例的制作过程 8 3 8 1实例导入 多媒体站点 在网页中应用多媒体对象可以增强网页的娱乐性和感染力 多媒体成为最有魅力的方式 也是潮流的方向 例8 1 娱乐在线多媒体站点 如图8 1所示 该多媒体站点主要实现的功能是在线观看Flash动画 Flash视频以及其它类型的视频及音频文件 在本网站实例中 主要涉及以下知识点 背景音乐的设置 插入Flash对象 Flash动画 Flash视频 Flash按钮 Flash文本等 插入其它类型视频和音频文件 8 2使用多媒体对象 网页中常用的多媒体对象主要分为Flash类 包括Flash动画 Flash按钮 Flash文本 Flash视频等 Javaapplets ActiveX控件类 以及各种音频 视频文件 如Shockwave影片 QuickTime RM WMV Mp3等 8 2 1设置页面背景音乐 由于背景音乐不是一种标准的网页属性 所以需要用修改源代码的方式为网页添加背景音乐 操作步骤如下 步骤1打开要添加背景音乐的网页 切换到代码视图或拆分视图 步骤2在和标签之间添加以下代码 在Bgsound标签中 src用于指定背景音乐的源文件路径 Loop是指背景音乐的循环次数 如果输入为 1 则表示无限循环 Bgsound标签中所支持的背景音乐格式为 wav mid mp3等 保存网页 在浏览器中浏览网页中背景音乐的播放效果 8 2 2插入Flash影片 Flash是一种高质量 高压缩率的矢量动画 有超强的交互能力 也正是因为这些原因 Flash在网络上得到了快速发展 插入在网页中的Flash影片格式为swf Flash源文件格式为Fla 源文件不能直接插入到网页中 但可以在Flash软件中修改源文件 插入Flash影片常用的方法有两种 单击 插入 栏 常用 选项 媒体 Flash 按钮 如图8 2所示 或选择 插入 菜单 媒体 Flash 命令 如图8 3所示 插入Flash影片后 在 文档 窗口中出现Flash占位符 8 2 3在网页中添加FLASH按钮和文本 Dreamweaver8 0增添了一些Flash对象 包括Flash文本 Flash按钮和Flash元素等 不使用Flash软件也可以制作出漂亮的Flash动画了 使用Flash文本对象可以轻松地制作出只包含文本的Flash动画 这样设计者就不用担心网页浏览者没有安装特殊字体而无法看到网页的最佳效果了 单击 插入 栏 常用 选项 媒体 Flash文本 按钮 或选择 插入 菜单 媒体 Flash文本 命令 弹出 插入Flash文本 对话框 如图8 4所示 8 2 4插入Flash按钮 使用Dreamweaver8 0就可以快捷地制作出动感Flash按钮 制作多个Flash按钮可以组成一个动态的导航栏 操作步骤如下 单击 插入 栏 常用 选项 媒体 Flash按钮 按钮 或选择 插入 菜单 媒体 Flash按钮 命令 弹出 插入Flash按钮 对话框 如图8 5所示 设置Flash按钮的相关参数 8 2 5插入FlashVideo FlashVideo即Flash视频 它的后缀名为 flv 是目前广泛流行的一种视频文件格式 一般的视频文件 asf wmv rm等都需要专门的播放器来支持视频文件的播放 否则根本无法收看 并且这类文件容量过大 下载慢 查看也不很流畅 为了解决播放器和容量的问题 可以将各类视频文件转换成Flash视频文件 即Flv格式 经过编码后的音频和视频数据 通过FlashPlayer传送 单击 插入 栏 常用 选项 媒体 FlashVideo 按钮 或选择 插入 菜单 媒体 FlashVideo 命令 弹出 插入Flash视频 的对话框 如图8 6所示 设置FlashVideo的相关参数 8 2 6插入FlashPaper FlashPaper是一款转换软件 可以将任何可打印的文档转换为SWF或PDF文档 原文档的排版样式和字体显示不受影响 不论浏览者的平台和语言版本是什么 都可以自由的观看你所制作的电子文档动画 并可以进行自由的缩放 翻页 搜索和打印等操作 对文档的传播非常有好处 用户安装FlashPaper软件后 打开word软件时 就会多出FlashPaper菜单栏 还多出一个FlashPaper工具栏 如图8 7所示 在word中 单击FlashPaper工具栏中的 转换为Flash 按钮时 即可将当前word文档转换swf格式的文件 将它可以作为Flash文件插入到网页中 单击 插入 栏 常用 选项 媒体 Flashpaper 按钮 或选择 插入 菜单 媒体 FlashPaper 命令 弹出 插入FlashPaper 的对话框 如图所示 输入FlashPaper文档名 或单击 浏览 按钮查找FlashPaper路径 输入宽度和高度 以像素为单位 指定FlashPaper对象在网页上的尺寸 单击 确定 按钮 如图8 8所示 文档 窗口出现一个Flash占位符 8 2 7插入Flash元素制作像册 在Dreamweaver8 0中 可以插入Flash元素制作动态的像册 当打开包含FLASH像册元素的网页后 将自动加载制作好的像册 最前面显示当前照片数和照片总数量 后面是后退 播放 停止 前进按钮 单击的时候有不错的FLASH翻页效果 也可设置为自动播放和循环播放 操作步骤如下 步骤1首先准备好在Flash相册中要显示的多张图像 图像尺寸大小一致 步骤2单击 插入 栏 Flash元素 图像查看器 按钮 弹出 保存Flash元素 的对话框 保存Flash元素文件 后缀名为swf 步骤3在 文档 窗口出现Flash占位符 单击Flash占位符 拖动Flash占位符四周的控制点来调节像册尺寸大小 选中Flash占位符 选择 窗口 菜单 标签检查器 命令 打开 标签标查器 面板 如图8 9所示 设置Flash元素的相关参数 8 2 8在网页中嵌入音频文件 在网页中加入背景音乐虽然简便 但是缺乏对音频文件的控制能力 比如浏览者不想听到背景音乐时 却无法使播放的声音停下来 并且背景音乐所支持的音频文件格式有限 因此可以媒体插件的方式嵌入声音文件 网页中的音频文件格式为 mid wav 几乎所有的浏览器都支持这两种声音格式 所以客户端无需插件即对其支持 另外还有mp3 rm mwv mov等 单击 插入 栏 常用 选项 媒体 插件 按钮 弹出 选择文件 的对话框 选择音频文件的路径 单击 确定 按钮 文档窗口出现插件占位符 选中插件占位符 拖动占位符四周的控制点 可调整播放器界面的尺寸 如图所示 选中插件占位符 单击 属性 面板中 参数 按钮 弹出参数对话框 或在 插件 标签检查器中 设置相关的参数 如图8 10所示 8 2 9在网页中嵌入视频文件 随着宽带网络技术的飞速发展 网络视频点播已经普及 通过网络可以在线看免费的影片 在线收看远程教学等 这些都是通过在网页中嵌入视频文件来实现的 网页中视频文件的常见格式有 rm wmv asf mov等 嵌入方式与音频文件的嵌入方法一致 单击 插入 栏 常用 选项 媒体 插件 按钮 在弹出 选择文件 的对话框中查找视频文件路径即可 在 文档 窗口出现插件占位符 根据视频画面大小拖动插件占位符四周的控制点改变插件尺寸 参数设置也与音频文件相似 这里就不重复了 在网页中还可以插入更多的多媒体对象如 Shockwave JavaApplet ActiveX等 插入方法与上面所述相似 这里就不详细叙述了 8 3多媒体网站实例的制作过程 本节详细讲解 例8 1 娱乐在线 多媒体站点的制作过程 其功能主要是实现视频点播 由多个网页构成 通过超链接将网页关联起来 本章小结本章通过制作一个综合性多媒体站点的实例 讲解了多媒体技术在网络中的应用 1 Flash对象的应用 Flash影片 Flash文本 Flash按钮 Flash视频 Flash元素等 2 视频文件的嵌入 各种视频文件的嵌入使网络在线点播成为时尚 3 音频文件的应用 背景音乐的设置 音频文件的嵌入 本章练习题1 选择题 1 网页中背景音乐常用的音频文件格式为 A mid wavB wav jpeg movC swf wav rmD gif wav rm 2 Flash影片文件格式为 A jpgB wmvC asfD swf 3 Flash视频文件格式为 A swfB flaC flvD avi2 简答题网页中常用的多媒体对象包括哪些 Flash视频与其它视频格式文件比较有什么优点 如何将Flash动画的背景设置为透明 上机实训1 背景知识根据本章所学的在网页中嵌入多媒体对象的方法 再综合前面所学的创建站点及编辑网页的知识 制作功能完善的多媒体站点 2 实训准备工作将相应的网页草图和网页素材 如 音频 视频 flash等文件 以及相关的软件 如 flashpaper软件准备好 发送到学生主机中