22

第 5 章 使用多媒体

Embed Size (px)

DESCRIPTION

第 5 章 使用多媒体. 多媒体技术的发展使网页设计者能够轻松自如地在页面中加入声音、动画、影片等内容,使制作的网页充满了乐趣,更给访问者增添了几分欣喜,同时网页看起来更有趣味性和观赏性。本章将介绍在网页中使用多媒体的方法。. 学习目标. 了解多媒体的种类。 掌握插入 Flash 动画的方法。 掌握插入图像查看器的方法。 掌握插入 FlashPaper 的方法。 掌握插入 Flash 视频的方法。 掌握插入 Shockwave 的方法。 掌握插入 Applet 和 ActiveX 的方法。. 5.1  使用 Flash. Flash动画 图像查看器 - PowerPoint PPT Presentation

Citation preview

Page 1: 第 5 章 使用多媒体
Page 2: 第 5 章 使用多媒体

  多媒体技术的发展使网页设计者能够轻松自如地在页面中加入声音、动画、影片等内容,使制作的网页充满了乐趣,更给访问者增添了几分欣喜,同时网页看起来更有趣味性和观赏性。本章将介绍在网页中使用多媒体的方法。

第 5章 使用多媒体

Page 3: 第 5 章 使用多媒体

学习目标

了解多媒体的种类。掌握插入 Flash 动画的方法。掌握插入图像查看器的方法。掌握插入 FlashPaper 的方法。掌握插入 Flash 视频的方法。掌握插入 Shockwave 的方法。掌握插入 Applet 和 ActiveX 的方法。

Page 4: 第 5 章 使用多媒体

5.1  使用 Flash

Flash 动画图像查看器FlashPaper

Flash 视频

Page 5: 第 5 章 使用多媒体

5.1.1   Flash 动画插入 Flash 动画的常用方法通常有以下 3 种。

• 选择【插入记录】/【媒体】/【 Flash 】命令。

• 在【插入】/【常用】工具栏的媒体下拉按钮组中单击 按钮。

• 在【文件】面板中选中 Flash 文件,然后将其拖动到文档中。

插入 Flash 动画后,可以通过【属性】面板对其属性进行设置。

Page 6: 第 5 章 使用多媒体

5.1.1   Flash 动画

Page 7: 第 5 章 使用多媒体

5.1.2   图像查看器图像查看器就像是在网页中放置一个看图软件,使图像一幅

幅地展示出来。图像查看器是一种特殊形式的 Flash 动画,但它的插入和使用方法与 Flash 动画略有不同。

选择【插入记录】 / 【媒体】 / 【图像查看器】命令,插入 Flash 占位符。在文档中右键单击 Flash 占位符,在弹出的快捷菜单中选择【编辑标签 <object> 】命令打开【标签编辑器- object 】对话框,切换至【替代内容】分类,在文本框内找到默认的图像文件路径名修改为现有图像的文件路径名。

Page 8: 第 5 章 使用多媒体

5.1.3   FlashPaper

FlashPaper 是一种文档格式,可以使用诸如 Adobe 公司的FlashPaper 2 软件建立。 FlashPaper 能够将任何类型的可打印文档转换为 SWF 或 PDF 格式,可通过各种平台来查看生成的FlashPaper 文档。文档的格式、图像、字体、特殊符号、颜色等全部保留,而且生成的 SWF 文件与 Flash 所生成的 SWF 文件格式是相同的。 FlashPaper SWF 文件通常比其他格式的文档要小得多,可以使用任何支持 Flash 的浏览器查看它们,或者可以直接使用 Macromedia 的 Flash Player 来查看。

选择【插入记录】/【媒体】/【 FlashPaper 】命令,打开【插入 FlashPaper 】对话框进行设置即可。

Page 9: 第 5 章 使用多媒体

5.1.3   FlashPaper

在浏览器中预览。

Page 10: 第 5 章 使用多媒体

5.1.4   Flash 视频

Flash 视频,即 FLV 流媒体格式是一种新的视频格式,全称为 Flash Video 。它的出现有效地解决了视频文件导入 Flash 后,使导出的 SWF 文件体积庞大,不能在网络上很好地使用等缺点。

选择【插入记录】/【媒体】/【 Flash 视频】命令,打开【插入 Flash 视频】对话框,由于选择【视频类型】的不同,对话框会呈现两种形式。

Page 11: 第 5 章 使用多媒体

5.1.4   Flash 视频

Page 12: 第 5 章 使用多媒体

5.1.4   Flash 视频

所谓累进式下载视频就是将 Flash 视频( FLV)文件下载到站点访问者的硬盘上,然后播放。这与传统的“下载并播放”视频传送方法不同,累进式下载允许在下载完成之前就开始播放视频文件。而所谓流视频就是对 Flash 视频内容进行流式处理,并在一段时间内要确保流畅播放,但必须在缓冲时间后才能在网页上播放该内容。如果希望在网上启用流视频,就必须具有访问 Adobe Flash Media Player 的条件。

Page 13: 第 5 章 使用多媒体

5.2  使用 Shockwave

Shockwave 是 Macromedia 公司的又一杰作,主要用于在 Web 中插放丰富的交互式多媒体内容的业界标准,其真正含义就是插件。可以通过 Macromedia Director 来创建 Shockwave 影片,它生成的压缩格式可以被浏览器快速下载,并且可被目前的主流浏览器所支持。

选择【插入记录】/【媒体】/【 Shockwave 】命令,打开【选择文件】对话框来插入 Shockwave 文件。 Shockwave 文件的扩展名是“ .dcr” 、“ .dir” 、“ .dxr” 。

Page 14: 第 5 章 使用多媒体

5.3  插入特殊对象

Applet

ActiveX

Page 15: 第 5 章 使用多媒体

5.3.1   AppletApplet 就是 Java程序,可以实现网页特效。 Java Applet被嵌

入到 HTML语言中,通过主页发布到因特网,用户访问服务器的 Applet 时,这些 Applet 就从网络上进行传输,然后在支持 Java 的浏览器中运行。在看一些带有 Java 效果的网页时,浏览器会启动 Java解释器以执行 Java Applet 。 Applet 可以像图像、声音、动画等一样从网络上下载,从 http://www.Java.com 或一些爱好者站点也可以得到不少可用的 Applet应用程序。这些程序不同于多媒体的文件格式,它可以接收用户的输入,动态地进行改变,这是 Applet最灵活的特点。

选择【插入记录】/【媒体】/【 Applet 】命令,打开【选择文件】对话框,选择 Java Applet 文件路径, Applet 文件的扩展名是以“ .class”结尾的。插入 Applet ,在文档窗口中右击 Applet 占位符,选择【编辑标签】命令,打开【标签编辑器】对话框,切换至【替代内容】选项,输入相应代码。

Page 16: 第 5 章 使用多媒体

5.3.1   Applet

Page 17: 第 5 章 使用多媒体

5.3.1   Applet也可以直接单击【属性】面板中的 【参数】按钮,打开【参

数】对话框,修改与显示效果相关的参数。

Page 18: 第 5 章 使用多媒体

5.3.2  插入 ActiveXActiveX 的主要作用是在不发布浏览器新版本的情况下扩展浏

览器的能力。如果浏览器载入了一个网页,而这个网页中有浏览器不支持的 ActiveX控件,浏览器会自动安装所需控件。 WMV 和 RM 是网络常见的两种视频格式。其中, WMV 影片是 Windows 的视频格式,使用的播放器是 Microsoft Media Player 。

选择【插入记录】/【媒体】/【 ActiveX 】命令,系统自动在文档中插入一个 ActiveX 占位符。在【属性】面板的【 ClassID 】下拉列表框中添加“ CLSID:22D6f312-b0f6-11d0-94ab-0080c74c7e95” 。

在【属性】面板中勾选【嵌入】复选框,然后单击【参数】按钮,打开【参数】对话框添加参数。

Page 19: 第 5 章 使用多媒体

5.3.2  插入 ActiveX

在 WMV 视频的 ActiveX 【属性】面板中,许多参数没有设置,便无法正常播放 WMV 格式的视频。这时需要做两项工作:一是添加“ ClassID”;二是添加控制播放参数。对于控制播放参数,可以根据需要有选择地添加。

Page 20: 第 5 章 使用多媒体

5.3.2  插入 ActiveX除了当前的 WMV 视频,此种方式还可以播放 MPG 、 ASF 等

格式的视频,但不能播放 RM 、 RMVB 格式。播放 RM 格式的视频不能使用 Microsoft Media Player播放器,必须使用 RealPlayer播放器。设置方法是:在【属性】面板的【 ClassID 】下拉列表中选择“ RealPlayer/clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” ,勾选【嵌入】复选框,然后在【属性】面板中单击【参数】按钮,打开【参数】对话框,添加参数,最后设置【宽】和【高】为固定尺寸。

在播放 WMV 格式的视频时,可以不设置具体的尺寸,但是 RM 格式的视频必须要设置一个具体的尺寸。当然,这个尺寸可能不是影片的原始比例尺寸,可以通过将参数“MAINTAINASPECT”设置为“ true” 来恢复影片的原始比例尺寸。

Page 21: 第 5 章 使用多媒体

5.4 综合小实例──完善“西湖十景”网页

将本章素材文件“实例素材 \第 5 章 \综合小实例”下的所有文件复制到站点根目录下,然后完善“西湖十景”网页,具体要求如下。

(1) 插入 Flash 动画:将 Flash 动画“ images/fengjing.swf” 插入到正文第 3段的开头,并设置宽度为“ 180” ,高度为“ 120” ,左对齐。

(2) 插入图像查看器:在正文第 5段的开头插入图像查看器,能够查看旧西湖十景的图像,宽度和高度均为“ 200” ,左对齐。

Page 22: 第 5 章 使用多媒体

5.4 综合小实例──完善“西湖十景”网页