230 likes | 593 Views
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
E N D
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)