week of 9/17
Designers are encourage to attend,

Designers are asked to bring questions about CSS and their role in creating the template. since this is new to everyone, I wanted to ffer an opportunity for designers to ask questoins.

Here are the steps I follow when I decide to use a template, and need understand how the site is constructed.

Template Analysis

1. Create a copy of the index page and name it index-color.html. Add inline styles which colorize each div tag.
   
   The original template found at oswd
   
   The index page with each div tag colorized.
   
   
2. Next I open every image which is part of the site structure and make sure I understand where that image fits into the page design.
   
   Here is the folder with all the images for the original site.
   
   
3. Next I open the HTML page and analyze the code paying special attention to how the div tags are identified, I take not of any tags that have classes assigned to them and in general look at how the code is written.
   
   here is the index.html page for the template
   
   
4. 4. Now I analyze the css file trying to understand what each style is doing
   
   Here is the css file for the template
   
   
5. If the template has an alternate layout I also check that out, this template contains a
   2 column layout.
   
   
6. Once I understnad the layout I can modify the colors, images, text, font, etc. Here is the site after modification have been made
   
   Modified site
   
   
7. Finally I may add some functionality to the site which did not orginally exist. in this case I added pop down navigation to the main horizontal navigation bar.
   
   Modified site with pop down menus

TO DO LIST

Analyze the information provided by the client during the first meeting.

PMs are working on the strategic brief

DES may be starting the mock up or they may need to gather more information from the client regarding the look and feel or the final navigation.

CDs are creating a story board and deliverables. If any content was provided during the first meeting it can be analyzed and placed on the beginning of a shell site.

PRGMs contact the system adminstrator for the clients ISP and determine which languages and database formats they support.

Content for these teaching materials were developed by Linda Hemenway. If you have questions or comments on the material I can be contacted through
lhemenway@santarosa.edu
(707) 527-4855

Web site design by Jessica Hirsch - jessicahirsch@email.msn.com

Funding for these notes provided by Project FIVE and Project PICTS supervised by Doug Garrison - Dean of the Petaluma Center.