Overview

You'll create a website with several pages of content, demonstrating your knowledge of CSS, XHTML, and JavaScript.


You must get your website idea approved by me. Send me an email or turn in a printout/piece of paper telling me the following:

  1. names of people in the group (if there is a group at all)
  2. overall topic of the site (favorite band, fictional business, etc.)
  3. simple description of what each page will contain (if doing a site for a band, there might be a discography page, an interview page, and history/introduction page)


The idea must be submitted to me before December.

Requirements

The larger the group, the higher the requirements / standards:

  • 1 person: 3 pages of content, minor novel use of JavaScript
  • 2 persons: 5 pages of content, good looking graphics, a novel use of JavaScript
  • 3 persons: 5 pages of content, professional graphics/look, a novel use of JavaScript and a novel use of CSS

"Novel use" means that the site should feature some kind of JavaScript and/or CSS functionality that wasn't directly taught in class. This new functionality should be non-trivial (i.e., requires more than 1 line of new code/concepts).

Grading

  • 20 pts: site has 3 (5, if in a group) non-trivial pages of content
  • 20 pts: consistent look on the site by using an external .css file
  • 15 pts (pass/fail ONLY): the site's XHTML and CSS verify
  • 10 pts: graphics quality (good color theme, nice use of images, site is not overly plain but still functional, etc)
  • 10 pts: JavaScript functionality
  • 10 pts: a separate citation page (which does not count towards the page count) detailing:
    1. Who worked on what parts of the site
    2. Any external resources consulted and what they were consulted for (tutorial sites, Wikipedia, etc.)
    3. What your novel uses of CSS/JavaScript are, how difficult they were to use/learn, and WHY they are novel (e.g., "I used the onblur and onchange event handlers, which we didn't work with in class, to automatically update the page's calculations as the user changes the form's data. This allows the user to see immediately how their choices affect the price of their order.")
  • 10 pts: displays/works properly in Firefox and IE
  • 5 pts: site is online (use your Pitt web space)

How to Submit

  1. Make sure that your citation page is easy found and navigated to (perhaps just put a link to it on the bottom of each content page)
  2. Email both rmoore at cs dot pitt dot edu, as well as wex12 at cs dot pitt dot edu, giving us the link to your website

Regarding New Functionality/Novel Uses of JavaScript/CSS

A quick google for "advanced CSS" or "neat javascript tricks" should turn up a plethora of tutorials/sites. Here's 2 I found:

http://www.javascriptkit.com/cutpastejava.shtml http://personalweb.about.com/cs/javascript/a/aa102599.htm


In the citation page, remember to give the link to the tutorial/resource you use to help you add the new functionality.