Hour 18: Web Design with CSS
The Web developer's role is more than just that of a programmer or codeauthor. In addition to understanding properties, values, selectors, and the cascade order, a CSS developer needs to be conversant in the art of design and the craft of usability.
In this hour, you'll learn
- Why it's important to design for your audience and to test carefully
- How to incorporate style sheets into your Web design practices
- Which questions you need to ask yourself before starting on a style sheet
- How to organize your style sheets to make them easier to use and edit
- What the benefits of validating your style sheet are
Sample Code
You can download the sample code from each hour as one package or individual files.
- Download all [3K tar.gz file]
- Listing 18.1 [CSS]
- Listing 18.2 [CSS]
- Page layout diagram for Kynn.com [HTML]
- Kynn's "Causes" page [HTML]
- Alternate style sheet for Kynn.com [CSS]
- Kynn's "Causes" page with alternate style sheet [HTML]
Web Links
These are the links presented in this hour, given here for easy reference.
- Jakob Nielsen's Useit.com
- Analog site log analyzer
- HWG-Critique and HWG-Test mailing lists
- Model A Ford Club of America
- City of Fullerton
- W3C's HTML Validator
- W3C's CSS Validator
- WDG's CSS Validator
Updates and Errata
After completing this chapter -- and inspired by writing this book -- I redid the design of Kynn.com to use CSS-P for layout instead of tables. You can view the updated site at http://kynn.com.
