Montgomery County Public Schools

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.

Who is this tutorial intended for?

Users of this tutorial are webmasters with Dreamweaver (CS3 or CS4) 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.
   
   
    
3. From the Site menu select Manage sites. This will open a dialog box as seen below.
   
   
    
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.
   
   
    
5. The first frame asks you to give your site a name. Enter a name that is meaningful to you. Click the Next button.
   
   
    
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.
   
   
    
7. 1. Choose: Edit local copies, then upload… Again, this is the first option in the upper part of the frame.
      
      
       
   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.
    
8. 1. How do you connect to the remote server? Select: FTP.
      
      
       
   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. 
    
9. 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.
   
   
    
10. Dreamweaver will give you a summary of your responses. Click Done.
    
    
     
11. You will be able to return to Manage Sites and change any of your settings using the Edit function when needed.
12. You are now ready to use Dreamweaver to FTP pages and files to and from the MCPS server. Find out how 

How To FTP with Dreamweaver

Purpose

The purpose of this tutorial is to help the webmaster use Dreamweaver to FTP pages and files to and from the MCPS web server.

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.

FTP with Dreamweaver

A: Define site with Dreamweaver as FTP client

This must be done first. Get step-by-step instructions 

B: Expand Dreamweaver window to see both local and remote pages and files

Once your site is set up, click on the expand icon to see both your local pages and files as well as the pages and files on the MCPS server.

C: Connect to server

Click the connect icon in order to connect to the MCPS server

D: Get files (download) from MCPS server; Put files (upload) on MCPS server

Use the green GET arrow to download pages and files from the server.

Use the blue PUT arrow to upload pages and files from the server.

IMPORTANT:

If you GET from the server, you will write over what you have locally. If you PUT to the server, you will write over what is on the MCPS server — your live site.