1 / 22

第 5 章　使用多媒体

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

carrington
Télécharger la présentation

第 5 章　使用多媒体

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. 5.1　使用Flash • Flash动画 • 图像查看器 • FlashPaper • Flash视频

  4. 5.1.1Flash动画 插入Flash动画的常用方法通常有以下3种。 • 选择【插入记录】／【媒体】／【Flash】命令。 • 在【插入】／【常用】工具栏的媒体下拉按钮组中单击 按钮。 • 在【文件】面板中选中Flash文件，然后将其拖动到文档中。 插入Flash动画后，可以通过【属性】面板对其属性进行设置。

  5. 5.1.1Flash动画

  6. 5.1.2图像查看器 图像查看器就像是在网页中放置一个看图软件，使图像一幅幅地展示出来。图像查看器是一种特殊形式的Flash动画，但它的插入和使用方法与Flash动画略有不同。 选择【插入记录】/【媒体】/【图像查看器】命令，插入Flash占位符。在文档中右键单击Flash占位符，在弹出的快捷菜单中选择【编辑标签<object>】命令打开【标签编辑器－object】对话框，切换至【替代内容】分类，在文本框内找到默认的图像文件路径名修改为现有图像的文件路径名。

  7. 5.1.3FlashPaper FlashPaper是一种文档格式，可以使用诸如Adobe公司的FlashPaper 2软件建立。FlashPaper能够将任何类型的可打印文档转换为SWF或PDF格式，可通过各种平台来查看生成的FlashPaper文档。文档的格式、图像、字体、特殊符号、颜色等全部保留，而且生成的SWF文件与Flash所生成的SWF文件格式是相同的。FlashPaper SWF文件通常比其他格式的文档要小得多，可以使用任何支持Flash的浏览器查看它们，或者可以直接使用Macromedia的Flash Player来查看。 选择【插入记录】／【媒体】／【FlashPaper】命令，打开【插入FlashPaper】对话框进行设置即可。

  8. 5.1.3FlashPaper 在浏览器中预览。

  9. 5.1.4Flash视频 Flash视频，即FLV流媒体格式是一种新的视频格式，全称为Flash Video。它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好地使用等缺点。 选择【插入记录】／【媒体】／【Flash视频】命令，打开【插入Flash视频】对话框，由于选择【视频类型】的不同，对话框会呈现两种形式。

  10. 5.1.4Flash视频

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

  12. 5.2 使用Shockwave Shockwave是Macromedia公司的又一杰作，主要用于在Web中插放丰富的交互式多媒体内容的业界标准，其真正含义就是插件。可以通过Macromedia Director来创建Shockwave影片，它生成的压缩格式可以被浏览器快速下载，并且可被目前的主流浏览器所支持。 选择【插入记录】／【媒体】／【Shockwave】命令，打开【选择文件】对话框来插入Shockwave文件。Shockwave文件的扩展名是“.dcr”、“.dir”、“.dxr”。

  13. 5.3插入特殊对象 • Applet • ActiveX

  14. 5.3.1Applet Applet就是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占位符，选择【编辑标签】命令，打开【标签编辑器】对话框，切换至【替代内容】选项，输入相应代码。

  15. 5.3.1Applet

  16. 5.3.1Applet 也可以直接单击【属性】面板中的 【参数】按钮，打开【参数】对话框，修改与显示效果相关的参数。

  17. 5.3.2　插入ActiveX ActiveX的主要作用是在不发布浏览器新版本的情况下扩展浏览器的能力。如果浏览器载入了一个网页，而这个网页中有浏览器不支持的ActiveX控件，浏览器会自动安装所需控件。WMV和RM是网络常见的两种视频格式。其中，WMV影片是Windows的视频格式，使用的播放器是Microsoft Media Player。 选择【插入记录】／【媒体】／【ActiveX】命令，系统自动在文档中插入一个ActiveX占位符。在【属性】面板的【ClassID】下拉列表框中添加“CLSID:22D6f312-b0f6-11d0-94ab-0080c74c7e95”。 在【属性】面板中勾选【嵌入】复选框，然后单击【参数】按钮，打开【参数】对话框添加参数。

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

  19. 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”来恢复影片的原始比例尺寸。

  20. 5.4 综合小实例──完善“西湖十景”网页 将本章素材文件“实例素材\第5章\综合小实例”下的所有文件复制到站点根目录下，然后完善“西湖十景”网页，具体要求如下。 (1) 插入Flash动画：将Flash动画“images/fengjing.swf”插入到正文第3段的开头，并设置宽度为“180”，高度为“120”，左对齐。 (2) 插入图像查看器：在正文第5段的开头插入图像查看器，能够查看旧西湖十景的图像，宽度和高度均为“200”，左对齐。

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

More Related