Saint Louis University

Preparing and Uploading a Web Site Using Dreamweaver

The university has chosen Macromedia Dreamweaver as its web editor. At any time, feel free to consult with a lab assistant on its uses and functions. Also, there are often workshops sponsored by both the CAI Lab and the ITS Department available to instruct new users on how to build web sites using Dreamweaver. Here are some basic tips on how to organize a web page to make it easier to upload and edit once it is uploaded. For full-time faculty interested in linking their own page to the department site, please consult with a lab assistant, who will be happy to set up a folder within the department site for your use. In addition, reading through the directions presented here will provide some useful information in getting started that will make uploading your pages easier later. For graduate students, the university does supply space for student web pages at Let a lab assistant know you are interested in building one, and we can provide the necessary information and a link to your completed page from the EGO site.


  • Name the first page your site will link to either index.html or home.html (index.html should be used by all English faculty). Eventually, the server will locate that page and display it automatically when someone visits your site. (Provide links to get back to your home page on ALL your other pages.)
  • Keep all of your image files in one folder called Images. Include background images as well. This may require you to reinsert the images already in use because the source location has changed.
  • Consider creating folders for sections of your site. For instance, keep all the pages created from essays in one folder and all syllabi in one folder. Web sites can get big and messy very quickly and providing some type of structure early will make uploading and editing individual files easier. Keep in mind that putting a page in a folder that wasn't in a folder before will alter its location. Although Dreamweaver usually updates all changed links, you may need to redefine links for pages you move. You may want to enclose the whole site in one folder as well. It can make for easier uploading. (English Faculty should use last name)


  1. Insert the disk with your site on it and open Dreamweaver
  2. Go to "Site" pull down menu (third from the right)
  3. Go to "Define Sites" and select "New Sites…"
  4. Define "Local Info" (your offline settings)
    1. Name Site (will only appear on your local computer)
    2. Set Local folder using the folder icon to the immediate right of the dialogue box. If you don't have your site in a folder, then select the disk it is on
    3. Set the Address. Addresses are usually consistent throughout a provider and will include the provider's name ending with your user name. For instance,
  5. Define Remote Info (your online settings) 
    1. From the pull down menu next to "Server Access" select "FTP"
    2. Set your FTP host, which you can get from your provider. It is usually something like or
    3. Set your user name (full e-mail address) and password.
    4. English Faculty should consult the Lab for their "Host Directory" and what user name and password to use.
  6. Click "Ok" to return to the dialogue box that lists all the sites on the computer and click "Done" to create your Site Cache. Remember to always use the same computer in the lab or you will have to recreate your site every time you come in.
  7. Click on the button that looks like two plugs coming together or go to the Site Menu and select "connect." Dreamweaver will now connect to the remote host.
  8. The blue arrow that points up will upload your site to the server. You can upload the whole site or individual pages. Whatever you highlight will be up/down loaded, which makes editing individual pages much easier.


Higher purpose. Greater good.
© 1818 - 2015  SAINT LOUIS UNIVERSITY   |   Disclaimer   |  Mobile Site
St. Louis   |   Madrid