Define a site
in Dreamweaver

The point of this exercise

Setting up our UD web space was half of the picture for managing a web site. Setting up a site in Adobe Dreamweaver is the other half required to publish and share the web pages you will develop during this course.

The Dreamweaver site definition has two main components: info about where you store your files locally (on a removable memory stick or external hard drive) and info about where your store your files remotely (for this course, it is copland.udel.edu).

From now on, you'll need to know whether you are viewing a local, unpublished copy of a file or a remote, published copy of a file.

Define a site in Dreamweaver

1. Within Dreamweaver, From the top menu bar, select the Site menu, then New Site...
   A Site Definition window opens. Make sure the Basic tab is selected.
   
   
2. In the Editing Files window:
   “What would you like to name your site?”
   
   Type a name for your site. It's up to you, but "art307" is a reasonable choice.
   
   For “What is the HTTP address of your site?”, leave this box blank for now.
   
   Click Next.
   
   
3. In the Editing Files, Part 2, Do you want to work with a server technology…?
   
   Verify that No is selected.
   
   Click Next.
   
   
4. In the Editing Files, Part 3: “How do you want to work with your files during development?
   
   Verify that “Edit local copies on my machine, then upload to server…” is selected.
   
   “Where on your computer do you want to store your files?”
   
   Click the browse icon and navigate to your local folder for your web site. Your local web folder should be on a removable device, such as a USB memory stick or an external hard drive.
   
   Click the Select button. Click Next.
   
   
5. In the Sharing Files window:
   
   “How do you want to connect . . . ?”
   
   From the pull-down list, select FTP.
   
   After FTP is chosen from the list, new input boxes will appear.
   
   “What is the hostname or FTP . . . ?”
   
   Type:  copland.udel.edu    Press  [TAB]  
   
   “What folder on the server do . . . ?”
   
   Type:  public_html/art307      Press  [TAB]  
   
   “What is your FTP login?”
   
   Type:  your UdelNetID  Press  [TAB]
   
   “What is your FTP password?”
   
   Do not enter your password at this time!
   
   Put a Check in the box “Use Secure FTP”.
   
   Click Next.
   
   
6. In the Sharing Files, Part 2 window,
   
   Select “No, do not enable check in and check out”.
   
   Click Next.
   
   
7. In the Summary window, review your settings.
   
   Click Done to close the Define Site window.
   
   
8. In the Site panel, verify that Local view is visible.

Your local site has now been defined in Dreamweaver. You can check your settings by clicking on the Advanced tab and comparing the Remote Info category settings with those shown on the picture on this page—of course, using your username and not mine!

When you are finished with this exercise, export your site definition in order to backup your settings.

To keep from overloading with your limited copland web quota with large Photoshop files, try this step:

• Under Categories > select Cloaking.
• Check the box to "Enable cloaking."
• Check the box for "Cloak files ending with" and enter in ".psd" to filter Photoshop documents from being uploaded.

If you are using Dreamweaver CS5 (version 11), the process is basically the same as above, but you can check this tutorial for update site definition screen views: Creating a Site in Dreamweaver CS5.