《Dreamweaver 8案例教程》课件第9章

本章学习目标插入FLASH对象9.1插入SHOCKWAVE影片9.2添加视频9.3插入NetscapeNavigator插件内容

9.5向页面添加声音9.4插入ActiveX控件

9.69.1插入FLASH对象

插入FLASH对象包括:插入FLASH按钮对象，插入FLASH文本，插入FLASH影片。9.1.1插入FLASH按钮对象操作步骤：1．在文档窗口中，将插入点放置要插入Flash按钮的地方。2．执行“插入”→“媒体”→“Flash按钮”。“插入Flash按钮”对话框随即显示，9.1.1插入FLASH按钮对象3.从“样式”列表中选择所需的按钮样式。4.在“按钮文本”域中（可选），键入要显示的文本“FLASH”。5.在“字体”弹出式菜单中，选择要使用的字体。6.在“大小”域中，输入字体大小的数字值。7.在“链接”域中（可选），输入该按钮的文档相对或绝对链接。8.在“目标”域中（可选），指定链接的文档将在其中打开的位置。可以在弹出式菜单中选择框架或窗口选项。只有在框架页中编辑Flash对象时，才列出框架名称。9.在“背景颜色”域中（可选），设置Flash影片的背景颜色。使用颜色选择器或键入Web十六进制值（例如#FFFFFF）。10.在“另存为”域中，输入用来保存此新SWF文件的文件名。可使用默认文件名（例如button1.swf）或键入新文件名。11.单击“获取更多样式”以转到MacromediaExchange站点并下载更多按钮样式。12.单击“应用”或“确定”以将Flash按钮插入到文档窗口中。9.1.2插入FLASH文本操作步骤：1.在文档窗口中，将插入点放置在您要插入Flash文本的地方。2.执行“插入”→“媒体”→“Flash文本”。“插入Flash文本”对话框随即显示。9.1.2插入FLASH文本3.从“字体”弹出式菜单中选择一种字体。4.在“大小”域中输入字体大小；这些字体大小是以点为单位的。

通过单击适当的样式按钮，指定样式属性（例如粗体或斜体）和文本对齐方式。5.在“颜色”域中，通过使用颜色选择器或输入Web十六进制值(例如#FFFFFF)，设置文本的颜色。6.在“转滚颜色”域中，设置当鼠标指针经过Flash文本对象时显示的颜色。使用颜色选择器或输入Web十六进制值（例如#FFFFFF）。此处选择红色。7.在“文本”域中输入您所需的文本。若要查看在“文本”域中显示的字体样式，请选择“显示字体。8.如果想要将一个链接与Flash文本对象关联，在“链接”域中输入文档相对或绝对链接。9.在“另存为”域中，输入文件的名称。可以使用默认文件名（例如tex1.swf）或键入新名称。如果文件包含文档相对链接，则您必须将该文件保存到与当前HTML文档相同的目录中，以保持文档相对链接的有效性。10.单击“应用”或“确定”可以将Flash文本插入文档窗口中。9.1.3插入FLASH影片操作步骤：1．在文档窗口中，将插入点放置在您要插入Flash的地方。2．执行“插入”→“媒体”→“Flash”。弹出选择文件对话框，在此处请选择你所要插入的Flash文件。3.在文档编辑区中出现Flash占位符。4.当在文档编辑窗口中插入Flash影片时，在Dreamweaver8的代码编辑区中同是时使用object标记（由MicrosoftinternetExplorer为ActiveX控件定义的）和embed标记（由NetscapeNavigator为ActiveX控件定义的),当修改Flash影片时，object标记和embed标记中的参数也会随之更改。若要在文档窗口中预览Flash影片，可执行以下操作：

在“文档”窗口中，单击Flash占位符以选择您要预览的Flash影片。

在属性检查器中，单击“播放”按钮。单击“停止”可以结束预览。您还可以通过按F12键在浏览器中预览Flash影片。9.2插入SHOCKWAVE影片播放Shockwave影片的软件既可作为NetscapeNavigator插件提供，也可作为ActiveX控件提供。当您插入Shockwave影片时，Dreamweaver同时使用object标记（用于ActiveX控件）和embed标记（用于插件）以在所有浏览器中都获得最佳效果。在属性检查器中对影片进行更改时，Dreamweaver会将采用的各项映射为object和embed标记的适当参数。插入Shockwave影片，具体操作如下：1.执行“插入”→“媒体”→“shockwave”。2.在显示的对话框中，选择一个影片文件。3.在属性检查器中，在“宽”和“高”框中分别输入影片的宽度和高度。9.3添加视频

视频可被下载给用户，或者可以对视频进行流式处理以便在下载它的同时播放它。Web上用于视频文件传输的最常见流式处理格式有RealMedia、QuickTime和WindowsMedia。您必须下载辅助应用程序以查看这些格式。使用这些格式，您可以同时对音频和视频进行流式处理。

如果您想要包括可被下载而不是被流式处理的简短的剪辑，则您可以链接到该剪辑或将该剪辑嵌入到您的页面中。这些剪辑通常采用AVI或MPEG文件格式。

可以使用Director创建Shockwave影片或Flash，从而创建用于Web的交互式、低带宽的多媒体演示。使用Flash，文件大小将非常小，并且该技术可以在许多平台上采用。（当然，用户在查看这些文件前必须先下载免费的播放器插件）。

下面描述了较为常见的音频文件格式以及每一种格式在Web设计上的一些优缺点。1.midi或.mid（乐器数字接口）格式用于器乐。许多浏览器都支持MIDI文件并且不要求插件。尽管其声音品质非常好，但根据访问者的声卡的不同，声音效果也会有所不同。很小的MIDI文件也可以提供较长时间的声音剪辑。MIDI文件不能被录制并且必须使用特殊的硬件和软件在计算机上合成。2.wav（Waveform扩展名）格式文件具有较好的声音品质，许多浏览器都支持此类格式文件并且不要求插件。您可以从CD、磁带、麦克风等录制您自己的WAV文件。但是，其较大的文件大小严格限制了可以在您的Web页面上使用的声音剪辑的长度。3.aif（音频交换文件格式，即AIFF）格式与WAV格式类似，也具有较好的声音品质，大多数浏览器都可以播放它并且不要求插件；您还可以从CD、磁带、麦克风等录制AIFF文件。但是，其较大的文件大小严格限制了您可以在您的Web页面上使用的声音剪辑的长度。9.4.1关于音频文件格式9.4.1关于音频文件格式4.mp3（运动图像专家组音频，即MPEG-音频层-3）格式是一种压缩格式，它可令声音文件明显缩小。其声音品质非常好：如果正确录制和压缩MP3文件，其质量甚至可以和CD质量相媲美。这一新技术使您可以对文件进行“流式处理”，以便访问者不必等待整个文件下载完成即可收听该文件。但是，其文件大小要大于RealAudio文件，因此通过普通电话线连接下载整首歌曲可能仍要花较长的时间。若要播放MP3文件，访问者必须下载并安装辅助应用程序或插件，例如QuickTime、WindowsMediaPlayer或RealPlayer。5.ra、.ram、.rpm或RealAudio格式具有非常高的压缩程度，文件大小要小于MP3。全部歌曲文件可以在合理的时间范围内下载。因为可以在普通的Web服务器上对这些文件进行“流式处理”，所以访问者在文件完全下载完之前即可听到声音。其声音品质比MP3文件声音品质要差，但新推出的播放器和编码器在声音品质方面已有显著改善。访问者必须下载并安装RealPlayer辅助应用程序或插件才可以播放这些文件。9.4.2链接到音频文件

链接到音频文件是将声音添加到Web页面的一种简单而有效的方法。这种集成声音文件的方法可以使访问者能够选择他们是否要收听该文件，并且使文件可用于最广范围的观众。（某些浏览器可能不支持嵌入的声音文件。）创建指向某一音频文件的链接，具体操作如下：1.选择要用作指向音频文件的链接的文本或图像。2.在属性检查器中，单击文件夹图标以进行浏览来找到音频文件，或者在“链接”域中键入文件的路径和名称。9.4.3嵌入声音文件

嵌入音频将声音播放器直接并入页面中，但只有在访问站点的访问者具有所选声音文件的适当插件后，声音才可以播放。如果想要将声音用作背景音乐，或者想要对声音演示本身进行更多控制，则可以嵌入文件。例如，可以设置音量、播放器在页面上显示的方式以及声音文件的开始点和结束点。9.5插入NetscapeNavigator插件内容在创建Navigator插件的内容后，可以使用Dreamweaver将该内容插入HTML文档。Dreamweaver使用embed标记来标记对该内容文件的引用。插入Navigator插件内容，具体操作如下：1.在文档窗口的设计视图中，将插入点放置在您要插入内容的地方，然后执行以下操作之一：（1）在插入栏中，选择“媒体”，然后单击“插件”图标。

（2）选择“插入”→“媒体”→“插件”。2.在显示的对话框中，为Navigator插件选择内容文件。9.6插入ActiveX控件ActiveX控件（以前称作OLE控件）是可以充当浏览器插件的可重复使用的组件，有些像微型的应用程序。ActiveX控件在Windows系统上的InternetExplorer中运行，但它们不在Macintosh系统上或NetscapeNavigator中运行。Dreamweaver中的ActiveX对象使您可为访问者的浏览器中的ActiveX控件提供属性和参数。Dreamweaver使用object标记在页面上标记ActiveX控件将显示的位置，并且为ActiveX控件提供参数。插入ActiveX控件内容，具体操作如下：1.在文档窗口中，将插入点放置在要插入内容的地方，然后执行以下操作之一：(1)在插入栏中，选择“媒体”，然后单击“ActiveX”图标。

(2)在插入栏中，选择“媒体”，然后将“ActiveX”图标拖到文档窗口（或者如果正处理代码，则拖到代码视图窗口）。2.选择“插入”→“媒体”→“ActiveX”。9.7插入JavaappletsJava是一种编程语言，通过它可以开发可嵌入Web页中的小型应用程序（applets）。在创建了Javaapplets后，可以使用Dreamweaver将其插入HTML文档中。Dreamweaver使用applet标记来标记对此applets文件的引用。插入Javaapplets，具体操作如下：1.在文档窗口中，将插入点放置在要插入applets的地方，然后执行以下操作之一：(1)在插入栏中，选择“媒体”，然后单击“applets”图标。

(2)在插入栏中，选择“媒体”，然后将“applets”图标拖到文档窗口（或者如果正处理代码，