1. 什么是服务器文件夹？
2. 为什么需要设置服务器文件夹？
3. 如何设置服务器文件夹？（详细步骤）
4. 服务器文件夹与“测试服务器”的区别与联系
5. 常见问题与最佳实践

什么是服务器文件夹？

在 Dreamweaver 中，“服务器文件夹”（Server Folder）指的是在您的本地计算机上，一个用来模拟远程服务器文件结构的文件夹。

您可以把它想象成一个“沙盒”或“排练场”，您在这个本地文件夹里添加、修改、删除文件，这些操作并不会立即影响到您正在运行的网站，当您准备就绪后，可以通过 Dreamweaver 的“同步”或“上传”功能，将这个本地文件夹里的内容与真正的远程服务器上的文件夹进行同步。

核心要点：

• 它是一个本地文件夹，不是远程服务器上的。
• 它是您本地工作区的核心。
• 它是连接本地文件和远程服务器的桥梁。

为什么需要设置服务器文件夹？

设置服务器文件夹主要有以下几个关键原因：

a. 网站管理

它定义了您当前 Dreamweaver 站点的根目录，所有与这个站点相关的文件（HTML, CSS, JavaScript, 图片等）都应该存放在这个服务器文件夹及其子文件夹中，这能确保 Dreamweaver 的“文件”面板、链接检查、资源管理等功能都能正常工作。

b. 本地测试

在将文件上传到服务器之前,您可以在本地通过一个集成的 Web 服务器（如 Apache 或 IIS）来预览和测试您的网站，Dreamweaver 会使用这个本地服务器文件夹作为网站根目录来运行您的页面，这对于调试 PHP、ASP、JSP 等服务器端脚本至关重要。

c. 文件同步与部署

这是它最重要的功能,通过设置“服务器文件夹”和对应的“远程文件夹”，您可以轻松地：

• 上传：将本地新创建或修改的文件上传到远程服务器。
• 下载：将远程服务器上的文件下载到本地。
• 同步：这是最强大的功能，Dreamweaver 会比较本地和远程文件夹的差异，然后根据您的设置（最新版本的文件优先）来更新两边的文件，确保它们保持一致，这大大提高了开发和维护效率。

如何设置服务器文件夹？（详细步骤）

设置过程在 Dreamweaver 的“站点设置”中完成。

步骤 1：创建/打开站点

1. 打开 Dreamweaver。
2. 如果您还没有站点,请选择 站点 > 新建站点。
3. 如果您已有站点,请在“文件”面板中右键点击站点名称，选择 站点 > 管理站点，然后选择您的站点并点击“编辑”。

步骤 2：设置本地文件夹（服务器文件夹）

1. 在弹出的“站点设置”窗口中，确保您在 “站点” 选项卡下。
2. 您会看到 “本地站点文件夹”（Local Site Folder）这个选项。
3. 点击文件夹图标 浏览并选择您电脑上用来存放网站所有文件的那个文件夹。
   • 强烈建议：这个文件夹不要放在“桌面”或“下载”等容易被清理的地方，最好在 D 盘或 C 盘（非系统盘）创建一个专门的目录，D:\Projects\MyWebsite。
4. 选择好后,点击“选择文件夹”。
5. 这个文件夹就成了您 Dreamweaver 站点的“服务器文件夹”，您可以在“文件”面板中看到它的内容。

步骤 3：添加远程服务器（可选，但强烈推荐） 如果您需要将文件上传到服务器，就需要设置远程信息。

1. 在同一个“站点设置”窗口中，切换到 “服务器” 选项卡。
2. 点击左下角的 号，添加一个新服务器。
3. 在“基本”选项卡中，为您的服务器起一个名字（如“我的生产服务器”）。
4. 连接方法：根据您的服务器情况选择，最常见的是 FTP。
   • FTP：输入您的 FTP 主机地址、用户名、密码和 Web 根目录路径（public_html 或 httpdocs）。
   • SFTP：更安全的 FTP，需要额外的主机密钥信息。
   • 本地/网络：如果您将网站文件放在另一台局域网电脑的共享文件夹中，可以使用这个。
5. 切换到 “高级” 选项卡。
   • “服务器文件夹”：这里填写的是您远程服务器上的网站根目录路径（/public_html/）。注意：这是远程服务器的路径，与步骤 2 中的本地文件夹不同。
   • “Web URL”：填写您的网站在浏览器中访问的地址（http://www.yourwebsite.com），Dreamweaver 会用这个 URL 来测试上传后的页面。
6. 点击“测试”按钮，确保连接成功。
7. 点击“保存”。

步骤 4：设置测试服务器（用于本地动态页面测试） 如果您使用 PHP、ASP 等技术，需要设置测试服务器。

1. 在“站点设置”窗口中，切换到 “服务器” 选项卡。
2. 选中您刚刚添加的那个远程服务器。
3. 在右侧的“服务器模型”下拉菜单中，选择您使用的技术（如 PHP MySQL）。
4. 勾选 “测试文件” 复选框，这会告诉 Dreamweaver 使用这个服务器配置来进行本地测试。
5. 点击“保存”。

您的站点就完全配置好了！您可以：

• 在“文件”面板中管理本地文件。
• 右键点击文件,选择“在浏览器中预览”来本地测试。
• 右键点击文件或文件夹,选择“上传”或“获取”来与远程服务器同步。

服务器文件夹与“测试服务器”的区别与联系

这是一个容易混淆的概念,但理解它们的区别对用好 Dreamweaver 至关重要。

简单比喻：

• 服务器文件夹：是您的剧本和道具室（所有源文件都在这里）。
• 测试服务器：是您用来彩排的舞台（您把道具从道具室拿到这个舞台上，进行带特效的彩排）。
• 远程服务器：是正式演出的剧院（彩排结束后，您把最终的道具和布景从道具室搬运到剧院）。

常见问题与最佳实践

问题 1：我做一个纯静态的 HTML 网站，需要设置服务器文件夹吗？ 答：是的，必须设置。 即使是静态网站，您也需要一个“服务器文件夹”来作为您站点的根目录，以便 Dreamweaver 正确管理文件和链接，虽然您不需要设置“测试服务器”来运行 PHP，但“远程服务器”的设置对于上传文件仍然非常有用。

问题 2：我的本地服务器文件夹和远程服务器文件夹结构不一致，可以吗？ 答：可以，但不推荐。 保持一致的文件夹结构可以最大限度地避免路径混乱和链接错误，如果必须不一致，请确保您的代码（特别是图片、CSS、JS 的路径）使用相对路径，而不是绝对路径（如 C:/... 或 http://...）。

最佳实践：

1. 保持结构一致：尽量让本地和远程的文件夹结构保持一致。
2. 使用版本控制：对于重要的项目，强烈建议使用 Git 等版本控制系统，Dreamweaver 也集成了 Git