跳到主要内容

如何在 Dreamweaver 中设置 FTP

Dreamweaver 是许多专业人士和业余爱好者常用的流行网页开发工具。如果你是 Dreamweaver 新手，设置过程起初可能看起来有些复杂。但别担心，其实非常简单！
你需要先在电脑上下载并安装 Dreamweaver 软件。安装完成后，打开程序即可开始设置你的工作空间。

要在 Dreamweaver 中设置 FTP，请根据你的版本按照以下步骤操作：

  • Dreamweaver（MX 版本）FTP 配置
  • Dreamweaver MX 2004 FTP 配置
  • Dreamweaver CC 2014 FTP 设置
  • 添加 FTP 服务器
  • 发布文件
  • 使用 DreamWeaver CS5 发布
  • FTP 配置
  • 额外故障排除
  • Dreamweaver MX
  • 总结

Dreamweaver（MX 版本）FTP 配置​

  1. 打开 DreamWeaver MX。点击 Site（站点） 菜单，选择 New Site（新建站点）。
  2. 点击 Advanced（高级） 标签。
  3. 在 Site Name（站点名称） 栏输入描述你站点的名称。Dreamweaver 会自动为你选择本地根文件夹。
  4. 输入你的 HTTP 地址，然后点击 Remote Info（远程信息） 分类。
  5. 将 Access（访问方式） 改为 FTP。接着输入你的 FTP 主机，即你的域名（例如 mysite.com）或服务器的 IP 地址。主机目录请填写 public_html。然后输入你的登录名和密码。登录名是你在注册确认邮件中收到的 8 个字符用户名。
  6. 在同一页面，勾选 Automatically upload files to the server on save（保存时自动上传文件到服务器）。
  7. 点击 Connect to Remote Site（连接远程站点） 按钮。
  8. 确认第二个下拉菜单显示为 Remote View（远程视图），你将看到 public_html 文件夹中的文件列表。
  9. 双击任意文件，编辑后点击 Save（保存）。Dreamweaver 会自动更新服务器上的文件。
  10. 如果你添加了图片或其他需要上传的文件，选择站点下拉菜单中的 Local View（本地视图）。
  11. 选择需要上传的文件，点击 PUT（上传） 按钮（向上的箭头）。

Dreamweaver MX 2004 FTP 配置​

  1. 打开 DreamWeaver MX 2004。点击 Site（站点） 菜单，选择 Manage Sites（管理站点）。
  2. 点击 New（新建） 按钮，选择 Site（站点）。
  3. 在 Advanced（高级） 标签下，填写站点名称和 HTTP 地址（你的域名）。
  4. 点击 Remote Info（远程信息） 分类，将 Access Type（访问类型） 设置为 FTP。
  5. 确认主机是你的域名（例如 mysite.com）或服务器的 IP 地址。
  6. 主机目录填写 public_html。
  7. 输入你的用户名和密码，点击窗口底部的 OK。
  8. 在管理站点窗口点击 Done（完成）。
  9. 打开你的网站，点击 Site（站点） 菜单，然后选择 Put（上传）。
  10. Dreamweaver 会将你的文件上传到服务器。

注意： 用户名应为你在注册确认邮件中收到的 8 个字符用户名。如果是网站开发者或其他第三方连接你的站点，请为对方创建新的 FTP 用户。不要将你的“主”用户名和密码提供给仅需 FTP 访问权限的第三方。

Dreamweaver CC 2014 FTP 设置​

Adobe Dreamweaver CC 2014 的步骤会略有不同。

添加 FTP 服务器​

  1. 进入 Site（站点） 菜单，点击 New Site（新建站点）。
    Bluehost Dreamweaver CC 2014 - New Site
  2. 在 Site Setup（站点设置） 页面，输入站点名称。然后选择一个文件夹用于在电脑上存储站点。
    Bluehost Dreamweaver CC 2014 - Setup
  3. 点击设置窗口右侧的 Servers（服务器）。
  4. 在 Servers（服务器） 页面，点击 +（加号） 添加新服务器。
    Bluehost Dreamweaver CC 2014 - Setup Add New Server
  5. 在新服务器页面，填写 FTP 服务器设置。
    Bluehost Dreamweaver CC 2014 - New Server Setup
    • Server Name（服务器名称） 可自定义。
    • Connect Using（连接方式） 应设置为 FTP。
    • FTP Address（FTP 地址） 通常是你的域名前加上 “ftp.”，例如如果域名是 example.com，则填写 ftp.example.com。
    • Username（用户名） 应为你的主机账户用户名。
    • Password（密码） 为你的主机账户密码。
    • Root Directory（根目录） 通常是 public_html。如果你的网站托管在其他文件夹，请填写相应文件夹。
    • Web URL（网站 URL） 应填写你访问网站时使用的 URL。
  6. 点击 Test（测试） 按钮确保设置正确，如有必要进行修改。
    Bluehost Dreamweaver CC 2014 - New Server Setup Sucess
  7. 点击 Save（保存）。
  8. 你现在应该能在站点的服务器列表中看到该服务器。点击 Save（保存）。
    Bluehost Dreamweaver CC 2014 - Server List Filled

发布文件​

完成添加 FTP 服务器的步骤后，发布站点非常简单。

  1. 进入 Site（站点） 菜单，点击 Put（上传）。
    Bluehost Dreamweaver CC 2014 - Publishing Site
  2. 如果提示是否发布依赖文件，点击 Yes（是）。

就是这样！你会看到一个进度框显示文件上传进度，完成后会自动关闭。

使用 DreamWeaver CS5 发布​

Adobe Dreamweaver CS5、CS5.5 和 CS6 的连接步骤相同。本文将引导你完成站点设置。

  • FTP 配置
  • 额外故障排除

FTP 配置​

  1. 打开 Dreamweaver CS5。点击 Site（站点） 菜单，选择 New Site（新建站点）。
  2. 输入描述你站点的名称。
  3. 点击左侧的 Servers（服务器）。
  4. 点击 +（加号） 按钮添加服务器。
  5. 输入服务器名称。
  6. 连接方式选择 FTP。输入你的 FTP 主机，即你的域名（例如 mysite.com）或服务器的 IP 地址。
  7. Host（主机） 或 Root Directory（根目录） 应填写 public_html（如果这是你在我们这里的主站点）。
  8. 输入你的登录名和密码。登录名是你在注册确认邮件中收到的 8 个字符用户名。如果不清楚，请登录 Bluehost 账户管理器，进入 FTP 账户查看。密码是你创建账户时设置的密码。
  9. 点击 More Options（更多选项）。
  10. 勾选 Use Passive FTP（使用被动 FTP）。
  11. 保存信息并连接账户。

出现 "Dreamweaver connected to your Web server successfully"（Dreamweaver 成功连接到你的 Web 服务器） 消息表示你已成功连接到 FTP 服务器。

额外故障排除​

若需继续排查问题，请进入 Verify login credentials（验证登录凭据） 部分。如果无法登录 FTP 服务器，请检查防火墙设置，允许 FTP 流量通过（端口 20 和 21）。
注意： Bluehost 支持 SFTP。

Dreamweaver MX​

问题：​

如何为 Dreamweaver MX 设置 PHP 和 MySQL？

解决方案：​

以下是 Dreamweaver MX 配合 PHP 和 MySQL 的设置方法：

创建 MySQL 数据库和用户：

  • 登录你的 Bluehost 账户，点击 MySQL Databases（MySQL 数据库）。
  • 如有需要，创建新数据库。可参考我们的 MySQL 数据库指南。
  • 在 Users（用户） 下创建新用户和密码（如果你还没有想用的用户）。有关创建 MySQL 用户的详细步骤，请参考我们的指南。
  • 将该用户添加到数据库。通常会授予全部权限，除非另有说明。
  • 将你的 IP 地址添加到 Allowed Host（允许主机） 列表。或者，你也可以添加 * 符号，这是通配符，允许任何计算机在拥有正确用户名和密码的情况下连接。

现在打开 Dreamweaver，创建一个新的空白 PHP 页面，然后在顶部菜单点击 Site（站点），选择 New（新建）。
保持 Local Info（本地信息） 不变。使用以下远程和测试服务器设置：

Remote Info（远程信息）：

  • Access（访问方式）：FTP
  • FTP Host（FTP 主机）：domainname.com
  • Host Directory（主机目录）：public_html（这是你网站上传的文件夹）
  • Login（登录名）：*********
  • Password（密码）：*********
  • 被动 FTP 选项已勾选！

Testing Server（测试服务器）：

  • Server Model（服务器模型）：PHP/MySQL
  • Access（访问方式）：FTP
  • FTP Host（FTP 主机）：domainname.com
  • Host Directory（主机目录）：public_html
  • Login（登录名）：*********
  • Password（密码）：*********
  • 被动 FTP 选项已勾选！
  • Url Prefix（URL 前缀）：http://www.domainname.com

打开 MySQL 连接对话框。它位于应用窗口左侧的 Databases（数据库） 标签下。

MySQL 连接对话框：

  • Connection Name（连接名称）：（你为连接命名）
  • MySQL Server（MySQL 服务器）：localhost
  • User Name（用户名）：（有权访问 MySQL 数据库的用户名）
  • Password（密码）：*******
  • Database（数据库）：（必须指定一个数据库名称）

Dreamweaver 8​

  1. 在 Dreamweaver 中打开文件或选择 Create a New File（创建新文件）。
  2. 选择 Site（站点） | Manage Sites（管理站点）。
  3. 选择站点名称，点击 Edit（编辑）。
  4. 会显示站点的 Local Info（本地信息）。
  5. 选择 Remote Info（远程信息）。

输入以下设置：

  • Access（访问方式）： FTP
  • FTP Host（FTP 主机）： ftp.yourdomain.ext
  • Host Directory（主机目录）： public_html/
  • Login（登录名）： username
  • Password（密码）： ********
  • 勾选密码旁的 Save（保存） 选项
  • 勾选 Use Passive FTP（使用被动 FTP）
  • 点击 Test（测试） 按钮

总结​

Dreamweaver 是一款广受专业人士和业余爱好者欢迎的网页开发工具。虽然设置过程起初可能显得复杂，但其实非常简单。你需要先在电脑上下载并安装 Dreamweaver 软件，安装完成后即可打开程序开始设置工作空间。

要在 Dreamweaver 中设置 FTP，请根据你的版本选择相应步骤，包括 Dreamweaver MX、Dreamweaver MX 2004、Dreamweaver CC 2014 的 FTP 配置，以及使用 DreamWeaver CS5 发布。文中还提供了额外的故障排除步骤，帮助你解决过程中遇到的问题。