CSS Prerequisites
HTML I and II, or equivalent.
Required Book
Cascading Style Sheets: The Definitive Guide
by Eric A. Meyer
O'Reilly and Associates, Publishers
Buy this book now at my bookstore.
 |  |  |
Course Description
CSS is an essential part of the HTML4 specification, as well as XHTML and beyond. CSS controls the appearance of HTML pages in every respect. We'll study CSS programming syntax and structure, including an overview of common CSS properties. We'll cover CLASS and ID, the parent-child hierarchy, and many other related topics. We'll look at different types of style sheets, and how the "cascade", or conflict resolution, is achieved when two or more style sheets collide. We'll learn to position elements absolutely on a page using CSS-P.
Class Requirements
CSS is graded on a CR/NC (credit/no-credit) basis. For a passing grade, students are required to:
- Attend 4 out of 5 classes
- Deliver a 1 to 6+ page, original website as a final project
Note: Final Projects should be new, original products; please do not recycle old websites. They MUST be coded, by hand, from scratch, as in HTML II.
Note: Prototype sites with filler content are acceptable as final projects. One page websites had better be REALLY FABULOUS! 4-6 (or more) page sites are preferred.
Note: Michael is highly entertained by humorous sites, and encourages your most amusing efforts! Personal, serious, corporate, or business websites are also acceptable.
CSS Student Disk
Please access student disk materials from studentDisk Page.
Standard Graphics Folder
- Download Mac Version (.sit -- 245K)
- Download PC Version (.zip -- 248K)
Note: All .sit and .zip archives were created using Stuff-It Deluxe 5.5. Version 5 .sit archives require the latest version of Stuff-It Expander, the standard Macintosh decompression utility, available for both Mac and PC. You can pick it up free at http://www.aladdinsys.com/expander/index.html.
Example Pages
View Hide/Show DHTML Example using mmmObjectLib.js, CSS Class, April 16, 2001.
View Sample of Good CSS Coding Style, CSS Class, April 16, 2001.
View DHTML Image Switch and Hide/Show Layer Example, CSS Class, March 5, 2001.
Download DHTML Image Switch and Hide/Show Layer Example (.zip file), CSS Class, March 5, 2001.
View CSS Page Switching Example, CSS Class, March 5, 2001.
Download CSS Page Switching Example (.zip file), CSS Class, March 5, 2001.
View Netscape 4.x CSS Bug Fix Page, CSS Class, March 3, 2001.
View Positioning Exercise One, CSS Class, March 3, 2001.
View GIF for Positioning Exercise One, CSS Class, March 3, 2001.
View Positioning Exercise Graphic, CSS Class, August 3, 2000.
View Potential Solution to Positioning Exercise, CSS Class, August 3, 2000.
Ugly Example 1 and Example 2 from CSS Class, 08/03/2000.
Download complete .sit file (19K)