Uploading Files in Dreamweaver

This is a question that comes up a couple of times a month for me (including this morning), so I thought it'd be useful to cover it again.

While you can publish a webpage using Dreamweaver's file pane (see illustration at left) it only shows you a limited view of your files, and you don't see a full picture of what is going on.

When you publish a webpage in Dreamweaver, it is best to first go into expanded view. You do that by clicking the icon at the very right of the file pane toolbar (it's circled in black in the illustration at left).

What this does is brings up your own local files on the right, and the published remote server files on the left (see the illustration below). At first, the remote server files area on the left will be blank. Connect to the server using the connect button (labeled 1), and the remote files will show.

Now, select the webpage file you want to publish on the right local pane. Click the Up arrow (labeled 2), and the file will be transferred from you own computer to the remote server. That's it!

If you want to download something from the remote server, reverse the process. Select the file(s) you want to download on the left pane, click the down arrow (labeled 3), and it will be downloaded into the root folder of your own local computer.