在 Dreamweaver 站点中插入 Flash

您可能已经有为横幅广告创建的 Web 页。我们已经为您创建了一个 Web 页以便在本练习中使用,您可以直接将该大小的横幅广告放置在此 Web 页上。

请确保您可以访问 FlashBanner/Part3 目录(请参见打开已完成的项目),并在该目录中找到 website 文件夹。在 website 文件夹中,可以找到您需要在 Dreamweaver 中编辑的文档。您将在后面的练习中修改 gnome.html Web 页。

注意

您可以在 FlashBanner/Part3 目录的 finished 文件夹中找到该 Web 站点的已完成版本。

  1. 在 Dreamweaver MX 2004 或 Dreamweaver 8(本教程使用 Dreamweaver 8)中打开名为 gnome.html 的 Web 页。

    您可以在本文的源文件的 website 文件夹中找到该文档。在 start 文件夹 (FlashBanner/Part3/website/start) 中查找。

  2. 将 gnome.html 的副本保存到您在前面的练习中发布的 SWF 文件 (banner3.swf) 所在的同一目录中。
  3. 将 rightnav.css 的副本保存到您在前面的练习中发布的 SWF 文件所在的同一目录中。

    可以在 start 文件夹中找到 rightnav.css。此文档向 gnome.html 文件添加样式,如文本颜色和边距。

  4. 在 Dreamweaver 中,确保您处于"拆分"视图("查看">"代码和设计")中。

    在"拆分"视图中,您可以查看并编辑您正在处理的代码,还可以很容易地在"设计"视图中选择 SWF 文件。

  5. 从 Web 页的右侧选择 160 x 600 大图像占位符(见下图)。

    这是 Web 站点上要添加 Flash 横幅广告的位置。

    在 Dreamweaver 中选择 Web 页右侧的大图像占位符。请注意,该尺寸与横幅广告文件的尺寸相同。


  6. 按空格键或 Delete 键删除此图像。将文本选择指针保留在 HTML 文档中的该位置处。
  7. 选择"插入">"媒体">"Flash"。

    此操作将打开"选择文件"对话框,您可以在其中选择所创建的横幅广告的 SWF 文件。

  8. 选择 banner3.swf 文件,此文件应该在您的 Web 页所在的文件夹中(请参见步骤 2)。
  9. 单击"确定"。

    该 SWF 文件即插入 Web 页中。(请参见 finished 文件夹中的 gnome.html 文档,以参考添加到该文档中的代码)。

  10. (可选)您可以在"属性"检查器中选择该 SWF 文件并单击"播放"以查看横幅广告的动画。
  11. 选择"文件">"在浏览器中预览">"iexplore"(Windows) 或"Internet Explorer"(Macintosh)(或者选择您的首选浏览器),在浏览器窗口中预览现在包含 SWF 横幅广告的站点。
  12. 在 Dreamweaver 中选择"文件">"保存"保存您所做的更改,然后继续学习使用往返编辑功能