Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.

Similar presentations


Presentation on theme: "Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet."— 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

5 Building a Technical Documentation Style Sheet Elements Modified element containing elements element with CLASS=“note”

6

7 Building a Promotional Layout Elements to Modify Insert Background Image element elements

8

9

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

11 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

12

13

14

15

16

17

18

19

20

21

22 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)


Download ppt "Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet."

Similar presentations


Ads by Google