Download
chapter 8 n.
Skip this Video
Loading SlideShow in 5 Seconds..
Chapter 8 PowerPoint Presentation

Chapter 8

319 Views Download Presentation
Download Presentation

Chapter 8

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Chapter 8 Designing with Cascading Style Sheets

  2. 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

  3. 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

  4. Building a Technical Documentation Style Sheet • Elements Modified • <H2> element • <H3> element • <OL> element • <P> containing <A> elements • <P> element with CLASS=“note”

  5. Building a Promotional Layout • Elements to Modify • Insert Background Image • <H1> element • <H2> element • <P> elements

  6. Building a Web Site Main Page • Important Aspects of a Main Page • First Page Visitors See • Attractive • Easy to read • Quick to load

  7. 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

  8. 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)