How To Define a Site Using Dreamweaver

Purpose

The purpose of this tutorial is to help the webmaster define a site, in preparation for maintaining a school or office web site using Dreamweaver. It also demonstrates how to use set up Dreaweaver as your FTP client.

IMPORTANT:

Defining the site is the first step of using Dreamweaver. It should be done prior to working on the first page. It needs to be done one time on each machine you use to maintain your web site.

Who is this tutorial intended for?

Users of this tutorial are webmasters with Dreamweaver installed on their workstation for maintaining their school or office web sites.

Defining a site using Dreamweaver : Step-by-step

A: Create local "root" folder

Begin by creating a local “root” folder for your web site files. This “root” folder will contain all the text, graphics, style sheets and other resources needed for your site.

  1. Root folders should be named something like myschooles (no spacing, punctuation, or capitalization in any file or folder names.)

  2. Where should you create this folder to keep your local files? In the MCPS school environment, you will only be able to make folders and save files in your assigned home directory, which could be on a shared drive or on your local computer's hard drive. In a less restricted environment, you will likely save files and folders into the My Documents folder.

  3. We recommend that your graphics be stored separately from the web pages in folder named images or gr within the “root” folder. Create one as needed. This folder will help you keep your files organized.

  4. We also recommend that your documents (PDFs, Powerpoints, Word documents) be stored separately from the web pages in folder named docs within the “root” folder. Create one as needed

    .

B: Define your site

We are now ready to define our site using Dreamweaver.

  1. Start the Dreamweaver application.

  2. Make sure the Files panel is open or open it from the Window menu.

    Files panel

  3. From the Site menu select Manage sites. This will open a dialog box as seen below.

    Manage Sites dialog box

  4. Choose New to create a New Site. This will open a set of dialog boxes for Site Definition. Make sure you are using the Basic tab as shown below.

    Site Definition Show Tabs

  5. The first frame asks you to give your site a name. Enter a name that is meaningful to you. Click the Next button.

    Name site window

  6. Choose: NO when asked, “Do you want to work with a server technology?” This is the first option listed below. Click the Next button.

    Use server technology window

    1. Choose: Edit local copies, then upload… Again, this is the first option in the upper part of the frame.

      Locate local files window

    2. In the middle of the same frame (above) click on the file icon. This will allow you to browse in your local files and select your newly created "root" folder. Now we see the path to your "root" folder in the form field for “Where on your computer do you want to store your files?” If correct, click the Next button.

    1. How do you connect to the remote server? Select: FTP.

      How do you connect to the server window

    2. What is the hostname or FTP address of your Web Server?
      Enter: www.montgomeryschoolsmd.org

    3. What folder on the server to you want to store your files in?
      Enter one of the following:

      • /schools/schoolname/
      • /departments/departmentname/
      • /curriculum/areaname/
    4. What is your FTP login in?
      Enter: internet/webmasterid

    5. What is your FTP password?
      Enter: your webmaster password

    6. To test if you entered everything correctly, click on the "Test Connection" button. If everything is correct you should see the following dialogue box:

    7. Click Ok on the dialogue box, then click the Next button.
  7. In Dreamweaver CS3 and above, you will be asked if you want to enable check in and check out. Select: No. Click the Next button.

  8. Dreamweaver will give you a summary of your responses. Click Done.

    Summary of options selected window

  9. You will be able to return to Manage Sites and change any of your settings using the Edit function when needed.

  10. You are now ready to use Dreamweaver to FTP pages and files to and from the MCPS server. Find out how

Updated August 18, 2009 | Maintained by Web Services