Uploading Files With Dreamweaver

Contents

For www.gmu.edu or mason.gmu.edu

Prerequisites

IMPORTANT: Fix Server Upload Permissions

The default setting for newly uploaded files is that they are only readable by the user that uploaded them. This results in a “Forbidden” error when the files are viewed through a web browser.

Follow this tutorial to adjust this setting:

Setup a Site in Dreamweaver CS5

  1. Open up Dreamweaver, and go to Site > New Site…
  2. In the site setup window Site is selected
    1. Enter a “Site name” (this can be anything).
    2. Click the folder icon on the right of “Local root folder”, and select the folder on your hard drive that corresponds to your web site files.
  3. On the left hand side select Servers
    1. Click the plus on the bottom left of the server panel
    2. Server Name: Mason
      • Connect using: choose SFTP from the dropdown list
      • SFTP Address: mason.gmu.edu
      • Username: netid (use your netid here, this does not include @gmu.edu)
      • Password: enter your patriotpass password, if you are using a private computer you may check safe (this is NOT recommended for public computers)
      • Root Directory: /usr/local/htdocs/your_directory_path
        (Replace your_directory_path appropriately. For instance, if your site is located at www.gmu.edu/departments/english, your_directory_path would be departments/english)
        These root directory instructions do NOT apply to personal sites http://mason.gmu.edu/~userid – these connections automatically default to your home directory so you may leave the directory path blank. Be sure to upload your files into a public_html folder and not directly into your home directory or else they will not appear online
      • Click “Save”
  4. This will bring you back to the site setup for your site, hit save again.

You should now have a Files palette that shows your local web site files. If you ever open Dreamweaver and the Files palette isn’t there, it can be accessed by going to Window > Files.

Setup a Site in Dreamweaver CS4

  1. Open up Dreamweaver, and go to Site > Manage Sites…
  2. Click New and then Site.
  3. Click the Advanced tab at the top.
  4. Under Local Info:
    1. Enter a “Site name” (this can be anything).
    2. Click the folder icon on the right of “Local root folder”, and select the folder on your hard drive that corresponds to your web site files.
    3. Enter your web address under “HTTP address”.
  5. Under Remote Info:
    1. Select “FTP” from the “Access” menu.
    2. Enter the following information:
      • FTP host: mason.gmu.edu
      • For personal sites:
      • For sites on www.gmu.edu:
        • Host directory: /usr/local/htdocs/your_directory_path
          (Replace your_directory_path appropriately. For instance, if your site is located at www.gmu.edu/departments/english, your_directory_path would be departments/english)
          These host directory instructions do NOT apply to personal sites http://mason.gmu.edu/~userid – these connections automatically default to your home directory so you may leave the directory path blank. Be sure to upload your files into a public_html folder and not directly into your home directory or else they will not appear online
      • Login: Your username
        Password: Your mason.gmu.edu password
        “Use Secure FTP (SFTP)” should be checked.
  6. You can set some of the other options in this dialogue if you like, but the essentials are taken care of. Push OK and then Done.

You should now have a Files palette that shows your local web site files. If you ever open Dreamweaver and the Files palette isn’t there, it can be accessed by going to Window > Files.

Uploading Files

Dreamweaver Screen Capture

Dreamweaver Files Palette

  1. In the Files palette, click the “Expand Palette” icon highlighted in the screenshot to the right to expand the palette so the files on the server are displayed on the left, and your local files are on the right.
  2. Click the “Connect to Remote Server” icon highlighted in the screenshot to the right to connect. If its successful, you’ll see a file listing on the left.
  3. To upload files, simply select the files you want to upload on the right, and press the blue “up” button on the toolbar, or right-click your selection, and choose Put.

For gunston.gmu.edu (formerly gemini.gmu.edu)

Prerequisites

Setup a Site

  1. Open up Dreamweaver, and go to Site > Manage Sites…
  2. Click New and then Site.
  3. Click the Advanced tab at the top.
  4. Under Local Info:
    1. Enter a “Site name” (this can be anything).
    2. Click the folder icon on the right of “Local root folder”, and select the folder on your hard drive that corresponds to your web site files.
    3. Enter your web address under “HTTP address”.
  5. Under Remote Info:
    1. Select “FTP” from the “Access” menu.
    2. Enter the following information:
      • FTP host: gemini.gmu.edu or gunston.gmu.edu (this information should be provided with your site)
      • Host directory: /your_directory_path
        (Replace your_directory_path appropriately. For instance, if your site is located at gunston.gmu.edu/example, your_directory_path would be example)
      • Login: Your username
      • Password: Your gunston.gmu.edu password
      • “Use Secure FTP (SFTP)” should be checked.
  6. You can set some of the other options in this dialogue if you like, but the essentials are taken care of. Push OK and then Done.

OK, you should now have a Files palette that shows your local web site files. If you ever open Dreamweaver and the Files palette isn’t there, it can be accessed by going to Window > Files.

Uploading Files

Dreamweaver Screen Capture

Dreamweaver Files Palette

  1. In the Files palette, click the “Expand Palette” icon highlighted in the screenshot to the right to expand the palette so the files on the server are displayed on the left, and your local files are on the right.
  2. Click the “Connect to Remote Server” icon highlighted in the screenshot to the right to connect. If its successful, you’ll see a file listing on the left.
  3. To upload files, simply select the files you want to upload on the right, and press the blue “up” button on the toolbar, or right-click your selection, and choose Put.

Last Updated: July 10, 2014