Dreamweaver 的服务器配置主要分为两大块：
（图片来源网络，侵删）
- 本地服务器配置：用于在本地电脑上搭建一个 Web 服务器环境，让你可以在发布到互联网前，完整地预览和测试你的动态网站。
- 远程服务器配置：用于将本地开发好的网站文件上传到你购买的虚拟主机或云服务器上，让公众可以访问。
下面我将分步详细说明这两个过程。
第一部分：本地服务器配置（用于动态网站本地测试）
如果你的网站只包含静态 HTML、CSS 和 JavaScript 文件，你不需要配置本地服务器，直接用浏览器打开 HTML 文件即可预览，但只要涉及到 PHP、ASP、JSP 等动态技术，就必须配置本地服务器，因为这些语言需要服务器环境来解析执行。
步骤 1：安装本地服务器环境
Dreamweaver 本身不提供服务器，它需要你预先安装一个本地服务器环境，最常用的是：
- XAMPP (跨平台，推荐初学者)：集成了 Apache (Web服务器)、MySQL (数据库)、PHP 和 Perl。
- WampServer (仅限 Windows)：功能和 XAMPP 类似，界面更简洁。
- MAMP (仅限 macOS)：苹果电脑用户的理想选择。
- Docker：对于高级用户，可以使用 Docker 容器来搭建环境，更灵活、更隔离。
以 XAMPP 为例，安装步骤：
（图片来源网络，侵删）
- 从 XAMPP 官网 下载适合你操作系统的版本。
- 运行安装程序,按照向导提示完成安装，建议安装路径不要有中文和空格，
D:\xampp。 - 安装完成后,启动 XAMPP Control Panel。
- 点击 Apache 和 MySQL 模块的 Start 按钮，启动这两个服务。
步骤 2：在 Dreamweaver 中配置本地服务器
-
打开站点定义：
- 如果是新站点,请选择
站点->新建站点。 - 如果是已有站点,请在
文件面板中右键点击站点根目录，选择编辑站点，然后选择你的站点，点击编辑。
- 如果是新站点,请选择
-
切换到“服务器”设置：
- 在弹出的站点设置窗口中,从左侧的类别列表中选择 服务器。
-
添加新服务器：
点击窗口左下角的 (添加) 按钮。
（图片来源网络，侵删） -
填写服务器信息：
-
基本 选项卡：
- 服务器名称：给服务器起一个名字，
My Local XAMPP Server。 - 连接方法：对于本地服务器，请选择 本地/网络。
- 服务器文件夹：这是最关键的一步，你需要填写 XAMPP 中
htdocs文件的完整路径，如果你的 XAMPP 安装在D:\xampp，那么这里就填写D:\xampp\htdocs。 - Web URL：填写你的本地网站访问地址，XAMPP 默认在
http://localhost/或http://127.0.0.1/下运行，如果你的项目文件夹在htdocs里名为my_project，那么这里就填写http://localhost/my_project/。
- 服务器名称：给服务器起一个名字，
-
高级 选项卡：
- 服务器模型：如果你的网站是动态的，在这里选择你使用的服务器模型（如 PHP, ASP VBScript 等），这会影响 Dreamweaver 的代码提示和数据绑定功能。
- 访问：通常选择 本地/网络 即可，如果你想通过 Dreamweaver 直接在本地编辑远程文件（不推荐，容易出错），可以在这里设置 FTP，但我们通常将本地和远程分开配置。
-
-
保存并测试：
- 点击 保存。
- 返回服务器列表,选中你刚刚创建的服务器，点击右下角的 测试 按钮。
- 如果配置正确,Dreamweaver 会弹出提示：“Dreamweaver 成功地连接到服务器。” 如果失败，请仔细检查
服务器文件夹和Web URL是否正确，并确保 XAMPP 的 Apache 服务已经启动。
你可以在 Dreamweaver 的 文件 面板中，通过点击“在浏览器中预览”按钮来查看你的动态网站了。
第二部分：远程服务器配置（用于上传网站文件）
当你完成本地开发,需要将网站部署到互联网上时，就需要配置远程服务器。
步骤 1：从你的主机提供商获取信息
在配置之前,你需要从你的虚拟主机或云服务提供商那里获取以下信息：
- 连接方法：最常用的是 FTP，也可能是 SFTP（更安全）或 本地/网络（如果你在本地搭建了服务器，并映射了网络驱动器）。
- FTP 主机：服务器的地址，如
ftp.yourdomain.com或一个 IP 地址。 - 登录信息：你的 FTP 用户名和密码。
- 目录路径：你的网站文件应该上传到服务器的哪个文件夹，通常是
/public_html/,/httpdocs/,/www/或 。这个非常重要，放错位置网站将无法访问。
步骤 2：在 Dreamweaver 中配置远程服务器
-
打开站点定义：和配置本地服务器一样，进入站点的
编辑站点界面。 -
切换到“服务器”设置：选择左侧的 服务器 类别。
-
添加新服务器：再次点击 按钮。
-
填写远程服务器信息：
-
基本 选项卡：
- 服务器名称：起一个名字，
My Live Web Server。 - 连接方法：选择你的连接方式，如 FTP。
- FTP 主机：填写你从主机商获取的 FTP 地址。
- 登录信息：填写你的 FTP 用户名和密码，勾选 保存 可以避免每次连接都输入密码。
- 服务器文件夹：填写你的网站根目录路径，如
/public_html/。 - Web URL：填写你的网站在互联网上的访问地址，如
http://www.yourdomain.com/。
- 服务器名称：起一个名字，
-
高级 选项卡：
- 更多设置：
- 连接端口：FTP 默认是 21，SFTP 默认是 22，如果你的服务商使用了非标准端口，需要在这里修改。
- 被动模式：强烈建议勾选，大多数防火墙环境都需要开启被动模式才能正常连接。
- 使用 SFTP：如果你的服务商支持，请勾选此项，它会使用更安全的 SSH 加密传输文件。
- 更多设置：
-
-
保存并测试连接：
- 点击 保存。
- 在服务器列表中选中这个新添加的远程服务器,点击 测试 按钮。
- 如果成功,你会看到服务器上的文件列表，如果失败，请检查用户名、密码、主机地址、端口和被动模式设置是否正确。
步骤 3：设置默认服务器和同步
配置好本地和远程服务器后,你还可以进行一些高级设置：
-
设置默认服务器：
- 在服务器列表中,你可以看到有两个列：Web URL 和 服务器。
- 在 Web URL 列下，点击本地服务器（如
My Local XAMPP Server）前的单选框，将其设为默认，这样，当你点击“在浏览器中预览”时，Dreamweaver 会使用本地服务器地址。 - 在 服务器 列下，点击远程服务器（如
My Live Web Server）前的单选框，将其设为默认，这样，当你进行“同步”或“获取”等操作时，默认会操作远程服务器。
-
同步文件：
- Dreamweaver 强大的功能之一是文件同步。
- 在
文件面板中，点击工具栏上的 同步 按钮。 - 你可以选择“同步整个站点”或“同步选定的文件”。
- 你可以定义同步的方向：放置本地 newer 的文件到远程（上传新文件）、获取远程 newer 的文件到本地（下载新文件）或两者都获取和放置（完全同步）。
- 点击“预览”，Dreamweaver 会显示将要执行的操作，确认无误后再执行。
总结与最佳实践
| 功能 | 本地服务器 | 远程服务器 |
|---|---|---|
| 目的 | 本地开发和测试动态网站 | 将网站部署到互联网 |
| 连接方法 | 本地/网络 | FTP / SFTP / 本地/网络 |
| 服务器文件夹 | XAMPP 的 htdocs 路径 |
主机商提供的 public_html 等路径 |
| Web URL | http://localhost/你的项目名/ |
http://你的域名.com/ |
| 测试 | 确保 Apache 服务已启动 | 确保网络通畅，信息正确 |
最佳实践：
- 分离关注点：始终将本地和远程服务器分开配置，本地用于开发和调试，远程用于最终发布。
- 版本控制：对于重要项目，强烈建议使用 Git 等版本控制系统，并结合 GitHub、GitLab 或 Bitbucket 进行代码托管，这比单纯依赖 FTP 更安全、更高效。
- 定期备份：在同步或上传新文件前，先通过 FTP 客户端（如 FileZilla）备份一下服务器上的文件，以防误操作导致数据丢失。
- 使用 SFTP：只要远程服务器支持，永远优先选择 SFTP 而不是 FTP，因为它提供了加密传输，能保护你的密码和文件数据安全。
通过以上步骤,你就可以在 Dreamweaver 中完美地配置本地和远程服务器，从而高效地进行网站开发和部署了。
