插入多媒体对象.ppt

《插入多媒体对象.ppt》由会员分享，可在线阅读，更多相关《插入多媒体对象.ppt（31页珍藏版）》请在金锄头文库上搜索。

1、补充第2部分 插入多媒体对象,补充第2部分 插入多媒体对象,多媒体包括动画、音频、视频等元素。 Dreamweaver 可以有效地将多媒体元素与网页中的其他元素有机地整合在一起，丰富网页的内容，为网页增添魅力。,补充2.1 网页中的多媒体对象 补充2.2 插入Flash对象 补充2.3 插入Shockwave文件 补充2.4 插入Java Applet程序 补充2.5 插入ActiveX控件 补充2.6 插入插件 补充2.7 向页面添加声音 补充2.8 本章小结,补充2.1 网页中的多媒体对象,补充2.1.1 Flash文件格式 Flash有多种文件格式，常见的有以下几种： （1）Flash文

2、件（.fla） （2）Flash SWF文件（.swf） （3）Flash模板文件（.swt） （4）Flash元素文件（.swc） （5）Flash视频文件格式（.flv）,补充2.1.2 音频文件格式 常见的音频文件格式包括以下几种： （1）.midi或.mid（乐器数字接口）格式 （2）.wav格式 （3）AU文件 （4）.ra、.ram、.rpm或Real Audio格式 （5）.aif（或AIFF）格式 （6）.mp3格式,补充2.1 网页中的多媒体对象,补充2.1.3 视频文件格式 视频文件格式主要有以下3种，均支持压缩，需使用专门的软件进行播放，对网络带宽要求较高。 （1）MPE

3、G1：相当于VCD的质量。 （2）MPEG2：文件最大，质量最好，相当于DVD质量。 （3）AVI：文件较小，应用广泛。,补充2.1 网页中的多媒体对象,补充2.2.1 插入和设置Flash动画 1插入Flash动画 （1）在文档窗口中，把插入点置于要插入动画的地方。 （2）在文档窗口插入面板的“常用”类别中，单击“媒体”下拉菜单中的 选项。 （3）打开“选择文件”对话框，选择 要插入的Flash动画文件。单击“确 定”按钮。一个Flash 占位符出现在 文件窗口。如图所示。,补充2.2 插入Flash对象,2设置Flash动画属性 选择已插入的Flash动画占位符，在“属性”检查器中显示出该

4、Flash动画的相关属性，如图所示。,补充2.2 插入Flash对象,其中： “属性”检查器里的绿色播放按钮。可以在文件窗口里预览到Flash动画的播放效果，点击红色停止按钮可以停止播放动画。也可以通过按F12在浏览器里预览Flash动画。,如何设置flash背景为透明呢？,在Dreamweaver中控制FLASH的背景透明： 首先选中FLASH文件，那么属性面板中就会出现很多可供修改的FLASH属性，选择右下角的“参数”选项，点击进入，出现了一个“参数”对话框，在左边“参数”下输入“wmode”,在右边“值”下输入“transparent”，再按确定，就实现了FLASH的背景透明了。,补充2

5、.2.2 插入Flash按钮 用户可以自己制作Flash按钮，具体方法如下。 （1）把插入点置于要插入Flash按钮的地方。 （2）在文档窗口上方的 插入面板的“常用”类别中， 单击“媒体”下拉菜单中的 选项。弹出 “插入Flash按钮”对话框， 如图所示。,补充2.2 插入Flash对象,在页面中插入Flash文本的方法同插入Flash按钮的方法相类似，对话框如图所示。,补充2.2 插入Flash对象,补充2.2.3 插入Flash文本,补充2.2.4 插入FlashPaper文档 可以在 Web 页中插入 Macromedia FlashPaper 文档。在浏览器中打开包含 FlashPa

6、per 文档的页面时，用户将能够浏览 FlashPaper 文档中的所有页面，而无需加载新的 Web 页。对话框如图所示。,完成对话框的设置后，在页面上将出现一个 Flash 占位符。因为 FlashPaper 本身就是一个 Flash动画。,补充2.2 插入Flash对象,补充2.2.5 插入Flash视频 Dreamweaver能够轻松地在 Web 页中插入 Flash 视频内容，对话框如图所示。,补充2.2 插入Flash对象,若要针对流视频完成“插入Flash视频”对话框，则首先从对话框的“视频类型”弹出式菜单中选择“流视频”，这时对话框中的有些选项发生了变化，如图所示。,补充2.2

7、插入Flash对象,插入 Shockwave 影片，具体方法如下： （1）把插入点置于要插入Shockwave 影片的地方。 （2）在文档窗口上方的【插入】面板的【常用】类别中，单击“媒体”下拉菜单中的 选项。弹出“选择文件”对话框，选择一个要插入的Shockwave文件，单击“确定”按钮。 （3）插入Shockwave 文件后，在文档窗口会显示 Shockwave文件的占位符， 如图所示。,补充2.3 插入Shockwave文件,补充2.4 插入Java Applet程序,Java Applet 是用Java 语言编写的一种小型应用程序，这种程序是直接嵌入到页面中，由支持Java的浏览器(I

8、E 或 Nescape)解释执行能够产生特殊效果的程序。 HTML 使用 标签来标记Java Applet小程序。 Java Applet小程序的源文件有3种，扩展名分别是： .java：是不能直接应用的程序源文件。 .class：用编译器把源文件编译而成的。 .jar：用途是在标签中加上archive=“*.jar”时，就可以加快在浏览器中的载入速度。,在网页中插入Java Applet小程序的方法如下： （1）将插入点放在要插入Java Apple小程序的地方。 （2）在插入面板的“常用”类别中，单击“媒体”下拉菜单中的 选项。在出现的对话框中，选择一个Java小程序文件。 （3）插入Ja

9、va小程序文件 后，在文档窗口会显示一 个占位符，如图所示。,补充2.4 插入Java Applet程序,（4）选中该占位符，相关属性如图所示。,代码：指定包含小程序的文件（.class）。 基址：指定包含该小程序文件的URL。当选择一个小程序时，这里会自动地被填入。 参数：打开一个设置小程序参数的对话框。许多小程序有特殊参数。,补充2.4 插入Java Applet程序,补充2.5 插入ActiveX控件,ActiveX控件（即OLE控件）是可以充当浏览器插件的可重复调用的组件，有些类似于微型的应用程序。ActiveX控件可以在Windows系统上的Internet Explorer浏览器中

10、运行，但是无法在Macintosh或者Natscape Navigator中运行。Dreamweaver 8中的ActiveX对象使用户可以为访问者的浏览器中的ActiveX控件提供属性和参数设置。 Dreamweaver 8使用object标签来标记页面中出现ActiveX控件的位置，以及提供ActiveX控件的参数设置。,在页面中插入ActiveX控件的方法如下： （1）将光标置于要插入控件的地方。 （2）在插入面板的“常用”类别中，单击“媒体”下拉菜单中的 选项。将ActiveX控件插入到网页中。 （3）插入ActiveX控件后， 在文档窗口会显示一个占 位符，如图所示。,补充2.5 插

11、入ActiveX控件,嵌入：为ActiveX 控件在标签内添加一个 标签。如果该ActiveX 控件也有相应的Netscape Navigator插件， 标签将激活该插件。,补充2.5 插入ActiveX控件,“属性”检查器中显示ActiveX控件的相关属性，如下图所示。,源文件 ：如果“嵌入” 项选中，则确定Netscape Navigator插件所使用的数据文件。如果你没有键入值，Dreamweaver就尝试依据ActiveX属性中已经键入的值进行判断。 基址：指定包含该ActiveX 控件的URL。如果在浏览者系统中没有该ActiveX 控件，IE 会从该位置下载该ActiveX 控件

12、。如果你没有指定一个Base参数而你的浏览者又没有安装相应的ActiveX 控件，浏览器无法显示该ActiveX对象。,补充2.5 插入ActiveX控件,替代图像：如果浏览器不支持标签，则指定显示一幅图像，该选项只在“嵌入”选项没有选中下才可以使用。 数据：指定ActiveX 控件下载的数据文件，许多ActiveX 控件，如 Shockwave 和 RealPlayer，不使用该参数。,补充2.5 插入ActiveX控件,补充2.6 插入插件,插件（Plug-in）是一种程序。浏览器一般能够直接调用插件程序。插件安装后就成为浏览器的一部分，可以处理特定的文件。若要插入插件，具体方法如下： （

13、1）把插入点置于要插入插件的地方。 （2）在插入面板的“常用”类别中， 单击“媒体”下拉菜单中的 选项。将插件插入到网页中。 （3）插件后的占位符如图所示。,（4）选中该占位符，它的相关属性如图所示。,源文件 ：指定插件的源文件。 插件URL：指定插件的URL。如果在网页中没有插件，浏览器会尝试着从URL下载。 参数：可以为插件设置参数。,补充2.6 插入插件,补充2.7 向页面添加声音,补充2.7.1 以插件的形式添加到网页中 将声音文件以插件的形式添加到网页中，可以通过设置插件的参数来改变它的一些属性。单击参数按钮，打开对话框，如图所示。,补充2.7.2 以链接的形式添加到网页中 链接到音

14、频文件是将声音添加到页面的一种简单而有效的方法。这种方法可以在单击超链接时自动调用外部播放器来播放音乐文件。具体方法是： （1）在文档窗口的设计视图中，选择要指向声音文件的文本或图像。 （2）在“属性”检查器的“链接”栏后，单击“浏览”按钮，链接到指定的声音文件。,补充2.7 向页面添加声音,补充2.7.3 以背景音乐的形式添加到网页中 具体的操作步骤如下： （1）打开要添加前景音乐的文档，并将窗口切换到代码视图。 （2）将光标定位在与之间的任意位置添加代码： 其中src指定了背景音乐的路径及文件名，loop指定了背景音乐循环播放的次数，当为-1时为无限循环播放。,补充2.7 向页面添加声音,

15、embed 标签 - 定义网页中嵌入除图片外的多媒体,不符合标准网页设计的理念,不赞成使用. embed标签是单独出现的,以开始，结束 embed标签已经被符合标准的object标签代替。属性 Common - 一般属性 align - 对齐方式 autostart - 是否自动播放 true - 自动播放，默认值 false - 不自动播放 border - 边框，单位像素 height - 嵌入内容高度，单位像素 hidden - 隐藏嵌入内容(也可以把高度与宽度设置为0)，通常用于声音 true - 显示，默认值 false - 不显示 hspace - 水平距离，单位像素 loop -

16、 是否循环播放 数字 - 循环次数 true - 循环播放 false - 不循环播放，默认值 palette - 嵌入内容的颜色，例如：red|black，red为前景色，black为背景色 src - 嵌入内容的URL type - 嵌入内容的MIME类型 units - 嵌入内容的单位，可以改变height与width的单位为en volume - 音量大小，取值0-100，应根据系统确定音量 vspace - 垂直距离，单位像素 width - 嵌入内容宽度，单位像素 embed:嵌入,controls - 控制面板样式 console - 正常面板，默认值 smallconsole - 小面板 playbutton - 只显示播放按钮的面板 pausebutton - 只显示暂停按钮的面板 stopbutton - 只显示停止按钮的面板 volumelever - 只显示音量调节按钮的面板,在网页中