Upload Website with Dreamweaver CC
In this article we will help you upload your site through Dreamweaver's interface.
To achieve this goal several necessary steps are yet to be made:
- Define a site in Dreamweaver.
- Enter the FTP access data.
- Upload site directory through Dreamweaver's interface.
Define a site in Dreamweaver
The program allows you to define a new site or edit the settings of an already defined one:
In both cases, you will reach the next configuration window with the only difference if you have already defined a site, the name and directory fields will contain the correct information. If the site was not yet defined, you should now fill in these two fields.
In the next Servers window, we need to enter the web server access credentials:
All labels are self-explanatory so we will only briefly define the type of information just to be absolutely sure that there will be no mistake filling the fields.
- Server Name ‐ enter a descriptive name for this server connection.
- Connect using ‐ select FTP.
- FTP Address ‐ enter either your domain name or server’s IP address.
- Username ‐ enter FTP account username.
- Password ‐ enter FTP account password.
- Root Directory ‐ leave it blank.
- Web URL ‐ enter your website's URL.
The Root Directory field must remain blank just to avoid any possible conflict with FTP user access.
The Advanced tab has additional Dreamweaver-specific options that are, however, beyond the scope of this article. The same applies to the contents of the Version Control and Advanced configuration windows.
We can make sure that the entered information is correct by clicking on the Test button - pop-up window will tell us whether the connection to the server was successful or not:
Click Save button to finish the configuration process.
Upload local files to remote server
We need to start the transfer process itself. This is done in the Files window where transfer management icons are found (LTR direction):
- Get (Download files from remote server)
- Put (Upload files to remote server)
By clicking on the last right hand side icon, Dreamweaver becomes a classic FTP client with a screen divided in two halves - in the left half you can find the server files, in the right - the local files.
Second click on the same icon will toggle back the default view.
At the end of this tutorial, we want to remind you that Dreamweaver offers advanced options that can speed up significantly the development process.
More information and tutorials regarding Dreamweaver you can find at the official Adobe Dreamweaver support portal: helpx.adobe.com/support/dreamweaver.html