Dreamweaver站点服务器如何正确配置？-凌峰创科服务平台

核心概念：为什么需要“站点”？

在 Dreamweaver 中，“站点” (Site) 不仅仅是指一堆网页文件的集合，它是一个 Dreamweaver 项目，用于管理你网站的所有相关文件，把它想象成一个项目的“总指挥中心”。

（图片来源网络，侵删）

创建站点的主要目的：

文件管理:
- Dreamweaver 会维护一个“站点地图”，让你以可视化的方式查看整个网站的结构，就像看一个文件夹树一样。
- 它能自动跟踪文件之间的链接,如果你重命名或移动了一个文件，Dreamweaver 会提示你更新所有指向该文件的链接，防止出现“404 Not Found”错误，这是手动管理文件时最头疼的问题。
相对路径:
- 这是站点最强大的功能之一,当你使用站点内的图片或链接到其他页面时，Dreamweaver 会自动使用“相对路径”（images/logo.png 或 about.html），而不是完整的“绝对路径”（C:\Users\YourName\Documents\MyWebsite\images\logo.png）。
- 好处： 当你把整个网站文件夹上传到服务器时，无论服务器上的真实路径是什么，这些相对路径都能正确工作，让你的网站具有极强的可移植性。
服务器连接与同步:
（图片来源网络，侵删）

站点是连接本地电脑和远程服务器的桥梁,你可以在站点定义中设置服务器信息，然后通过站点窗口一键上传、下载或同步文件。
高级功能支持:
- 许多 Dreamweaver 的高级功能，如模板、库、PHP 动态页面等，都必须在定义了站点之后才能正常工作。

在 Dreamweaver 的上下文中，“服务器” (Server) 指的是存放你网站文件，并通过互联网让其他人访问的远程计算机。

Dreamweaver 支持多种类型的“服务器”连接，你可以根据你的需求进行选择：

（图片来源网络，侵删）

这是在你自己的电脑上模拟一个真实的 Web 服务器，通常用于开发和测试阶段。

用途： 在你把网站上传到真正的服务器之前，先在本地运行和测试它。
如何实现： 你需要在电脑上安装一个本地服务器环境，最常见的是：
- XAMPP: 集成了 Apache (Web服务器)、MySQL (数据库) 和 PHP (服务器端脚本语言) 的免费软件包，非常适合开发 PHP + MySQL 网站。
- MAMP: XAMPP 的 macOS 版本，功能类似。
- WAMP: XAMPP 的 Windows 版本。
在 Dreamweaver 中设置： 你会在“站点设置”的“服务器”选项卡中，选择“服务器类型”为 “本地/网络”，然后指定本地服务器软件（如 XAMPP）的网站根目录路径（C:\xampp\htdocs\myproject）。

这是最传统、最常用的连接方式，用于将文件从你的电脑上传到一台远程的、已经配置好的 Web 服务器上。

用途： 部署静态网站（HTML, CSS, JavaScript）或不需要特殊服务器配置的动态网站。
如何实现： 你的网络服务提供商（ISP）或主机托管公司会提供给你 FTP 信息：
- FTP 地址: 服务器的域名或 IP 地址 (ftp.yourdomain.com)。
- 用户名: 你的 FTP 账户名。
- 密码: 你的 FTP 密码。
- 根目录: 你上传的文件应该存放的文件夹路径（通常是 /public_html, /www, 或 /httpdocs）。
在 Dreamweaver 中设置： 选择“服务器类型”为 “FTP”，然后填入上述信息。

SFTP 是 FTP 的安全版本，所有数据传输都经过 SSH 加密。

一种基于 HTTP/HTTPS 的协议，允许你像在本地文件夹中一样，直接通过网络编辑远程服务器上的文件。

Dreamweaver 对现代云服务提供了直接集成，让部署变得极其简单。

Adobe Creative Cloud (CC) 主机: 如果你订阅了 Adobe CC，可以使用 Adobe 提供的免费主机服务进行快速部署。
其他云平台 (如 GitHub, Azure, AWS): Dreamweaver 可能通过扩展或特定的工作流支持这些平台，但最常见的是通过 Git 同步。
在 Dreamweaver 中设置： 选择“服务器类型”为 “Adobe Creative Cloud” 或其他相应的云服务选项。

这是最常见的工作流程,分为“本地站点”和“远程服务器”两部分。

打开 Dreamweaver，点击菜单栏的 “站点” > “新建站点”。
站点名称: 给你的项目起一个容易识别的名字，我的公司官网”，这个名字只在 Dreamweaver 内部使用。
本地站点文件夹: 点击文件夹图标，选择你的网站项目文件夹在电脑上的位置。D:\Projects\MyCompanyWebsite，这个文件夹应该包含你的 index.html、images、css、js 等所有文件。
高级设置 (可选): 在左侧菜单中选择“服务器”，然后点击“+”号添加服务器信息（见下一步）。
点击 “保存”，现在你的本地站点就创建好了，Dreamweaver 右侧的“文件”面板会显示你网站的文件结构。

在 Dreamweaver 右侧的“文件”面板顶部，你可以在下拉菜单中看到你刚刚创建的本地站点和远程服务器。

概念	作用	关键点
站点	项目的管理中心，负责文件管理和链接维护。	必须先创建站点，再设置服务器。
服务器	连接本地和远程的桥梁，用于部署和测试。	根据你的开发阶段（本地测试）和部署需求（FTP/SFTP/云）选择正确的类型。

工作流程建议：