17 June 2013
Read and complete the following tutorials before beginning this one:
Welcome to the sixth and final part of this article series on creating your first website. This tutorial shows you how to set up a remote site in Dreamweaver. A remote site is usually a web server on a remote computer that holds copies of your local files. Users access the remote site when they view your pages in a browser.
This tutorial presents a very broad example of connecting to a remote server. It contains troubleshooting hints, but much depends on how your remote server is configured. When in doubt, consult your hosting company's help desk or your system administrator.
After you create a website, the next step is to publish it by uploading the files to a remote server. This is where you store your files for testing, production, collaboration, and publication (depending on your environment).
Before you can proceed, you must have access to a remote web server—such as a hosting company's server, a server owned by the client you're working for, or an intranet server within your company. Also, some Internet Service Providers (ISPs) provide access to free web space as part of your contract for internet connection. If you don't have access to such a server, contact your ISP, your client, your system administrator, or one of the many hosting companies that provide web hosting packages. Some hosting packages are free, but usually insert advertisements into your site. An advertisement-free package can cost as little as a few dollars a month.
You also need to have a local site defined before you proceed. For more information, see Part 1 of this tutorial series, Setting up your site and project files.
Note: For more information about Dreamweaver sites, see Set up a local version of your site in Dreamweaver Help.
Dreamweaver site management is based on the principle that your local files are an exact duplicate of your live site on the internet. So, index.html in your bayside_beat folder becomes the front page of your remote site. If you already have a live website that you don't want to overwrite, use your site's control panel to create a folder called bayside_beat where you can upload the Bayside Beat files.
If you did not define the Bayside Beat site, create a local folder for the site before you proceed. For more information, see Part 1 of this tutorial series, Setting up your site and project files.
Dreamweaver CC allows you to set up multiple server definitions for both remote and testing servers. However, only one of each type can be active at any given time.
The most common methods for connecting to a server on the Internet are FTP, SFTP, and FTP over SSL/TLS (also known as FTPS). Because the initials of each method are so similar, it's easy to confuse them. If you aren't sure which to select, ask your hosting company or the server system administrator. Your choice will be limited by whatever your remote server supports.
If the connection is unsuccessful, verify that you have the correct username and password. Passwords are usually case-sensitive, so make sure that Caps Lock is not turned on. If you selected SFTP, try FTP instead. If that doesn't solve the problem, consult the troubleshooting section further down this page.
Note: For details of how to set up FTP over SSL/TLS (FTPS), see the FTPS instructions in Connect to a remote server in Dreamweaver Help.
As I said earlier, Dreamweaver site management is based on the principle that your local files are an exact duplicate of your live site on the Internet. The value of Root Directory should be the path you need to enter after logging into your server to get to the folder where you want to install index.html.
Your settings should look similar to Figure 4.
Dreamweaver selects the Remote checkbox automatically.
The icons at the bottom of the Servers panel allow you to add another server, or to delete, edit, or make a copy of the selected server definition. Making a copy is useful if you need to change only a few details to connect to a different server.
You can now upload your files from your local folder to the remote web server to make your pages publicly accessible.
Note: In the Files panel, the local root folder actually begins with "Site – Bayside Beat" because that's the name of the site. If you hover the cursor over that title, Dreamweaver shows you the full path to the bayside_beat folder.
Dreamweaver connects to the remote server you defined in the previous section, and copies all of the files to the remote folder.
Note: Normally, you select the local root folder and upload the entire site only the first time you upload. Afterwards, you can upload only the files you've changed.
A web server can be configured in many ways. The following list provides information about some common issues you may encounter in setting up a remote server and how to resolve them:
/), you might need to specify a relative path from the directory you are connecting to and the remote root folder. For example, if the remote root folder is a higher-level directory, you may need to use
../../to specify the host directory.
:), slashes (
/), periods (
.), and apostrophes (
') are not permitted in file or folder names.
Note: In general, when you encounter a problem with an FTP transfer, examine the FTP log by selecting Site > Advanced > FTP Log. For more information, see the extensive tech note on FTP troubleshooting on the Adobe website.
You’ve created your first website and published it! Now you’re likely eager to create your second website—one with your own content and style—using Dreamweaver. As you do, you may want to keep this list of additional resources at hand:
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.
Tutorials and samples