《插入多媒体对象.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 - 只显示音量调节按钮的面板,在网页中