第5章 使用Dreamweaver进行站点管理

为了更方便地管理网站中的文档，Dreamweaver提供了站点管理的功能。所谓站点，就是指某个Web站点中所有文档和资源的总称。使用站点，可以组织和管理网站中所有的文档，将本地站点中的文档上传到Web服务器上，跟踪和维护文档之间的链接，以及管理和共享文件。

在Dreamweaver中，一个站点由3部分组成。

◆ 本地文件夹：主要存储正在编辑阶段的文档资料，这部分内容主要位于用户本地计算机的硬盘之中，也有可能位于网络中其他的主机上。

◆ 远程文件夹：其存储的内容根据远程服务器的类型不同而有所区别。如果远程服务器是测试服务器，那么它存储的就是已经初步制作完成、正处于测试阶段的文件。如果远程服务器是用于生产环境的Web服务器，那么它存储的就是处于生产阶段的已经开发完毕的文件。如果远程服务器是协作服务器，那么它存储的就是协作用途的文件。在Dreamweaver的“文件”面板中，将此文件夹称为“远程站点”。远程文件夹通常位于运行Web服务器的计算机上，它包含用户需要通过Internet访问的文件。

◆ 测试服务器文件夹：主要包含动态网页的文件夹。

本章主要介绍Dreamweaver CS5的站点管理的知识，涉及的知识点如下。

◆ 创建本地站点：介绍如何使用Dreamweaver CS5创建本地站点，以及如何设置本地站点与Web服务器的同步。

◆ 管理本地站点：介绍如何打开、编辑、删除及复制本地站点。

◆ 管理站点文件：主要介绍如何创建本地文件和文件夹，以及复制和移动文件。

◆ 站点实例：通过一个具体的实例来测试网站管理的各种功能。

5.1 创建本地站点

创建本地站点是Dreamweaver组织和管理所有与网站有关的文档的方法。在使用Dreamweaver进行开发的时候，虽然创建站点不是必需的，但是最好为正在开发的网站创建一个站点。

5.1.1 使用站点向导创建本地站点

Dreamweaver提供了一个向导来帮助用户创建本地站点，具体步骤如下。

step 1 选择“站点”→“新建站点”命令，弹出站点设置对象对话框，如图5-1所示。

step 2 在“站点名称”文本框里面输入自己想要使用的名称，该名称用于区分Dreamweaver中的不同站点。在“本地站点文件夹”文本框中输入所建站点的内容存放的路径，也可以单击文本框右边的文件夹按钮，来为新建站点选择一个路径。

step 3 设置完毕之后，单击“保存”按钮，就可以完成本地站点的创建，并进入Dreamweaver的工作界面。在右边的“文件”面板里面，可以看到刚才创建的站点“测试”已经处于打开状态，如图5-2所示。

5.1.2 选择和更改本地工作站点

站点创建完成之后，要为其创建文档，应该使它成为本地工作站点。单击“文件”面板顶端左边的下拉菜单，会把当前计算机中所有的驱动器及Dreamweaver中的所有站点都罗列出来，如图5-3所示。

单击其中的任何一个站点，都可以使其成为当前的工作站点，并在本地文件列表里面把其中的文档列出来，如图5-4所示。除了“文件”面板之外，在“资源”面板中可以按类型查看站点中的资源，如图5-5所示。

在“资源”面板里面，可以按照图片、颜色、URLs、SWF、Shockwave、影片、脚本、模板及库等类型查看当前工作站点的文档资源。

5.1.3 本地站点和远程服务器同步

本地站点和远程服务器的文件同步功能只有连接到远端主机才可用，具体步骤如下。

step 1 右击站点的本地文件列表，在快捷菜单里面选择“同步”命令，弹出“同步文件”对话框，如图5-6所示。

在如图5-6所示的对话框里面可以选择同步的范围和方向。范围包括“仅选中的本地文件”和“整个站点”；方向则包括“放置较新的文件到远程”、“从远程获得较新的文件”及“获得和放置较新的文件”。其中前两种是单向的，最后一种是双向复制。

step 2 设置好范围和方向之后，单击“预览”按钮，Dreamweaver就开始检查本地或者服务器上的文件。检查完毕之后会弹出“Synchronize”对话框，如图5-7所示。

step 3 在如图5-7所示的对话框里面，Dreamweaver会把需要同步的文件全部罗列出来，并注明动作是上传还是获取。在对话框的左下角还有一排按钮，通过这些按钮可以修改列表中文件同步的方向，以及删除列表中的文件等。

step 4 单击“确定”按钮，开始执行同步操作，如图5-8所示。

5.2 管理站点

Dreamweaver对于站点提供了许多管理功能，例如打开、复制、编辑和删除等。本节介绍这些基本的站点管理功能。

5.2.1 打开站点

在Dreamweaver CS5中，要打开一个站点，可以选择“站点”→“管理站点”命令。选择该命令之后，会弹出“管理站点”对话框，如图5-9所示。

在“管理站点”对话框中的站点列表里面选中要打开的站点，然后单击“完成”按钮，就可以打开被选中的站点。

5.2.2 编辑站点

如果想修改已有站点的基本设置，可以使用编辑站点功能。方法同样是选择“站点”→“管理站点”命令，只不过在“管理站点”对话框里面需要单击右边的“编辑”按钮，之后会弹出站点设置对象对话框，然后可以修改其中的某些选项，最后单击“保存”按钮保存所做的修改即可，如图5-10所示。

5.2.3 删除站点

如果不要某个站点了，可以把它删除。删除站点不会删除硬盘上的文件，只是在Dreamweaver中的站点管理里面删除它的信息。

要删除站点，同样选择“站点”→“管理站点”命令，在弹出的“管理站点”对话框里面选中该站点，单击右边的“删除”按钮，就会弹出确认对话框，如图5-11所示。单击“是”按钮，就可以把选中站点从列表中删除。

5.2.4 复制站点

在Dreamweaver中也提供了复制站点的功能，需要注意的是，这里的复制站点并不是创建某个站点的文档资源的副本，只是把站点的配置信息创建一个副本。

操作方法同样是在“管理站点”对话框里面，选中要复制的站点，然后单击右边的“复制”按钮，在左边的站点列表里面就会出现一个副本，如图5-12所示。

5.3 管理站点文件

创建好站点之后，就可以利用Dreamweaver管理里面的文档资源了。例如创建文件夹和文件，以及移动和复制文件等。本节就介绍这些文件操作的方法。

5.3.1 创建文件夹和文件

要在当前工作站点里面创建文件夹，可以在本地文件列表里面右击某个文件夹，在快捷菜单里面选择“新建文件夹”命令，则会在指定的文件夹中创建一个文件夹，其默认文件夹名为“untitled”。

在当前站点中创建文件，也可以同样使用本地文件列表的右键快捷菜单，选择其中的“新建文件”命令即可。只不过这样创建的文件都是HTML文件，如果需要创建其他类型的文件，则需要选择“文件”菜单中的“新建”命令。

5.3.2 移动和复制文件

要移动当前站点的某个文件有两种方法。

◆ 在本地文件列表中，直接用鼠标把某个文件拖动到目标位置。

◆ 右击要移动的文件，选择“编辑”→“剪切”命令，然后右击目标位置，在“编辑”菜单里面选择“粘贴”命令即可。

对于复制文件而言，如果只是想为某个文件创建一个副本，可以右击该文件，选择“编辑”→“复制”命令。如果想把某个文件在另外一个位置创建一个副本，可以选择“编辑”→“拷贝”命令，然后在目标位置右击，选择“编辑”→“粘贴”命令即可。

5.4 实例：创建网站并测试各项功能

本节通过创建一个具体的网站来演示Dreamweaver CS5中网站管理的各种功能。用户可以在Dreamweaver CS5中进行练习，步骤如下。

step 1 选择“站点”→“新建站点”命令，弹出“站点设置对象”对话框，在“站点名称”文本框里面输入“测试”，设置“本地站点文件夹”为“E:\webroot\Test”，如图5-13所示。

step 2 单击左边的“服务器”选项，出现服务器设置界面，如图5-14所示。

step 3 单击加号，弹出新建服务器设置窗口，如图5-15所示。在里面输入所需的信息，在本例中，“服务器名称”输入“localhost”，“连接方法”选择“FTP”，“FTP地址”输入“127.0.0.1”，“用户名”和“密码”分别输入FTP服务器上的用户名和密码。单击“测试”按钮，测试FTP服务器是否能够连接成功。在“根目录”文本框里面输入网站在FTP服务器上的路径，在本例中输入“/Test”。“Web URL”是网站在Web服务器上的路径。设置完毕之后，单击“保存”按钮，关闭对话框。

step 4 选择“文件”→“新建”命令，弹出“新建文档”对话框，如图5-16所示。保持默认设置，单击“创建”按钮。

step 5 在设计窗口里面输入一行字，如图5-17所示。单击文档工具栏中的保存按钮，或者按快捷键Ctrl+S，以test.html为文件名保存刚才新建的文档。

step 6 在“文档”面板中的本地文件列表中右击“Test.html”，在快捷菜单中选择“上传”命令，把Test.html文档上传到服务器上。

5.5 常见问题

5.5.1 FTP不能上传和下载的问题

FTP不能上传和下载的原因主要有以下几个方面。

1.FTP账号或者密码不正确

在这种情况下，根据不同的FTP服务器软件和客户端软件会有不同的错误提示。图5-18显示了FTP服务器软件和客户端软件都是FileZiIIa的情况下密码不正确所得到的错误消息。

2.网络不通

网络不通是指网络的物理连接断开或者主机的网络参数设置有问题。在这种情况下，FileZiIIa也会给出相应的错误消息，如图5-19所示。

5.5.2 FTP远程文件夹设置的问题

要从FTP服务器上读取、修改或者删除文件等操作需要相应的权限，如果连接FTP服务器的用户没有被赋予相应的权限，则FTP服务器会拒绝执行有关命令。例如，如果连接FTP服务器的用户没有浏览目录的权限，则会给出“550 Permission denied”的错误消息，如图5-20所示。

5.6 小结

在本章里面，详细介绍了Dreamweaver CS5的站点管理功能。主要内容包括网站的创建和管理，以及网站内容的管理。在实际的网站开发中，本章所介绍的站点管理并不是必需的。但是，采用网站管理功能，可以非常方便地管理网站中的各种文档，并加快开发速度。在下面一章中，将详细介绍如何使用Dreamweaver CS5制作网页。