html5-img
1 / 22

Chapter 8

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

adila
Download Presentation

Chapter 8

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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)

More Related