DREAMWEAVER 官方教程 第12章

第12章添加音频、视频和交互式元素关于媒体文件插入媒体文件为媒体文件启动外部编辑器将“设计备注”与媒体对象一起使用添加视频（非Flash）向页面添加声音插入NetscapeNavigator插件内容使用行为控制媒体12.1关于媒体文件可以将以下媒体文件合并到Dreamweaver页中：Flash和Shockwave影片、QuickTime、AVI、Javaapplet、ActiveX控件以及各种格式的音频文件。Dreamweaver附带了Flash对象，无论用户的计算机上是否安装了Flash，都可以使用这些对象。在使用Dreamweaver提供的Flash命令前，应该对下列不同的Flash文件类型有所了解：12.1.1关于Flash文件类型Flash文件（.fla）：是所有项目的源文件，在Flash程序中创建。此类型的文件只能在Flash中打开（而不是在Dreamweaver或浏览器中打开）。可以在Flash中打开Flash文件，然后将它导出为SWF或SWT文件以在浏览器中使用。FlashSWF文件（.swf）：是Flash（.fla）文件的压缩版本，已进行了优化以便于在Web上查看。此文件可以在浏览器中播放并且可以在Dreamweaver中进行预览，但不能在Flash中编辑此文件。这是用户使用Flash按钮和Flash文本对象时创建的文件类型。Flash模板文件（.swt）：使用户能够修改和替换FlashSWF文件中的信息。这些文件用于Flash按钮对象中，使用户能够用自己的文本或链接修改模板，以便创建要插入在文档中的自定义SWF。在Dreamweaver中，可以在Dreamweaver/Configuration/FlashObjects/FlashButtons和FlashText文件夹中找到这些模板文件。Flash元素文件（.swc）：是一个FlashSWF文件，通过将此类文件合并到Web页，可以创建丰富的Internet应用程序。Flash元素有可自定义的参数，通过修改这些参数可以执行不同的应用程序功能。Flash视频文件格式（.flv）：是一种视频文件，它包含经过编码的音频和视频数据，用于通过FlashPlayer传送。例如，如果有QuickTime或WindowsMedia视频文件，可以使用编码器（如Flash8VideoEncoder或SorensenSqueeze）将视频文件转换为FLV文件。提示：可以从MacromediaExchangeforDreamweaverWeb站点（）下载新的按钮模板并将它们放置在FlashButtons文件夹中。12.1.2关于音频文件格式.wav（Waveform扩展名）格式文件具有较好的声音品质，许多浏览器都支持此类格式文件并且不要求插件。可以从CD、磁带、麦克风等录制自己的WAV文件。但是，其较大的文件占用空间严格限制了可以在用户的Web页面上使用的声音剪辑的长度。.aif（音频交换文件格式，或AIFF）格式与WAV格式类似，也具有较好的声音品质，大多数浏览器都可以播放它并且不要求插件；也可以从CD、磁带、麦克风等录制AIFF文件。但是，其较大的文件占用空间严格限制了用户可以在Web页面上使用的声音剪辑的长度。下面描述了较为常见的音频文件格式以及每一种格式在Web设计上的一些优缺点。.midi或.mid（乐器数字接口）格式用于器乐。许多浏览器都支持MIDI文件，并且不需要插件。尽管MIDI文件的声音品质非常好，但也可能因访问者的声卡而异。很小的MIDI文件就可以提供较长时间的声音剪辑。MIDI文件不能被录制并且必须使用特殊的硬件和软件在计算机上合成。.mp3（运动图像专家组音频，即MPEG-音频层-3）格式是一种压缩格式，它可令声音文件明显缩小。其声音品质非常好：如果正确录制和压缩MP3文件，其质量甚至可以和CD质量相媲美。MP3技术使用户可以对文件进行“流式处理”，以便访问者不必等待整个文件下载完成即可收听该文件。但是，其文件占用空间要大于RealAudio文件，因此通过典型的拨号（电话线）调制解调器连接下载整首歌曲可能仍要花较长的时间。若要播放MP3文件，访问者必须下载并安装辅助应用程序或插件，例如QuickTime、WindowsMediaPlayer或RealPlayer。.ra，.ram，.rpm或RealAudio格式具有非常高的压缩程度，文件占用空间要小于MP3。全部歌曲文件可以在合理的时间范围内下载。因为可以在普通的Web服务器上对这些文件进行“流式处理”，所以访问者在文件完全下载完之前就可听到声音。访问者必须下载并安装RealPlayer辅助应用程序或插件才可以播放这些文件。Qt，.qtm，.mov和QuickTime是由AppleComputer开发的音频和视频格式。AppleMacintosh操作系统中包含了QuickTime，并且大多数使用音频、视频或动画的Macintosh应用程序都使用QuickTime。PC也可播放QuickTime格式的文件，但是要求特殊的QuickTime驱动程序。QuickTime支持大多数编码格式，如Cinepak，JPEG和MPEG。12.2插入媒体对象可以在Dreamweaver文档中插入FlashSWF文件或对象、QuickTime或Shockwave影片、Javaapplet、ActiveX控件或者其他音频或视频对象。可以使用Dreamweaver将Flash内容插入到页面中。12.2.1插入Flash内容1．在页面中插入Flash内容若要插入Flash内容，具体操作步骤如下：步骤1在“文档”窗口的“设计”视图中，将插入点放置在要插入内容的地方，然后执行以下操作之一：在“插入”工具栏的“常用”类别中，单击“媒体”按钮右侧的下三角按钮，然后从下拉菜单中选择Flash。选择“插入”|“媒体”|Flash命令。步骤2打开“选择文件”对话框，选择一个Flash文件（.swf），如右图所示。Flash占位符随即出现在“文档”窗口中（与Flash按钮和文本对象不同）。若要在“文档”窗口中预览Flash内容，具体操作步骤如下：步骤1在“文档”窗口中，单击Flash占位符以选择要预览的Flash内容。步骤2在“属性”检查器中，单击“播放”按钮。单击“停止”按钮可以结束预览。也可以通过按F12键在浏览器中预览Flash内容。提示：若要预览某一页面中的所有Flash内容，按下Ctrl+Alt+Shift+P组合键。所有Flash对象和SWF文件都将被设置为“播放”。2．预览Flash内容“名称”指定用来标识影片以进行脚本撰写的名称。在“属性”检查器最左侧的未标记文本框中输入名称。“宽”和“高”以像素为单位指定影片的宽度和高度。“文件”指定指向Flash文件的路径。单击文件夹图标以浏览到某一文件，或者键入路径。“源文件”指定Flash源文档（FLA）的路径（如果计算机上同时安装了Dreamweaver和Flash）。若要编辑Flash文件（SWF），更新影片的源文档。“编辑”允许用户启动Flash以更新FLA文件。如果计算机上没有加载Flash，此按钮将被禁用。先选择要查看属性的FlashSWF文件，然后在“属性”检查器中查看下列属性，如下图所示。3．查看Flash内容属性“重设大小”将选定影片返回到其初始大小。“循环”，在选中该选项时影片将连续播放；如果没有选中该选项，则影片在播放一次后即停止播放。“自动播放”，如果选中该选项，则在加载页面时自动播放影片。“垂直边距”和“水平边距”指定影片上、下、左、右空白的像素数。“品质”在影片播放期间控制抗失真。设置越高，影片的观看效果就越好；但这要求更快的处理器以使影片在屏幕上正确显示。“低品质”设置意味着更看重速度而非外观，而“高品质”设置意味着更看重外观而非速度。“自动低品质”意味着首先看重速度，但如有可能则改善外观。“自动高品质”意味着首先看重这两种品质，但根据需要可能会因为速度而影响外观。“比例”确定影片如何适合在宽度和高度文本框中设置的尺寸。“默认值”设置显示整个影片。“无边框”使影片适合设定的尺寸，因此无边框显示并维持原始的纵横比。“严格匹配”对影片进行缩放以适合设定的尺寸，而不管纵横比如何。“对齐”确定影片在页面上的对齐方式。12.2.2插入和修改Flash按钮对象“背景颜色”指定影片区域的背景颜色。在不播放影片时（在加载时和在播放后）也显示此颜色。“参数”打开一个对话框，可在其中输入传递给影片的附加参数。影片必须已设计好，可以接收这些附加参数。在“设计”视图或“代码”视图中工作时，可以在文档中创建和插入Flash按钮。注意：在插入Flash按钮或文本对象前，必须保存文档。若要插入Flash按钮对象，具体操作步骤如下：步骤1在“文档”窗口中，将插入点放置在要插入Flash按钮的位置。可以在使用Dreamweaver时，在文档中创建、插入和修改Flash按钮，无需使用MacromediaFlash。Flash按钮对象是基于Flash模板的可更新按钮。可以自定义Flash按钮对象，并添加文本、背景颜色以及指向其他文件的链接。1．创建和插入Flash按钮在“插入”工具栏的“常用”类别中，单击“媒体”按钮右侧的下三角按钮，然后从下拉菜单中选择“Flash按钮”。选择“插入”|“媒体”|“Flash按钮”命令。步骤2若要打开“插入Flash对象”对话框，执行下列操作之一：从“样式”列表框中选择所需的按钮样式。可以在“示例”文本框中查看按钮的示例。单击该示例以查看按钮在浏览器中是如何行使功能的。步骤3打开“插入Flash按钮”对话框，如右图所示。根据需要设置下列选项：注意：在定义Flash按钮时（例如，更改文本或字体选项），“示例”文本框不会自动更新以反映所做的更改。当关闭对话框并在“设计”视图中查看按钮时，才会体现出这些更改。在“按钮文本”文本框中，输入要显示的文本。只有在选定按钮定义了（ButtonText）参数后，此文本框才接受更改。这显示在“示例”文本框中。在预览文件时，输入的文本代替（ButtonText）。在“字体”下拉列表框中选择要使用的字体。如果系统上没有提供按钮的默认字体，则从下拉列表框中选择另一种字体。将不会在“示例”文本框中看到选择的字体，但可以单击“应用”按钮将按钮插入到页面中，从而查看文本的显示情形。在“大小”文本框中输入字体大小的数字值。在“链接”文本框中输入该按钮的文档相对或绝对链接。当访问者单击该按钮时，浏览器将打开该URL。在“目标”文本框中指定链接的文档将在其中打开的位置。可以在下拉列表框中选择框架或窗口选项。只有在框架页中编辑Flash对象时，才列出框架名称。在“背景色”文本框中设置FlashSWF文件的背景颜色。使用颜色选择器或输入Web十六进制值（例如#FFFFFF）。在“另存为”文本框中输入用来保存此新SWF文件的文件名。可使用默认文件名（例如button1.swf）或输入新文件名。如果该文件包含文档相对链接，则必须将该文件保存到与当前HTML文档相同的目录中，以保持文档相对链接的有效性。单击“获取更多样式”按钮可以转到MacromediaExchange站点并下载更多按钮样式。双击Flash按钮对象。在“属性”检查器中单击“编辑”按钮。单击鼠标右键，然后从快捷菜单中选择“编辑”命令。步骤4单击“应用”按钮或“确定”按钮，将Flash按钮插入“文档”窗口中。提示：若要在“设计”视图中预览该按钮，单击“应用”按钮。该对话框保持打开状态，并且可以在文档中预览该按钮。可以修改Flash按钮对象的属性和内容，具体操作步骤如下：步骤1在“文档”窗口中，单击Flash按钮对象以选择它。步骤2“属性”检查器显示Flash按钮属性。可以使用“属性”检查器修改按钮的HTML属性，例如宽度、高度和背景颜色。步骤3若要对内容进行更改，使用下列方法之一显示“插