week 4
The focus of week 4 is to move deeper into understanding the variety of layouts that are possible with CSS. The focus is on background images with use of rounded corners, drop shadows, image replacement and other concepts that make CSS a powerful image tool.
Handouts/downloads
Sites About Design
Level One Learning Objects
- Standards Checklist A checklist of features for a Web Standards based website.
- Sample CSS Layouts A wide variety of simple CSS layouts to learn from.
- Selector Tutorials Working further with selectors via tutorial approach.
- Liquid Layouts Bowman on creating liquid layouts.
- Validating XHTML/CSS Discusses reasons for validating your XHTML/CSS.
Level Two Learning Objects
- Clickable Link Backgrounds Decorative left-aligned icons with your links.
- CSS and Backgrounds Basic CSS options for background and background images.
- Rounded Corners in CSS Using four small images for rounded corners.
- Transparent Custom Corners and Borders Resizable box with rounded corners and custom borders.
- Creating Custom Corners & Borders Custom corners for fully fluid and flexible layouts.
Level Three Learning Objects
- Nifty Corners I Nifty Corners without images: original version.
- Nifty Corners Cube Simpler, more flexible version of rounded corners.
- In Defense of Fahrner Image Replacement Dave Shea confronts image replacement issues.