CSS-Zengarden DIV architecthure

open this pdf in a new browser window.



Here is a graphic representation of the major div tags in the default css-zengarden page. This may help you determine the proper parent-child relationships among tags when writing the stylesheet. Either click the link to open, or right-mouseclick and go to "save target as..." to save the acrobat file to your computer for printing.

Suckerfish navigation

One of the coolest ways to do dropdown menus in XHTML/CSS is the "suckerfish" navigation, detailed in an article at A List Apart.
If you want to skip the article, here is the html we built in class:
suckerfish_spr08.htm
(to download the file, click the link. It will open in an new browser window. go to view=>source to see the HTML in notepad, then save it to your computer.

Notes from lecture 1

Here are the notes from the first two classes.
lecture1_spr08 is an overview of key HTML concepts.
forms_spr08 is the first lecture on forms.
Both are HTML documents, so when you click the link, they will open in a new browser window. Just go "view" -> "view source" to see the page in notepad, then save the copy to your computer.

Welcome Spring 08 students

Here's the course syllabus in pdf format.
To download, right-mouse click the link, go to "save target as" and pick a place on your computer.
syllabus_spr08.pdf

Cool Flash tutorial sites

Check 'em out:
http://www.actionscript.org/
http://www.flashkit.com/
http://www.flashadvisor.com

Lecture notes/code

Here is a link to a .zip archive containing all the code from our lectures to this point. Included are CSS, suckerfish navigation, tri-state buttons, etc. To download, right-click the link below, and scroll to "save target as...", then save to your computer.
http://www.markcraddock.com/blog/webdesign2/webdesign2.zip

CSS media types

Here is a great tutorial on using CSS media types to customize your web pages for various media, such as computer screen, printer, handheld devices, tv, braille, etc. It from the W3C (worldwide web consortium), so you know it's up to date and accurate.
http://www.w3.org/TR/REC-CSS2/media.html