WEB200

Class: Theory of Web Design
Time: Winter 2010 – M/W, 07:00PM to 08: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:

Recommended Text:

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

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.

10 Responses

  1. Cassandra Sok says:
    March 9, 2010 at 6:17 pm

    Mike, I finally caved in and bought Xscope…best purchase I’ve made yet as a web designer, thanks for mentioning it so often.

    website:

    http://iconfactory.com/software/xscope

    Reply
  2. Leslie Strom says:
    January 5, 2010 at 3:08 pm

    For repeating tiling background images, this very cool thing:
    http://bgpatterns.com/

    Reply
  3. Jessica Clark says:
    June 8, 2009 at 3:52 pm

    http://www.43folders.com/ is a site I just found. It’s a website aimed at artists, with helpful articles, links, and other stuff about managing time and organizing.

    Here’s a slideshow presentation I liked: http://www.43folders.com/2008/08/14/who-moved-my-brain
    (Check out slide #22…)

    I found a useful timer widget on this site that’s already been helping me structure my homework, so I expect there are other useful things on there.

    Reply
  4. Paris says:
    May 23, 2009 at 1:54 pm

    Gorgeous examples of Floral Typography.
    http://www.smashingmagazine.com/2009/05/23/gorgeous-examples-of-floral-typography/

    Reply
  5. Paris says:
    May 14, 2009 at 12:58 am

    This is a great site for inspiration. Check out some of the Web Design Portfolios: http://wellmedicated.com/

    Reply
  6. Mike says:
    May 7, 2009 at 6:29 pm

    If anyone needs javascript/ajax code for extra website functionality check-out http://www.miniajax.com. You can find slideshow, thumbnail, and picture display tools that integrate with very little effort into your sites as well as a wide variety of other utilties.

    Reply
  7. mark falconer says:
    May 7, 2009 at 1:28 pm

    Great resource for fonts on the web plus what they look like in various browsers.

    http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

    Cheers.
    Mark

    Reply
  8. Sean says:
    May 7, 2009 at 3:42 am

    Surfed across this and thought I’d share. It seems like it could be just the ticket for broke students to find some quick projects, a little cash, and experience/portfolio materials all in one.

    There is a wide variety of freelance jobs suited to various skills: http://www.getafreelancer.com/

    Reply
  9. Carol Tompkins says:
    April 17, 2009 at 2:16 pm

    Hello,
    I thought the class might enjoy this:

    HEMA is a Dutch department store chain. The first store opened on
    November 4, 1926, in Amsterdam. Now there are 150 stores all over
    the Netherlands, Belgium, Luxemburg and Germany. In June of 2008,
    HEMA was sold to British investment company, Lion Capital.

    Take a look at HEMA’s product page. You can’t order anything, and
    it’s all in Dutch, but watch what happens.

    Don’t click on any of the products pictured, just watch, and you have
    your sound on.

    This company has a sense of humor and a great computer programmer!

    http://producten.hema.nl/

    Reply
  10. Steve says:
    April 5, 2009 at 1:19 pm

    I found this in my RSS feeds this morning and thought I’d share it with you. It’s a collection of 100 CSS tips, tricks, applications, and tools.

    http://www.tripwiremagazine.com/Tools/CSS-Tools/css-mega-toolbox.html

    Reply

Leave a Reply