WEB200 > Syllabus
Class: Theory of Web Design
Time: Summer 2010 – T/Th, 03:00PM to 04:50PM in BE3174
Credits: 4.0
Class Hours: 44
Type of Course: Workforce Education Preparatory
Length of Course: 11 weeks
Prerequisite: WEB120
Course Description:
This course gives an overview of the basic principles and practices of professional web site design, including site structure, page layout, navigation, color theory, typography and best coding practices.
Course Goals:
The students will design and develop a website for a small to medium sized business while focusing on site structure, page layout, navigation, color theory, typography and best coding practices. This class will provide the student with a case study and website portfolio piece to present to potential employers.
Course Outcomes:
Upon successful completion of WEB200, the student will be able to:
- Develop a successful underlying structure of a website
- Create a solid navigational foundation for a website
- Design readable pages with appropriate content layout
- Create aesthetically pleasing website designs via the use of typography, color theory and imagery
- Use the latest XHTML, CSS & PHP standards to build a successful protosite
Required Text:
Supplimental Text:
- The Zen of CSS Design: Visual Enlightenment for the Web, by Dave Shea & Molly E. Holzschlag
- Transcending CSS: The Fine Art of Web Design, by Andy Clarke & Molly E. Holzschlag
- Color Index: Over 1100 Color Combinations, CMYK and RGB Formulas, for Print and Web Media, by Jim Krause
- PHP Solutions: Dynamic Web Design Made Easy, by David Powers
- The Web Designer’s Idea Book: The Ultimate Guide To Themes, Trends & Styles In Website Design, by Patrick McNeil
Evaluation Methods:
Your final grade will be a culmination of your Class Assignments:
- Assignments will create an overall Class Project to be presented at the end of the quarter
- Assignments require critical thinking and problem solving skills
- Assignments will be “assigned” each week according to the class schedule
- Assignments will be “due” according according to the class schedule*
- Students are responsible for assignment information on assignment pages
- Students are also responsible for assignment information given in class
- Assignments will be marked down 25% for every week they are late
*Students must check the schedule before asking the instructor, “When is this due?”
ADA Confirmation:
(Americans with Disabilities Act) If you need course adaptations or accommodations because of a disability, if you have emergency medical information to share with me, or if you need special arrangements in case the building must be evacuated, please contact me ASAP.


Maybe ya’ll have seen this, but if not check it out. It’s called “How a Website goes to Hell.”
http://theoatmeal.com/comics/design_hell
I was confused and frustrated until I used Mike’s Template. Mike’s Template is the best! I don’t know where I would be without Mike’s Template.
http://edison.seattlecentral.edu/~bricha02/web200/index.php
too funny and too sooo true. this guy rules!
http://theoatmeal.com/comics/design_hell
Vivalogo’s list of the most beautiful free Javascript and Flash gallery software:
http://www.vivalogo.com/vl-resources/beautiful-javascript-flash-galleries.htm
interesting tool for creating optimized meta tags