NHS Designs

Notebook Topics

Please write these topics as clear headings in your notes. Draw diagrams and give examples where appropriate:

  • flow and float
  • clearing up overlaps
  • liquid, frozen and Jello designs
  • absolute positioning
  • z-index
  • fixed positioning
  • relative positioning

Web Design
CSS

CSS 5 : Layout and positioning

Get Set Up

  1. Copy the CSS 5 folder from the Outbox.
  2. Paste it into your root folder.
  3. Rename it "lastname CSS 5 ", where lastname is your actual last name.

In the CSS 5 folder, you will find:

  1. The CSS 5 lesson in PDF format
  2. Four separate Web site folders:
    • absolute
    • lounge
    • starbuzz
    • three column

 

Exercises

  1. Read pages 487-542 of the Lesson.
  2. Complete all the exercises.
  3. Check your HTML files in the W3C Validator.
  4. Check your CSS files in W3C's CSS Validator.
  5. Your final "index.html" page in the "starbuzz" folder should look like the image below.
    final Starbuzz home page
  6. Your final "index.html" page in the "absolute" folder should look like the image below.
    final Starbuzz home page with absolute positioning

Turn in Your Files

  1. In My Documents, navigate down into your root folder.
  2. Right-click on your "lastname CSS 5" folder and select Copy.
  3. Navigate to the Inbox.
  4. Right-click on the "CSS 5" folder and select Paste.

ABOUT MRS. PEDERSEN · EMAIL MRS. PEDERSEN
resources · copyright information · Website designed by
Order a Custom, Watercolor Pet Portrait at PetsByDawn.com
>