NHS Designs

Notebook Topics

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

  • the parts of an XHTML table
  • table caption and summary
  • styling tables
  • border-collapse
  • styling different sections of a table
  • rowspan
  • nested tables
  • styling lists

Web Design
CSS

CSS 6 : Tables and lists

Get Set Up

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

In the CSS 6 folder, you will find:

  1. The CSS 6 lesson in PDF format
  2. A fresh copy of Tony's journal Web site (in the "journal" folder)

 

Exercises

  1. Read pages 549-581 of the Lesson.
  2. Complete all the exercises.
  3. Check your HTML file in the W3C Validator.
  4. Check your CSS file in W3C's CSS Validator.
  5. Your final "journal.html" page in the "journal" folder should look like the image below.
    final Tony's Journal

Turn in Your Files

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

ABOUT MRS. PEDERSEN ·
resources · copyright information · Natomas High School Design Department