Dreamweaver Pointers

Tips on Organization Before Building a Web Page

How to Organize Your Web Page
We’ll begin by creating a root directory.  Your root directory is a folder that will eventually contain every file needed for your web site.

  1. Creating a root directory

…and for Mac, select “New Folder”.


  1. Creating a home page


Dreamweaver Tips

  1. Creating links
    1. Don’t change the names of the files in your root directory or move them to different folders, as your links are dependent on file name and file location. 


  1. How to Construct Your Web Page
    1. The Basic Web site
    1. To insert images, click “Insert>Insert Image” on the menu bar along the top of the Dreamweaver window.
    1. When modifying an element on your web page (such as a block of text, a flash file, a table, an image, etc…), click on the element and its properties will be displayed in the properties window along the bottom of the Dreamweaver window. If the properties window isn’t displayed, click on “Window>Properties" on the menu bar along the top of the Dreamweaver window.
  1. Helpful Things to Know
    1. Use tables to organize elements on your web site
    1. The "Objects” window has many useful shortcuts, including "insert an image" or "flash text".
    1. To change the colors of your links, text, background and title of your web site, click on “Modify>Page Properties”.
    2. Make sure you title your web site; this is the default name when your site is added to bookmarks or favorites.
    3. Sometimes it’s difficult to know exactly what you have selected in the Dreamweaver window; the best way to find out is to look at the properties window, which will display the name and properties of your current selection.


  1. Making the Web Page Public: Putting up the final web site on the server
    1. Before you upload your files on the server, create a new folder outside your root directory. In this folder, move your independent files from your root folder to this new folder. (Example: any word documents you used as sources that are not a part of your web site or any images you didn’t use should be moved out of your root folder)
    2. Click on “SITE>MANAGE SITES” on the menu bar. Select “EDIT”.
    3. Click on the “REMOTE INFORMATION” category and select "ftp access" Enter your server info (provided to you by your department).
    4. Once you’ve defined your site, click DONE
    5. A window will open with your local information on your right. Click “REFRESH”

    1. Highlight all of your files and select “PUT”.
  1. Maintaining and Managing a Public Web Site
    1. Updating your web site
Prepared by the ET Partners Program, IET Mediaworks and UC Davis