补充第2部分插入多媒体对象.ppt

补充第2部分插入多媒体对象,补充第2部分插入多媒体对象,多媒体包括动画、音频、视频等元素。Dreamweaver可以有效地将多媒体元素与网页中的其他元素有机地整合在一起，丰富网页的内容，为网页增添魅力。,补充2.1网页中的多媒体对象补充2.2插入Flash对象补充2.3插入Shockwave文件补充2.4插入JavaApplet程序补充2.5插入ActiveX控件补充2.6插入插件补充2.7向页面添加声音补充2.8本章小结,补充2.1网页中的多媒体对象,补充2.1.1Flash文件格式Flash有多种文件格式，常见的有以下几种：（1）Flash文件（.fla）（2）FlashSWF文件（.swf）（3）Flash模板文件（.swt）（4）Flash元素文件（.swc）（5）Flash视频文件格式（.flv）,补充2.1.2音频文件格式常见的音频文件格式包括以下几种：（1）.midi或.mid（乐器数字接口）格式（2）.wav格式（3）AU文件（4）.ra、.ram、.rpm或RealAudio格式（5）.aif（或AIFF）格式（6）.mp3格式,补充2.1网页中的多媒体对象,补充2.1.3视频文件格式视频文件格式主要有以下3种，均支持压缩，需使用专门的软件进行播放，对网络带宽要求较高。（1）MPEG1：相当于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动画占位符，在“属性”检查器中显示出该Flash动画的相关属性，如图所示。,补充2.2插入Flash对象,其中：“属性”检查器里的绿色播放按钮。可以在文件窗口里预览到Flash动画的播放效果，点击红色停止按钮可以停止播放动画。也可以通过按F12在浏览器里预览Flash动画。,如何设置flash背景为透明呢？,在Dreamweaver中控制FLASH的背景透明：首先选中FLASH文件，那么属性面板中就会出现很多可供修改的FLASH属性，选择右下角的“参数”选项，点击进入，出现了一个“参数”对话框，在左边“参数”下输入“wmode”,在右边“值”下输入“transparent”，再按确定，就实现了FLASH的背景透明了。,补充2.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页中插入MacromediaFlashPaper文档。在浏览器中打开包含FlashPaper文档的页面时，用户将能够浏览FlashPaper文档中的所有页面，而无需加载新的Web页。对话框如图所示。,完成对话框的设置后，在页面上将出现一个Flash占位符。因为FlashPaper本身就是一个Flash动画。,补充2.2插入Flash对象,补充2.2.5插入Flash视频Dreamweaver能够轻松地在Web页中插入Flash视频内容，对话框如图所示。,补充2.2插入Flash对象,若要针对流视频完成“插入Flash视频”对话框，则首先从对话框的“视频类型”弹出式菜单中选择“流视频”，这时对话框中的有些选项发生了变化，如图所示。,补充2.2插入Flash对象,插入Shockwave影片，具体方法如下：（1）把插入点置于要插入Shockwave影片的地方。（2）在文档窗口上方的【插入】面板的【常用】类别中，单击“媒体”下拉菜单中的选项。弹出“选择文件”对话框，选择一个要插入的Shockwave文件，单击“确定”按钮。（3）插入Shockwave文件后，在文档窗口会显示Shockwave文件的占位符，如图所示。,补充2.3插入Shockwave文件,补充2.4插入JavaApplet程序,JavaApplet是用Java语言编写的一种小型应用程序，这种程序是直接嵌入到页面中，由支持Java的浏览器(IE或Nescape)解释执行能够产生特殊效果的程序。HTML使用标签来标记JavaApplet小程序。JavaApplet小程序的源文件有3种，扩展名分别是：.java：是不能直接应用的程序源文件。.class：用编译器把源文件编译而成的。.jar：用途是在标签中加上archive=“*.jar”时，就可以加快在浏览器中的载入速度。,在网页中插入JavaApplet小程序的方法如下：（1）将插入点放在要插入JavaApple小程序的地方。（2）在插入面板的“常用”类别中，单击“媒体”下拉菜单中的选项。在出现的对话框中，选择一个Java小程序文件。（3）插入Java小程序文件后，在文档窗口会显示一个占位符，如图所示。,补充2.4插入JavaApplet程序,（4）选中该占位符，相关属性如图所示。,代码：指定包含小程序的文件（.class）。基址：指定包含该小程序文件的URL。当选择一个小程序时，这里会自动地被填入。参数：打开一个设置小程序参数的对话框。许多小程序有特殊参数。,补充2.4插入JavaApplet程序,补充2.5插入ActiveX控件,ActiveX控件（即OLE控件）是可以充当浏览器插件的可重复调用的组件，有些类似于微型的应用程序。ActiveX控件可以在Windows系统上的InternetExplorer浏览器中运行，但是无法在Macintosh或者NatscapeNavigator中运行。Dreamweaver8中的ActiveX对象使用户可以为访问者的浏览器中的ActiveX控件提供属性和参数设置。Dreamweaver8使用object标签来标记页面中出现ActiveX控件的位置，以及提供ActiveX控件的参数设置。,在页面中插入ActiveX控件的方法如下：（1）将光标置于要插入控件的地方。（2）在插入面板的“常用”类别中，单击“媒体”下拉菜单中的选项。将ActiveX控件插入到网页中。（3）插入ActiveX控件后，在文档窗口会显示一个占位符，如图所示。,补充2.5插入ActiveX控件,嵌入：为ActiveX控件在标签内添加一个标签。如果该ActiveX控件也有相应的NetscapeNavigator插件，标签将激活该插件。,补充2.5插入ActiveX控件,“属性”检查器中显示ActiveX控件的相关属性，如下图所示。,源文件：如果“嵌入”项选中，则确定NetscapeNavigator插件所使用的数据文件。如果你没有键入值，Dreamweaver就尝试依据ActiveX属性中已经键入的值进行判断。基址：指定包含该ActiveX控件的URL。如果在浏览者系统中没有该ActiveX控件，IE会从该位置下载该ActiveX控件。如果你没有指定一个Base参数而你的浏览者又没有安装相应的ActiveX控件，浏览器无法显示该ActiveX对象。,补充2.5插入ActiveX控件,替代图像：如果浏览器不支持标签，则指定显示一幅图像，该选项只在“嵌入”选项没有选中下才可以使用。数据：指定ActiveX控件下载的数据文件，许多ActiveX控件，如Shockwave和RealPlayer，不使用该参数。,补充2.5插入ActiveX控件,补充2.6插入插件,插件（Plug-in）是一种程序。浏览器一般能够直接调用插件程序。插件安装后就成为浏览器的一部分，可以处理特定的文件。若要插入插件，具体方法如下：（1）把插入点置于要插入插件的地方。（2）在插入面板的“常用”类别中，单击“媒体”下拉菜单中的选项。将插件插入到网页中。（3）插件后的占位符如图所示。,（4）选中该占位符，它的相关属性如图所示。,源文件：指定插件的源文件。插件URL：指定插件的URL。如果在网页中没有插件，浏览器会尝试着从URL下载。参数：可以为插件设置参数。,补充2.6插入插件,补充2.7向页面添加声音,补充2.7.1以插件的形式添加到网页中将声音文件以插件的形式添加到网页中，可以通过设置插件的参数来改变它的一些属性。单击参数按钮，打开对话框，如图所示。,补充2.7.2以链接的形式添加到网页中链接到音频文件是将声音添加到页面的一种简单而有效的方法。这种方法可以在单击超链接时自动调用外部播放器来播放音乐文件。具体方法是：（1）在文档窗口的设计视图中，选择要指向声音文件的文本或图像。（2）在“属性”检查器的“链接”栏后，单击“浏览”按钮，链接到指定的声音文件。,补充2.7向页面添加声音,补充2.7.3以背景音乐的形式添加到网页中具体的操作步骤如下：（1）打开要添加前景音乐的文档，并将窗口切换到代码视图。（2）将光标定位在与之间的任意位置添加代码：其中src指定了背景音乐的路径及文件名，loop指定了背景音乐循环播放的次数，当为-1时为无限循环播放。,补充2.7向页面添加声音,embed标签-定义网页中嵌入除图片外的多媒体,不符合标准网页设计的理念,不赞成使用.embed标签是单独出现的,以开始，结束embed标签已经被符合标准的object标签代替。属性Common-一般属性align-对齐方式autostart-是否自动播放true-自动播放，默认值false-不自动播放border-边框，单位像素height-嵌入内容高度，单位像素hidden-隐藏嵌入内容(也可以把高度与宽度设置为0)，通常用于声音true-显示，默认值false-不显示hspace-水平距离，单位像素loop-是否循环播放数字-循环次数true-循环播放false-不循环播放，默认值palette-嵌入内容的颜色，例如：red|black，red为前景色，black为背景色src-嵌入内容的URLtype-嵌入内容的MIME类型units-嵌入内容的单位，可以改变height与width的单位为envolume-音量大小，取值0-100，应根据系统确定音量vspace-垂直距离，单位像素width-嵌入内容宽度，单位像素embed:嵌入,controls-控制面板样式console-正常面板，默认值smallconsole-小面板playbutton-只显示播放按钮的面板pausebutton-只显示暂停按钮的面板stopbutton-只显示停止按钮的面板volumelever-只显示音量调节按钮的面板,在网页中插入多媒体的代码,1