1. Kapi’olani Community College
Art 249 Interface Design 2
In-class Presentation
Week 9B

2. :: Example CSS Zen Garden Free Bird http://csszengarden.com/
Text/HTML only:
Free Bird
Look at the source code

3. :: Today’s Agenda Tyler and Brendan to briefly present their designs
Lesson on how to begin coding using good structural markup (HXTML).

4. :: Lesson Structural Markup
How to begin coding your page using good structural markup.
Work from the top down, outside in
What is the content?
Common structure:
header
navigation bar
page content
footer

5. :: Lesson Good reference: XHTML tutorial:
Specific links on structural markup:

6. :: Assignment home page due : 10.23.06
Begin coding your site – a coded version of your home page is due next class. (yes, with CSS and with all color and graphics)
There are two approaches:
Code as you go. Start by creating both an HTML file and a CSS file, then work from the top-down, outside-in to gradually add content in the HTML file and style/presentation in the CSS file.
Create a complete, working HTML only/text-only version of the site 1st, then add CSS (presentation) to the site via the CSS file.
Post a link to your coded home page on your site.