第十四章 加入多媒体元素
随着技术进步Internet一定是多媒体的天下。那么多媒体什么呢?声音、动画、交互控制....
就目前而言,可插入网页的多媒体元素包括:Java小程序、Shockwave电影、Flash电影、Activex控件、声频或视频对象等。
14.1 插入Shockwave电影
Shockwave电影是Macromedia网上交互多媒体的标准,是一种允许用Macromedia的Director软件创建的媒体文件能够快速下载并能被大多数流行的浏览器播放的压缩格式。
播放Shockwave电影的软件既可以作为Netscape Navigator插件也可以作为ActiveX控件。当你插入一个Shockwave电影时,DreamWeaver将同时使用OBJECT标签(Microsoft为ActiveX控件定义的标签)和EMBED标签(Netscape为插件定义的标签),以便在所有的浏览器类型中都能获得最佳效果。当你在属性检查器中对电影作修改时,DreamWeaver将同时对OBJECT标签和EMBED标签中的参数作适当的修改。
要插入Shockwave电影:
1、在文档窗口中,将光标停在你想插入Shockwave电影的地方。
2、单击对象浮动面板中的Shockwave按钮
。
3、在出现的对话框中选择一个电影文件。
4、在其属性检查器的W(宽度)和H(高度)框中输入该Shockwave电影的宽度和高度以控制它的显示区域。
属性检查器刚开始打开时只显示最常使用的属性。单击属性检查器右下角的扩展箭头可以看到该对象的所有属性,如图1所示。

图1为Shockwave电影设置属性
在Shockwave电影属性对话框中:
Name(名称):为电影指定名称以便在脚本中识别。在Shockwave电影属性对话框中左上角Shockwave下的无标识域中可以为该电影输入名称。
W(宽度)和H(高度)以像素为单位指定电影的宽度和高度。你还可以指定以下几种单位:pt(磅)、in(英寸)、mm(毫米)、cm(厘米)或%(百分比)。单位和数值之间不能有空格,例如:3mm。
File(文件):指定Shockwave电影文件的路径及文件名。你可以直接键入该电影文件的路径及文件名,也可以单击文件夹图标选择。
Tag(标签):确定用来识别Shockwave电影的标签。你可以选择OBJECT and EMBED,也可以任选其一。默认值为OBJECT and EMBED。
Align(对齐):确定电影在网页中的对齐方式。
BgColor(背景颜色):确定电影区域的背景颜色。即使电影不播放(载入时或播放后)该颜色也会显示。
ID(标识):定义可选的ActiveX ID参数。此参数通常用于ActiveX控件之间的信息传递。
Borders(边框):指定电影边框的宽度。
V Space(纵向空间)和H Space(横向空间)指定电影上下左右的以像素为单位的白色空格数。
Alt Image(备选图像,仅适用于OBJECT):指定当访问者的浏览器不支持ActiveX控件时用该备选图像替代显示。
Parameters(参数):打开一个对话框,在其中可以输入传递给Shockwave电影的其它参数。Shockwave电影必须能够自动接收这些参数。
14.2 插入Flash电影
Macromedia的Flash技术是传递基于矢量的图形和动画的首选的解决方案。与Shockwave电影相比其优势是文件小网上传输快。
当你在文档中插入一个Flash电影时,DreamWeaver将同时使用OBJECT标签(Microsoft为ActiveX控件定义的标签)和EMBED标签(Netscape为插件定义的标签),以便在所有的浏览器类型中都能获得最佳效果。当你在属性检查器中对电影作修改时,DreamWeaver将同时对OBJECT标签和EMBED标签中的参数作适当的修改。
要插入Flash电影:
1、在文档窗口中,将光标停在想插入Flash电影的地方。
2、单击对象浮动面板中的Flash按钮
。
3、在出现的对话框中选择一个电影文件。
4、在其属性检查器的W(宽度)和H(高度)框中输入该Flash电影的宽度和高度以控制它的显示区域。
属性检查器刚开始打开时只显示最常使用的属性。单击属性检查器右下角的扩展箭头可以看到该对象的所有属性,如图2所示。

图2 为Flash电影设置属性
在Flash电影属性对话框中:
Name(名称) 为电影指定名称以便在脚本中识别。在Flash电影属性对话框中左上角Flash下的无标识域中可以为该电影输入名称。
W(宽度)和H(高度)以像素为单位指定电影的宽度和高度。你还可以指定以下几种单位:pt(磅)、in(英寸)、mm(毫米)、cm(厘米)或%(百分比)。单位和数值之间不能有空格,例如:3mm。
File(文件):指定Flash电影文件的路径及文件名。你可以直接键入该电影文件的路径及文件名,也可以单击文件夹图标选择。
Tag(标签):确定用来识别Flash电影的标签。你可以选择OBJECT and EMBED,也可以任选其一。
Align(对齐):确定电影在网页中的对齐方式。
BgColor(背景颜色):确定电影区域的背景颜色。即使电影不播放(载入时或播放后)该颜色也会显示。
ID(标识):定义可选的ActiveX ID参数。此参数通常用于ActiveX控件之间的信息传递。
Borders(边框):指定电影边框的宽度。
V Space(纵向空间)和H Space(横向空间)指定电影上下左右的以像素为单位的白色空格数。
Alt Image(备选图像,仅适用于OBJECT):指定当访问者的浏览器不支持ActiveX控件时用该备选图像替代显示。
Parameters(参数):打开一个对话框,在其中可以输入传递给Flash电影的其它参数。
Quality(质量):为运行电影的OBJECT和EMBED标签设置质量参数。可选项有:Low(低)、Auto Low(自动设为低)、Auto Hight(自动设为高)和Hight(高)。
Scale(比例):为运行电影的OBJECT和EMBED标签设置缩放比例参数。
Autoplay(自动播放):当网页载入时自动播放电影。
Loop(循环):使电影无限循环。
14.3 插入发生器(Generator)对象
Macromedia的Generator为服务器的动态网页内容提供了一种途径。你可以在Flash4中用Generator样本创建Generator对象,该文件将通过网络服务器执行Generator服务器软件来提供服务。你可以将该对象插入到DreamWeaver文档中。
要插入Generator对象:
1、在文档窗口中,将光标放置于你想插入对象的地方。
2、单击对象浮动面板中的Generator按钮
。此时出现如图3所示对话框。

图3 选择Generator(发生器)样本文件
3、在该对话框中选择Generator样本文件,该类型文件的后缀为.swt。
4、如果需要,单击加号按钮添加name=value参数对,然后在Name域中为该参数输入名称,在Value域中为该参数输入数值。为其它参数的输入重复此步骤。
5、要删除参数,在参数列中选择该参数,然后单击减号按钮。
6、完成所有参数的输入后单击OK按钮即可插入Generator(发生器)对象。
在文档中插入Generator(发生器)对象后,如果想编辑该对象的参数,可以使用HTML源代码检查器。
Generator(发生器)服务器从数据库文件中获取数据并插入到样本(template)中,如果没有数据库文件可用,该服务器将使用你在上述对话框中提供的name=value参数对。
14.4 关于Netscape Navigator插件
插入Netscape Navigator插件
插件增强了Netscape Navigator功能,它提供了欣赏多种格式的多媒体内容的途径。当你为Navigator插件创建内容后,你可以使用DreamWeaver将该内容插入到HTML文档中。DreamWeaver使用EMBED标签标识该内容文件。
要插入Navigator插件内容:
1、在文档窗口中,将光标放置于你想插入对象的地方。
2、单击对象浮动面板中的Plugin(插件)按钮。
3、在出现的对话框中,为Navigator插件选择内容文件。
插入Navigator插件后,你可以使用属性检查器为该插件内容设置属性。要在属性检查器中查看属性,请选择Navigator插件对象。属性检查器刚开始打开时只显示最常使用的属性。单击属性检查器右下角的扩展箭头可以看到该对象的所有属性,如图4所示。

图4 Navigator插件属性检查器
在Navigator插件属性检查器对话框中:
Plugin(插件):指定名称以便在脚本中识别该插件。在该对话框左上角Plugin下的无标识域中可以为该插件输入名称。
W(宽度)和H(高度):以像素为单位指定插件的宽度和高度。你还可以指定以下几种单位:pt(磅)、in(英寸)、mm(毫米)、cm(厘米)或%(百分比)。单位和数值之间不能有空格。
Src(源):指定源数据文件。你可以直接键入该文件的路径及文件名,也可以单击文件夹图标选择。
Plg Url(插件的URL):指定URL的PLUGINSPAGE属性。输入访问者能够下载该插件的站点的完整的URL。如果访问者没有安装该插件,浏览器将尝试从该URL地址下载该插件。
Align(对齐):确定插件在网页中的对齐方式。
V Space(纵向空间)和H Space(横向空间) 指定插件上下左右的以像素为单位的白色空格数。
Borders(边框):指定插件边框的宽度。
Parameters(参数):打开一个对话框,在其中可以输入传递给插件的其它参数。许多插件只响应特殊的参数,如Flash插件包括BGCOLOR、SALIGN和SCALE参数。
在文档窗口中播放插件
你可以直接在文档窗口中预览依靠Navigator插件的电影和动画。而那些依靠ActiveX控件的电影和动画在文档窗口中不能预览。你可以同时播放所有的插件元素,这样你就能知道此时你的网页将来呈现在访问者面前时外观是否如意;你也可以一次播放一个插件元素以确保你嵌入的是正确的多媒体元素。
要播放电影,你必须在你的计算机上安装适当的插件。当DreamWeaver启动时,它将自动搜索所有已安装的插件,首先在Configuration/Plugins文件夹中搜索,然后在所有已安装浏览器的Plgin文件夹中搜索。
要在文档窗口中播放插件内容:
1、通过选择Insert>Media(插入>媒体)>Shockwave、Insert>Media>Flash或Insert>Media>Plugin插入一个或多个媒体元素。
2、播放插件内容:
如果要停止播放插件内容,首先选择一个媒体元素,然后选择View(查看)>Plugins(插件)>Stop(停止)或选择View(查看)>Plugins(插件)>Stop All(停止全部)停止播放所有的插件内容。
发现并修改Navigator插件的错误
如果你按上述播放插件的步骤在文档窗口中一步步执行但仍然有一些插件内容不能播放,则请考虑以下因素:
14.5 插入ActiveX控件
ActiveX控件是可以再次使用的组件,它如同缩小化的应用程序,能够产生象浏览器插件一样的效果。ActiveX控件在Windows系统中的Internet Explorer中运行,但不能在Macintosh系统中或Netscape Navigator中运行。DreamWeaver中的ActiveX对象允许你在你的访问者的浏览器中为ActiveX控件提供属性和参数。
DreamWeaver使用OBJECT标签来标识网页中ActiveX控件出现的位置,并为该ActiveX控件提供参数。
要插入ActiveX控件内容:
1、在文档窗口中,将光标放置于你想插入对象的地方。
2、单击对象浮动面板中的ActiveX按钮
。网页中ActiveX控件显示的位置出现标志性的图标
。
插入ActiveX对象后,你就可以用属性检查器为该ActiveX控件设置OBJECT标签的属性和参数。在属性检查器中单击Parameters(参数),然后为不在属性检查器中显示的属性输入名称及相应的数值。如图5所示。

图5 为ActiveX对象设置属性
在ActiveX对象属性检查器中:
Name(名称):为ActiveX控件指定名称以便在脚本中识别。在属性对话框中左上角ActiveX下的无标识域中可以为该ActiveX控件输入名称。
W(宽度)和H(高度):以像素为单位指定ActiveX控件的宽度和高度。你还可以指定以下几种单位:pt(磅)、in(英寸)、mm(毫米)、cm(厘米)或%(百分比)。单位和数值之间不能有空格,例如:3mm。
Class ID(类标志):为浏览器鉴别ActiveX控件。可以从弹出菜单中选择一个值或直接输入值。当载入网页后,浏览器将使用该Class ID(类标志)为与网页相联系的ActiveX对象定位所必须的ActiveX控件。如果浏览器不能定位指定的ActiveX控件,它将试图从Base域中指定的地址下载该ActiveX控件。
Base:指定包含ActiveX控件的URL地址。如果访问者系统中未安装该ActiveX控件,Internet Explorer将从这个URL地址下载该ActiveX控件。如果你未指定Base参数,而且你的访问者没有安装相应的ActiveX控件,则访问者的浏览器不能显示该ActiveX对象。
Embed(嵌入):使DreamWeaver在OBJECT标签中为ActiveX控件添加EMBED标签。如果ActiveX控件中有等同的Navigator插件,则EMBED标签将激活该插件。DreamWeave还将把你在ActiveX属性中输入的值分配给这个Navigator插件。
Src(源):如果Embed(嵌入)选项被选中,则为Navigator插件指定源数据文件。如果你没有输入值,DreamWeaver将从已经输入的ActiveX属性中确定该值。
Align(对齐):确定对象在网页中的对齐方式。
Alt Image(备选图像):指定当访问者的浏览器不支持OBJECT标签时用该备选图像替代显示。只有取消选定Embed(嵌入)选项时该选项才有效。
V Space(纵向空间)和H Space(横向空间):指定对象上下左右的以像素为单位的白色空格数。
Data(数据):为ActiveX控件指定要加载的源数据文件。许多诸如Shockwave和RealPlayer之类的ActiveX控件无须使用该参数。
ID(标志):定义可选的ActiveX ID参数。此参数常用于在ActiveX控件之间传递信息。
Borders(边框):指定对象边框的宽度。
Parameters(参数):打开一个对话框,在其中可以输入传递给ActiveX对象的其它参数。许多ActiveX控件只响应特殊的参数。
14.6 插入Java小程序
Java是一种程序设计语言,Java applet(Java小程序)是在Java的基础上演变而成的能够嵌入在网页中的可以执行一定小任务的应用程序。当你创建Java小程序后,你便可以用DreamWeaver将它插入到HTML文档中。
要插入Java小程序:
1、在文档窗口中,将光标放置于你想插入对象的地方。
2、单击对象浮动面板中的Applet按钮
。
3、在出现的对话框中,选择一个包含Java小程序的文件。
当插入Java小程序后,就可以使用属性对话框为其设置参数。要查看以下属性检查器中的属性,请选择一个Java小程序。属性检查器刚开始打开时只显示最常使用的属性,单击属性检查器右下角的扩展箭头可以看到该对象的所有属性,如图6所示。

图6 为Java小程序设置参数
在Java小程序属性检查器中:
Name(名称) 为Java小程序指定名称以便在脚本中识别。在属性对话框中左上角Applet Name下的无标识域中可以为该Java小程序输入名称。
W(宽度)和H(高度):以像素为单位指定Java小程序的宽度和高度。
Code(代码):为Java小程序指定内容文件。你可以直接键入文件名,也可以单击文件夹图标选择。
Base: 指定包含所选Java小程序的文件夹。当你选择Java小程序时,该域将自动填充。
Align(对齐):确定对象在网页中的对齐方式。
Alt(备选):指定当访问者的浏览器不支持Java小程序或Java被关闭时用该备选内容(通常为一幅图像)替代显示。如果你输入的是文本,DreamWeaver将使用APPLET标签的ALT(备选)属性;如果你选择的是一幅图像,DreamWeaver将在APPLET标签中插入IMG标签。如果要指定在Navigator( Java被关闭)和Lynx(一种基于文本的浏览器)中都能看见的Alt(备选)内容,请选择一幅图像,然后在HTML源代码检查器中为IMG标签手工添加一个ALT(备选)属性。
V Space(纵向空间)和H Space(横向空间):指定Java小程序上下左右的以像素为单位的白色空格数。
Parameters(参数):打开一个对话框,在其中可以输入传递给Java小程序的其它参数。许多Java小程序只响应特殊的参数。