Chapter 8

Designing with Cascading Style Sheets

Chapter 8 Topics

Building three different types of complete Web pages using CSS: Build a style sheet for online software

documentation Design a promotional Web page using

tables and classes Design a home page for a Web site

using a variety of CSS properties

Designing with Cascading Style Sheets

Building a Technical Documentation Style Sheet The documentation pages must

already be marked up with standard HTML elements

The new style rules must apply to the existing documentation with a minimum of changes

No new elements can be added

Building a Technical Documentation Style

Sheet Elements Modified

<H2> element <H3> element <OL> element <P> containing <A> elements <P> element with CLASS=“note”

Building a Promotional Layout

Elements to Modify Insert Background Image <H1> element <H2> element <P> elements

Building a Web Site Main Page

Important Aspects of a Main Page First Page Visitors See Attractive Easy to read Quick to load

Building a Web Site Main Page

CSS Properties Included “Welcome” Division “Leftimage” Division “Main” Division and Its Child Divisions Background Images “Logo” Division “Features” Division “Navigation” Division

Chapter 8 Summary

CSS properties can be used to build a style sheet for online software documentation that can be viewed with any browser and which allows easy update capabilities

CSS properties can be used to build any type of Web page that contain rich stylistic components without resorting to graphics that increase download time

When the CSS properties become widely supported, Web pages will require less code (due to not using table structures for page layout)