• Introduction to HTML/XHTML and graphics for the web
• Introduction to CSS
• CSS-based layout
  • CSS Layout Exercises
  • Browser hacks
  • Rules of Thumb and Common Pitfalls
• Template production and modification
• Resources
• Questions Answered
• Student pages

CSS-based layout

During this course the student will learn the basic principles of table-less layout using style sheets.  A variety of cross-browser and cross-platform issues will be reviewed, and the student will create a CSS-coded page from a real-life composite from start to finish. At the end of this course the student will have a deeper understanding of the possibilities and limitations of CSS-based layout, and will able to both create and modify templates for help file distributions.

• Introduction to the box model
• Principles of CSS-based layout
• Elementary browser hacks
• Conditional style sheets
• Cross-browser and cross-platform testing
• Advanced hacks and conditional style sheet statements
• Creating a grid for creating CSS-based markup
• Designing for optimal CSS-based pages
• Creating style sheets for print and handheld devices
• Behaviors and animation techniques

All photographs taken on location by A. E. Shroeder

TIP