如何向 Dreamweaver 网页添加媒体对象

优质
小牛编辑
127浏览
2023-12-01
了解如何在 Dreamweaver 网页中插入和编辑媒体对象,使用设计备注等。

除了 SWF 和 FLV 文件之外,还可以在 Dreamweaver 文档中插入其它音频或视频对象。如果插入了媒体对象的辅助功能属性,则可以在 HTML 代码中设置辅助功能属性并编辑这些值。

  1. 将插入点放在“文档”窗口中希望插入对象的位置。
  2. 执行下列操作之一插入对象:
    • 在“插入”面板的“HTML”类别中,选择要插入的对象类型的图标。
    • 从“插入”>“HTML”子菜单中选择适当的对象。
    • 将显示一个对话框,您可从中选择源文件并为媒体对象指定某些参数。

    注意:若不希望显示此类对话框,请选择“编辑”>“首选参数”>“常规”(Windows) 或“Dreamweaver”>“首选参数”>“常规”(Macintosh),然后取消选择“插入对象时显示对话框”选项。若要忽略为显示对话框设置的任何首选参数,请在插入对象的同时按住 Ctrl 键 (Windows) 或 Option 键 (Macintosh)。 

  3. 完成“选择文件”对话框,然后单击“确定”。

    注意:如果您已经在“编辑”>“首选参数”对话框中选择在插入媒体时显示属性,则会显示“辅助功能属性”对话框。

  4. 设置辅助功能属性。

    注意:您也可以编辑媒体对象的属性,方法是:选中对象,然后在代码视图中编辑 HTML 代码;或者右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 鼠标,然后选择“编辑标签代码”。

    标题

    输入媒体对象的标题。

    访问键

    在该文本框中输入等效的键盘键(一个字母),用以在浏览器中选择表单对象。这使得站点访问者可以使用 Ctrl 键 (Windows) 和访问键的组合来访问对象。例如,如果输入 B 作为访问键,则可使用 Ctrl+B 在浏览器中选择该对象。

    Tab 键索引

    输入一个数字以指定表单对象的 Tab 键顺序。当您的页面上有其它链接和表单对象,并且需要用户用 Tab 以特定顺序访问这些对象时,设置 Tab 顺序就会非常有用。如果为一个对象设置 Tab 键顺序,则必须为所有对象设置 Tab 键顺序。

  5. 单击“确定”插入媒体对象。

    注意:如果您单击“取消”,则文档中将出现一个媒体对象占位符,但 Dreamweaver 不会将它与辅助功能标签或属性相关联。

    若要指定源文件,或设置尺寸以及其它参数和属性,请为每个对象使用属性检查器。您可以编辑对象的辅助功能属性。

为媒体文件启动外部编辑器

您可以从 Dreamweaver 启动外部编辑器来编辑大多数媒体文件。您也可以指定希望 Dreamweaver 启动用于编辑文件的编辑器。

  1. 确保该媒体文件类型与系统上的一个编辑器相关联。

    若要找出哪个编辑器与该文件类型相关联,请在 Dreamweaver 中选择“编辑”>“首选参数”,然后从“类别”列表中选择“文件类型/编辑器”。在“扩展名”列中单击该文件的扩展名以查看“编辑器”列中与之相关联的一个或多个编辑器。您可以更改与某个文件类型相关联的编辑器。

  2. 在“文件”面板中双击该媒体文件,以在外部编辑器中打开该文件。

    您在“文件”面板上双击文件时启动的编辑器称作主编辑器。例如,如果双击一个图像文件,Dreamweaver 将在主外部图像编辑器(如 Adobe Fireworks)中打开该文件。

  3. 如果不想使用主外部编辑器编辑该文件,通过执行以下操作之一,您可以使用系统上的其它编辑器编辑该文件:
    • 在“文件”面板中,右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 文件名,然后再从上下文菜单中选择“打开方式”。
    • 在“设计”视图中,右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 当前页面内的媒体元素,然后从上下文菜单中选择“编辑方式”。

指定从 Dreamweaver 启动的编辑器

您可以指定希望 Dreamweaver 用于编辑某一文件类型的编辑器,并可以添加或删除 Dreamweaver 识别的文件类型。

明确指定针对给定文件类型启动何种外部编辑器

  1. 选择“编辑”>“首选参数”,然后从“类别”列表中选择“文件类型/编辑器”。

    文件扩展名(例如 .gif、.wav 和 .mpg)在左侧的“扩展名”下列出。选定扩展名的关联编辑器在右侧的“编辑器”下列出。

  2. 在“扩展名”列表中选择文件类型扩展名,然后执行以下操作之一:
    • 若要将某个新的编辑器与该文件类型相关联,请单击“编辑器”列表上方的加号 (+) 按钮,然后完成出现的对话框。

      例如,选择 Acrobat 的应用程序图标,使其与该文件类型相关联。

    • 若要使编辑器成为某文件类型的主编辑器(即在“文件”面板双击该文件类型时打开的编辑器),请在“编辑器”列表中选择该编辑器,然后单击“设为主要”。
    • 若要解除编辑器与文件类型的关联,请在“编辑器”列表中选择该编辑器,然后单击列表上方的减号 (-) 按钮。

添加新的文件类型和关联编辑器

  1. 单击“扩展名”列表上方的加号 (+) 按钮,然后输入一个文件类型扩展名(包括扩展名开头处的句点),或者输入由空格分隔的多个相关扩展名。

    例如,如果希望将 xml 和 xsl 文件与系统上安装的 XML 编辑器相关联,可以输入 .xml .xsl。

  2. 单击“编辑器”列表上方的加号 (+) 按钮并完成出现的对话框,为该文件类型选择一个编辑器。

删除文件类型

  1. 在“扩展名”列表中选择该文件类型,然后单击该列表上方的减号 (-) 按钮。

    注意:在删除文件类型后将无法撤消该删除操作,所以删除文件类型时一定要慎重。

将设计备注与媒体对象配合使用

与 Dreamweaver 中的其它对象一样,您可以将“设计备注”添加到媒体对象。“设计备注”是与特定文件相关联的备注,存储于单独的文件中。您可以使用设计备注来记录与文档关联的其它文件信息,如图像源文件名称和文件状态说明。

  1. 在“文档”窗口中右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh) 对象。

    注意:在将“设计备注”添加到任何对象之前,您必须定义站点。

  2. 从上下文菜单中选择“为页面设计备注”。
  3. 在“设计备注”中输入您所需的信息。

    注意:您还可以从“文件”面板将“设计备注”添加到媒体对象,方法是:选择该文件,显示上下文菜单,然后从上下文菜单中选择“设计备注”。

添加视频(非 FLV)

您可以通过不同方式和使用不同格式将视频添加到网页。视频可被下载给用户,或者可以对视频进行流式处理以便在下载它的同时播放它。

  1. 将剪辑放入站点文件夹。

    这些剪辑通常采用 AVI 或 MPEG 文件格式。

  2. 链接到剪辑,或将其嵌入到页面中。

    若要链接到剪辑,请输入链接文本(如“下载剪辑”),选择文本,然后在属性检查器中单击文件夹图标。浏览到视频文件然后选择它。

    注意:用户必须下载辅助应用程序(如插件)才能查看常见的流式处理格式,如 Real Media、QuickTime 和 Windows Media。

插入插件内容

您可以创建用于浏览器插件的 QuickTime 影片等内容,然后使用 Dreamweaver 将该内容插入到 HTML 文档中。典型的插件包括 RealPlayer 和 QuickTime,同时一些内容文件也包括 mp3 和 QuickTime 影片。

可以直接在“文档”窗口的“设计”视图中预览基于浏览器插件的影片和动画。您可以同时播放所有插件元素,以查看用户实际看到的页面效果;或者您也可以单独播放每个元素,确保嵌入了正确的媒体元素。

注意:不能预览基于 ActiveX 控件的影片或动画。

在插入用于 插件的内容后,请使用属性检查器为内容设置参数。若要在属性检查器中查看以下属性,请选择一个 插件对象。

属性检查器最初显示最常用的属性。单击右下角的扩展箭头可以看到所有属性。

插入插件内容并设置其属性

  1. 在“文档”窗口的设计视图中,将插入点放置在您要插入内容的位置,然后执行以下操作之一:
    • 在“插入”面板的“常用”类别中,单击“媒体”按钮,然后从菜单中选择“插件”图标
    • 选择“插入”>“媒体”>“插件”。
  2. 在显示的对话框中,为 插件选择内容文件并单击“确定”。
  3. 在属性检查器中设置各个插件选项。

    名称

    指定用来标识插件以撰写脚本的名称。在属性检查器最左侧的未标记文本框中输入名称。

    宽和高

    以像素为单位指定在页面上分配给对象的宽度和高度。

    源数据

    指定源数据文件。单击文件夹图标以浏览到某一文件,或者输入文件名。

    插件 URL

    指定 pluginspace 属性的 URL。输入站点的完整 URL,用户可通过此 URL 下载插件。如果浏览页面的用户没有插件,浏览器将尝试从此 URL 下载插件。

    对齐

    确定对象在页面上的对齐方式。

    垂直边距和水平边距

    以像素为单位指定插件上、下、左、右的空白量。

    边框

    指定环绕插件四周的边框的宽度。

    参数

    打开一个用于输入要传递给 插件的其它参数的对话框。许多插件都受特殊参数的控制。

    您还可以通过单击“属性”按钮,查看指派给选定插件的属性。您可以在此对话框中编辑、添加和删除各种属性,如宽度和高度。

在“文档”窗口中播放插件内容

  1. 使用上一部分中描述的方法之一插入一个或多个媒体元素。
  2. 执行下列操作之一:
    • 选择某个您已插入的媒体元素,然后选择“查看”>“插件”>“播放”,或在属性检查器中单击“播放”按钮。
    • 选择“查看”>“插件”>“播放全部”以播放选定页面上基于插件的所有媒体元素。

    注意:“播放全部”仅应用于当前文档;例如,它不应用于框架集中的其它文档。

停止播放插件内容

  1. 选择媒体元素并选择“查看”>“插件”>“停止”,或者在属性检查器中单击“停止”按钮。

    您还可以选择“查看”>“插件”>“停止全部”,来停止所有插件内容的播放。

插件答疑

如果您遵照上述步骤在“文档”窗口中播放插件内容,但某些插件内容不播放,请尝试执行以下操作:

  • 确保在您的计算机上安装了相关插件,并且内容与您具有的插件版本兼容。
  • 在文本编辑器中打开文件 Configuration/Plugins/UnsupportedPlugins.txt,查看文件中是否列出了有问题的插件。此文件跟踪会在 Dreamweaver 中导致问题并因此不受支持的插件。(如果您在使用特定插件时遇到问题,请考虑将其添加到此文件中。)
  • 请检查是否有足够的内存。某些插件要求额外的 2 到 5 MB 内存才可以运行。

使用行为控制媒体

您可以将行为添加到您的页面上以开始和停止各种媒体对象。

控制 Shockwave 或 Flash

播放、停止、后退或转到 Shockwave 影片或 SWF 文件中的某一帧。

播放声音

使您可以播放声音;例如,只要用户将鼠标指针移到链接上,就可以播放声音效果。

检查插件

使您可以检查站点访问者是否安装了必需的插件,然后根据他们是否有正确的插件来将他们引导到不同的 URL。这仅适用于 插件,因为检查插件行为不检查 ActiveX 控件。

使用参数控制媒体对象

定义特殊参数以控制 SWF 文件和插件。这些参数与 object、embed 和 applet 标签一起使用。参数可设置特定于不同对象类型的属性。例如,SWF 文件可以将 quality 参数 <paramname="quality"value="best"> 用于对象标签。可通过属性检查器访问“参数”对话框。有关您要使用的对象所需参数的信息,请参见相关文档。

注意:现在尚没有用于标识 ActiveX 控件的数据文件的广泛接受标准。请查询您正使用的 ActiveX 控件的有关文档,了解要使用哪些参数。

输入参数的名称和值

  1. 在“文档”窗口中选择可具有参数的对象。
  2. 打开属性检查器(如果尚未打开它),单击位于属性检查器下半部分中的“参数”按钮。(确保属性检查器已被展开。)
  3. 单击加号 (+) 按钮并在相应的列中输入参数名和参数值。

删除参数

  1. 选择一个参数并按减号 (–) 按钮。

重新安排参数顺序

  1. 选择某个参数,然后使用向上箭头和向下箭头按钮。

更多此类内容

  • 在设计备注中存储文件信息
  • 设置 SWF 文件属性
  • 应用播放声音行为
  • 应用检查插件行为