How to Configure Dreamweaver for FTP

If you are using Dreamweaver as your site designer, you will want to configure the software to upload your site to HostGator servers via FTP.  Below are instructions on how you can configure Dreamweaver to connect to your HostGator account.

Configure a Connection

  1. Activate the files panel by going to the Window > Files. Note: the file panel can be undocked.
  2. Click Manage Sites or select Manage Sites from the drop-down menu in the Files panel.
  3. Click New Site, then provide the site name as well as the file path to the local site folder on your local machine. The path can be found by clicking the folder icon next to the Local Site Folder box and navigating to the folder on your local machine.
  4. Once inside the folder of your site, click Select.
  5. Before clicking save, go to the servers option so that you can set up the remote server connection. Click the plus sign in the lower left hand corner and input the server name.
  6. Opt to connect using FTP.
    • The address will be your domain's name.
    • The username and password will be the same as you created for the FTP account associated with the domain.
    • The save button next to Password allows you to save the password for future connections.
    • It is also a good idea to provide the main directory for your website files so that the files can be moved over into the proper directory on the server from Dreamweaver.
  7. Click the Test button to test out the connection.
    • If you want to connect to your home directory on a shared server or your root directory on a VPS or Dedicated Server, then you can use these tips:
      • Try with path/directory: /
      • Try with path/directory: /public_html/
  8. Click Save to close out of the windows for the server related setup.
  9. Click Done to close out of the Manage Sites window.
    • If opting to click the Test button after providing the root directory, please be sure to check over your web URL listed as Dreamweaver often adds on to the URL to match the root directory. It is important to watch for this as it can cause broken links.

The Files panel will now display the content of the folder setup as local.

Connect to the Remote Server

To review the files on the remote server, click on the connect button. Once a connection has been established, choose the remote server option from the drop-down menu directly beside the connection button.

Dreamweaver is a popular Adobe program for creating websites and applications.  It supports HTML5, CSS3, PHP, FTP, jQuery and more; and it works with HostGator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the video learning portal, Adobe TV.  The video in this article is courtesy of Adobe TV.