Welcome
Agenda II
DocType
XHTML Terms
Review HTML Tags
Typography
Why CSS?
Styles Types
Font CSS
Inline CSS
Embed CSS
Linked CSS
CSS Attributes
Text CSS
Hex Colors
List CSS
Display Position
Border CSS
Div & Span
CSS Project
Table Project
Frame Project
Basic Tables
Column Span
Border Collaspe
Column Grouping
Table CSS
Frame Basics
3 Color Frames
16 Color Frames
Table Attributes
Frame Attributes
Nested Frames
Inline Frames

Back 

Be Creative!

Table Project

Design a table a trip itinerary with Locations Dates/Time, Tourist Information, Contacts, or other information:

Use Table Headers with Rowspan and Colspan
Table dimensions at least 4 columns by 4 rows
Body background or Row color
Left column spans to include a menu option - Anchors
List (Ordered or Unordered) in a Cell
Anchors/Links - change colors or hover
Add Images and/or Animated gifs
Use Classes, Div and Span to denote specific css rules
Format table data using style sheet rules
Include a nested table
Free Animated Gifs   www.animfactory.com/
Save your page(s) as a text tableproject.html

*Note: You can select a topic of your interest for the project using the same criteria.

Sample Challenges

  Column Grouping   Quilt Challenge   Travel Itenerary  
Web Design with XHTML Part II
Prince George's Community College
Doris Cuffey, Instructor