Employ background graphics
  1. Open Dreamweaver and create a new site called Advanced Layout.
  2. Create a new home page and save it in Advanced Layout.
  3. Open the home page, index.html.
  4. Insert a Div Tag.

    Click the button and establish a New CSS Rule with the Name topleft.

    Define in: (New Style Sheet File)

    Save the new style sheet file with the File name: layout.
  5. Give topleft these attributes:

    Background color: #000099
    Width: 100 pixels
    Height: 100 pixels
    Float: left
  6. Insert another Div Tag beside the topleft area.

    Give it the Name topright.

    Define in: layout.css.

Want ad-free tutorials like these for classroom use? Get them at Visilearn.com.