本教程介绍 Macromedia Dreamweaver 8 站点的概念，并演示如何为 Cafe Townsend 示例 Web 站点设置项目文件。在 Dreamweaver 中，站点通常包含两部分：本地计算机（本地站点）上的一组文件和远程 Web 服务器上的一个位置（远程站点）。当您准备好将本地计算机上的文件提供给公众访问时，需要将这些文件上传到该位置。可以使用 Dreamweaver 的“文件”面板管理站点文件。

使用 Dreamweaver 创建 Web 站点最常见的方法是在本地磁盘上创建并编辑页面，然后将这些页面的副本上传到一个远程 Web 服务器以便通过网络查看。在本教程中，您只学习如何设置本地站点，以便立即着手构建 Web 页面。在设置完本地 Web 站点之后，您将学习如何创建远程站点，以便将文件上传到 Web 服务器。

在本教程中，您将完成以下任务：

了解 Dreamweaver 站点

设置项目文件

定义本地文件夹

 

现在开始:

了解 Dreamweaver 站点

在 Dreamweaver 中，“站点”一词既表示 Web 站点，又表示属于 Web 站点的文档的本地存储位置。在开始构建 Web 站点之前，您需要建立站点文档的本地存储位置。Dreamweaver 站点可组织与 Web 站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到 Web 服务器。

注意

 

Macromedia HomeSite 和 ColdFusion Studio 用户可以将 Dreamweaver 站点视为 HomeSite 或 Studio 项目。

Dreamweaver 站点最多由三部分组成，具体取决于您的计算机环境和所开发的 Web 站点的类型：

本地文件夹是您的工作目录。Dreamweaver 将此文件夹称为本地站点。本地文件夹通常是硬盘上的一个文件夹。

远程文件夹是存储文件的位置，这些文件用于测试、生产、协作和发布等，具体取决于您的环境。Dreamweaver 将此文件夹称为远程站点。远程文件夹是运行 Web 服务器的计算机上的某个文件夹。运行 Web 服务器的计算机通常是（但不总是）使您的站点可在 Web 上公开访问的计算机。

动态页文件夹（“测试服务器”文件夹）是 Dreamweaver 用于处理动态页的文件夹。此文件夹与远程文件夹通常是同一文件夹。除非您在开发 Web 应用程序，否则无需考虑此文件夹。

可以使用“站点定义向导”设置 Dreamweaver 站点，该向导会引领您完成设置过程。或者，也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。在本教程中，您将使用“站点定义”的“高级”设置来设置项目文件的本地文件夹。在本书后面的部分，您将学习如何设置远程文件夹，以便将页面发布到 Web 服务器，从而提供给公众访问。

设置项目文件

创建本地站点时，可将任何现有资源（图像或其它内容）放在本地站点的根文件夹（站点的主文件夹）下。当您准备向页面中添加内容时，可随时使用这些资源。

Dreamweaver 中附带的示例文件包含您使用这些《Dreamweaver 入门》教程构建示例 Web 站点时所需的资源。创建站点的第一步是将示例文件从 Dreamweaver 应用程序文件夹复制到您的硬盘上相应的文件夹中。

  1. 在硬盘上创建名为 local_sites 的新文件夹。

    例如，在下面两个位置之一创建一个名为 local_sites 的文件夹：

    • 在 Windows 中：C:\Documents and Settings\your_user_name\My Documents\local_sites
    • 在 Macintosh 中：Macintosh HD/Users/your_user_name/Documents/local_sites

      注意

       

      在 Macintosh 上，在用户文件夹中已经有一个名为 Sites 的文件夹。不要使用该 Sites 文件夹作为本地文件夹；该 Sites 文件夹是您在将 Macintosh 用作 Web 服务器时放置页面以使它们可供公开访问的位置。

  2. 在硬盘上的 Dreamweaver 应用程序文件夹中找到 cafe_townsend 文件夹。

    如果将 Dreamweaver 安装到其默认位置，则该文件夹的路径如下所示：

    • 在 Windows 中：C:\Program Files\Macromedia\Dreamweaver 8\Tutorial_assets\cafe_townsend\。
    • 在 Macintosh 中：Macintosh HD/Applications/Macromedia Dreamweaver 8/Tutorial_assets/cafe_townsend。

      关于…

       

      关于本地“根”文件夹和远程“根”文件夹 您的 Dreamweaver 站点的本地“根”文件夹通常是 Web 站点的主文件夹或顶级文件夹。该文件夹通常对应于远程站点（Web 服务器）上的一个完全相同的文件夹。根文件夹通常还定义 Web 站点的 URL 的第一部分，跟在域名的后面。例如，如果您的本地根文件夹为 mywebsite，且远程站点上定义了一个完全相同的根文件夹，那么您的 Web 站点的 URL 的形式将类似于 http://www.yahoo.com/mywebsite。

      在有些情况下，本地根文件夹的名称与它在远程站点上的名称不一定完全相同。例如，如果您拥有域名 www.mywebsite.com，该站点的远程根目录为 public_html，则您仍然可以将该站点的本地根文件夹命名为 mywebsite。本地根目录和远程根目录中的文件应完全相同；只是这两个文件夹的名称不同而已（在远程站点上为 public_html，在本地计算机上为 mywebsite）。

  3. 将 cafe_townsend 文件夹复制到 local_sites 文件夹中。

    您将使用 cafe_townsend 文件夹作为 Dreamweaver 站点的根文件夹（主文件夹）。

定义本地文件夹

您必须为创建的每一个新 Web 站点定义 Dreamweaver 本地文件夹。本地文件夹是您在硬盘上用来存储站点文件的工作副本的文件夹。如果不定义本地文件夹，Dreamweaver 中的某些功能可能无法正确运行。

如果定义了本地文件夹，您还可以管理文件，并使用一些文件传输方法在本地与 Web 服务器之间传输文件。

下面将复制到 local_sites 文件夹中的 cafe_townsend 文件夹定义为您的本地文件夹。

  1. 启动 Dreamweaver，选择“站点 ”>“管理站点”。

    出现“管理站点”对话框。

  2. 单击“新建”按钮，然后选择“站点”。

    出现“站点定义”对话框。

  3. 如果显示向导（“基本”选项卡），请单击“高级”选项卡，然后从“分类”列表中选择“本地信息”（它应当是默认选项）。
  4. 在“站点名称”文本框中，输入 Cafe Townsend 作为站点名称。
  5. 在“本地根文件夹”文本框中，指定在上一节中复制到 local_sites 文件夹中的 cafe_townsend 文件夹。

    可以单击文件夹图标来浏览并选择该文件夹，或者在“本地根文件夹”文本框中输入路径。

  6. 在“默认图像文件夹”文本框中，指定 cafe_townsend 文件夹中已有的 images 文件夹。

    可以单击文件夹图标来浏览并选择该文件夹，或者在“默认图像文件夹”文本框中输入路径。

    现在，“站点定义”对话框看起来应如下所示：

  7. 单击“确定”。

    随即出现“管理站点”对话框，显示您的新站点。

  8. 单击“完成”关闭“管理站点”对话框。

此时“文件”面板显示当前站点的新本地根文件夹。“文件”面板中的文件列表将充当文件管理器，允许您复制、粘贴、删除、移动和打开文件，就象在计算机桌面上一样。

现在，已经为您的站点定义了一个本地根文件夹。本地根文件夹是本地计算机上用来存储 Web 页面的工作副本的文件夹。如果您以后想要发布页面并使其可供公众访问，则需要在运行 Web 服务器的远程计算机上定义一个远程文件夹，用来存储本地文件的已发布副本。