Readings for Week #3 RIT409

CSS position Absolute http://jimhabermas.com/rit741/06outline.htm

CSS postion Relative http://jimhabermas.com/rit741/08outline.htm

Tutorial: CSS positioning http://www.elated.com/articles/css-positioning/

http://www.autisticcuckoo.net/archive.php?id=2004/12/07/relatively-absolute
Relatively Absolute @ The Autistic Cuckoo - a very clear explanation of the difference between relative and absolute positioning, as well as the default (static) positioning and use of float properties.


Link, check yours and other classmates http://people.rit.edu/~jrhicsa/409/spring2008.php

Today's Topic: CSS Positioning and JavaScript function calls.

The table-based approach to layout that you learned in 320/741 (or on your own) was cutting edge back when David Siegel pioneered it back in 1997. But browsers have come a long way since then, and markup has evolved to match that.

Using tables for layout has two major problems. The first is that it ties together content and presentation, which are two components that are best left separate. The second is that it results in bloated, slow-loading code.

We'll discuss the importance of separating content and presentation. You will be required to create an in class exercise with pictures (thumbnails) that open up to a new page. Use CSS to control the placement of your pictures.

For Week #3 please Chapter 6 Forms - Webmaster in a Nutshell

Readings on Visual Design

* Boxes & Arrows: Visible Narratives: Understanding Visual Organization
* Web Page Design for Designers: Taming the Electronic Page

Useful color tools:

* Man In Blue: Technicolor Tool
* Hex Color Chart: Visibone
* Color picker

CSS Quick time movies
* http://jimhabermas.com/rit741/movies/
class_selectors.mov
id_selectors.mov
colors.mov