Designing Web Sites with CSS

Description

Using Cascading Style Sheets (CSS) to design the format and structure of your web pages can make your life as a web designer and web design maintainer much easier! CSS allows you to control the appearance of text, graphics and page layout for a single page or the entire site. If you decide later that you want to make a change to the design of the site you can change a few lines of CSS formatting and have the changes made without having to change the structure of the page. In this course you will learn to build web pages to best take advantage of using CSS to design the look of the site. You will learn to apply color, font and spacing attributes to pages for both web and print layout. Students will need a text editor or web site design tool. There are free tools available.

Objectives

• Students will attach style sheets to an XHTML document.
• Students will identify the various CSS structures. 
• Students will create page layouts using CSS.
• Students will write CSS to change the format of text in their web pages.
• Students will use CSS to format tables.
• Students will create CSS to format the way a web page will print.
• Students will create a final project using what they have learned in the course.

Book

Lesson 1: Getting Started

Read Chapters 1 and 2.

Lesson 2: CSS Structure

Read Chapter 3

Lesson 3: Page Layout with CSS

Read Chapters 4 and 5.

Lesson 4: Using CSS for Typography

Read Chapters 6 and 7.

Lesson 5: CSS for Tables

Read Chapter 8.

Lesson 6: CSS for Print

Read Chapter 9.

Lesson 7: Putting it All Together

Read Chapter 10.

All content of this document is copyrighted by IDEA Solutions and the author. All rights reserved. Content may not be used without permission.