Uploading Files With Dreamweaver

From Web Development

Jump to: navigation, search

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

  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)
      • 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.

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 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

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: gunston.gmu.edu
      • 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 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.
Personal tools