When working with Macromedia Dreamweaver for the first time, or on a new site for the first time, you need to define the site to Dreamweaver. This process includes naming the site, creating a folder on your local drive where the site files will sit, and specifying the directory on the web server where the site files will be published.

Dreamweaver has a site definition wizard that will walk you through the steps of creating a new Web site. Follow these easy instructions to define a new site in Dreamweaver.

NOTE: These instructions pertain to Dreamweaver MX 2004; other versions may act slightly different.

1. Start Dreamweaver


2. From the menu, choose Site/Manage Sites. In the popup window click New/Site.


3. Make sure that the Basic tab is displayed. .


4. In the text box, enter a name for your site. The name can be anything that helps you identify the site. For example, a name could be "My personal site" or "Ideacenter site". Click Next.


5. Leave the option "No, I do not want to use a server technology." checked, and click Next.


6. Leave the option "Edit local copies on my machine, then upload to server when ready" checked. This allows you to keep a backup copy on your local hard drive.
   
   Specify the folder on your local drive where you want to store the site files. You may click on the folder icon to locate a folder currently on your hard drive, or type in a new folder name. Click Next.


7. Change the "How do you connect to your remote server?" drop-down to "FTP". Fill in the hostname (ex: for copland, the hostname is copland.udel.edu), folder (ex: on copland, use /www/htdocs/yourdirectory), and login name (ex: your UDel ID). For security leave the "save" checkbox unchecked next to the password. Choose the "Test Connection" option to make sure that Dreamweaver can connect. If the connection works, click Next.


8. Leave the option "No, do not enable check in and check out" checked and click Next.


9. You have successfully set up a site in Dreamweaver. In the files tab of the resource pane, you will see a folder named the name of your site. On the right hand drop down, choose Remote View. This will display your directories on the server.
10. In the Files palette, you can navigate between Local files and Remote files using the View pull down menu . To edit files simply double click on the file name.

    Listed under Remote View are the files in your directory on the server.

    Listed under Local View are files on your computer's hard drive.

    If you do not see any files listed under Remote View, click the Connects to Remote Host icon to establish a connection between your computer and your directory on the server.

Downloading and Editing Files

• Under the Remote View column, highlight the file you wish to edit. If you wish to download your entire directory, choose the folder where your files reside instead of an individual file.
• Click the Get arrow.

The entire contents of your directory will be downloaded to your computer. To edit downloaded .htm or .html files,

• Click on the Local View column
• Double click the file you want to edit.

Uploading Files

Dreamweaver allows you to upload an individual file or the entire site. For example,

1. If you want to upload a single lecture week by week, upload the individual file.
2. If you have made changes to almost every .html or .htm page in your site, upload the entire site.

To upload an individual file, from the Local View column:

• Select the file you want to upload
• Click the Put icon
• From the Dependant Files window, choose to "Include Dependant Files"
• The individual page and any files used in the page (e.g. images) will be uploaded to your directory on the server.

To upload the entire site, from the Local View column:

• Select the Site Folder e.g. Site - A123 Site (C:\My-Documents\A123)
• Click the Put icon.
• From the Dependant Files window, choose to "Include Dependant Files".
• The entire content of your Site Folder will now be uploaded to your server directory.