Web Design Fall 2008
Interesting sites and How they are done

Course Syllabus

Intro

Design

Slicing

CSS

Template

Content

Scripts

Meta-Tags

Uploading

Website Hosting

Animated Gifs

Requested Elements

Further Readings

Interesting Designs

Interesting sites

http://www.northcolour.com/

  • This site uses a background image that is constantly centered so that it always lines up with the design even as the window changes width. This is created using css and the following value.
    • background : url(/img/livery/bg_sunrise.jpg) center no-repeat;
  • This site is also using rollover buttons for the links across the top of the page. the first image has a small black area at it's base, when rolled over a second image pops up with a little blue area at it's base. This could also be done using css scripts attached to the link tag <a> .

http://thetalkshow.net/

  • This site is interesting because it doesn't center on the page which is unusual these days. The site also has a really sleek design that features most of the information on a single long page. (is this a good practice? propably not)

http://www.zaumthink.com/

  • This site has a very modern looking overall design to it. The site it's self is split into 2 sections the top peice is a Flash animation and also is working as a navigation area. the bottom half of the site is all simple html and includes sub links to other pages. everything in this site propably could have been done with basic html aside from the fading transitions on the buttons and main image.