How to Set Up Your Website in Dreamweaver
By Nora McDougall-Collins
Introduction to Site Management in Dreamweaver
Each web site you work on is a set of files on your computer. Hopefully, each web site is in its own dedicated folder. For Adobe Dreamweaver to keep track of your links and upload to the correct place on the server, you must provide the application with details about each site and the target server. This process is called Edit a Site or Manage Sites, depending on your version of Dreamweaver. You can manage your sites directly within the Files panel group.
To manage your sites, click the dropdown menu and choose Manage Sites or Edit Sites. This action brings up the Manage Sites dialog box. The first time you work with a new site, choose New. For each site you work on, you will see a listing in this box. Later, if you need to modify configurations, select the site and click Edit.
Configuring Local and Remote Info
Clicking "Edit" brings up a larger dialog box offering numerous configuration choices for your site. For small web sites, there are two primary configurations to set up:
- Local Info: Dreamweaver's connection to your local web files.
- Remote Info: Dreamweaver's connection to your remote server space.
Choose the desired configuration in the Category box. If your window does not resemble this structure, you might be in the Basic tab instead of the Advanced tab. This tutorial focuses on using the Advanced tab.
Step-by-Step Guide to Website Setup
- Configure Local Info: Let's start with Local Info. The dialog usually opens here unless the Basic tab is active. Ensure you are in the Advanced tab.
- Name Your Site: Provide a descriptive name for your site. A best practice is to use the name of the local folder containing your web files. If you have not created a folder for your web files yet, do so now.
- Select Local Folder: Click the small folder icon and select the directory you established to hold your web files. This step tells Dreamweaver the exact path on your computer and the folder's name.
- Navigate to Remote Info: Next, we will instruct Dreamweaver on how to connect to your remote server. Click Remote Info within the Categories menu.
- Select FTP Access: The required configuration boxes will not appear until you select FTP under the Access dropdown. If you are developing a site for an organization with internal web servers, your network administrator might provide alternative Remote Info instructions. Otherwise, stick with FTP.
- Enter FTP Host: The computer or network hosting your website has a specific address. Some systems use your domain name (e.g., ftp.lasmallnetworks.com). You must obtain this address from your web hosting service provider.
- Enter Login ID: Your web host has provided a specific login username (user ID) for FTP access. Enter it here.
- Enter Password: Input the FTP password provided by your host.
- Test Connection: After entering all required credentials, click the Test button to verify that Dreamweaver can successfully establish a connection to the server.
- Troubleshoot Connection: If the connection fails, your host might require a secure FTP connection (SFTP or FTP over SSL/TLS). Verify this requirement with your provider.
If you continue to experience connection issues after following these steps, contact your web host's technical support for further assistance.
Frequently Asked Questions (FAQ)
Why does Dreamweaver need to know my local folder?
Dreamweaver requires your local folder path to accurately track internal links and file dependencies. When you move or rename files within the Files panel, Dreamweaver automatically updates all associated links across your website, preventing broken URLs when you upload files to your live server.
What is the difference between Local Info and Remote Info?
Local Info refers to the files stored directly on your computer's hard drive where you perform your development and design work. Remote Info contains the connection settings (like FTP credentials) required to transfer those local files to the live web server so they are visible to the public.
What should I do if the FTP test connection fails?
First, double-check your FTP host address, username, and password for typos. If the credentials are correct, ensure that your firewall is not blocking Dreamweaver's FTP access. Finally, check with your hosting provider to see if they require a Secure FTP (SFTP) connection or passive FTP mode, and adjust your settings accordingly.