About John Discography Test for Fans Photographs Design Document HOME

Design Document

Forms

The form requirement is fulfilled on the Quiz page. I used the form examples on the CSC105 page and adapted them to make a quiz where you click submit and you can find out immediately what you got wrong, right, and a little comment from me. All of the answers to the quiz are plainly explained in the About John section of the page.

Cookies

I used cookies when you first enter the page. You are prompted to enter your name and this is remembered even after you close the browser. I found this script on the Javascript Internet website.

User Feedback

The user feedback requirement is also fulfilled in the Quiz section.

Elements from Project 1

Some of the elements I included from Project 1 are all of the required elements from Project 1. I used one style sheet with some inline overrides concerning alignment of text and margins. For navigation aids, I used frames for the Frames page, and I used a table to give the HTML-Only a navigation aid and just added it to every page. I used JavaScript on almost every page, including roll-over events on the photo page and the left frame. I also used JavaScript to check the quiz results. On the Photographs page, I have some of my favorite John Mayer pictures. To get the "photocopy" effect on the pictures, I used Adobe Photoshop, as well as on the Splash page, where the user can choose which navigation aids they'd like. For links, I included links to Amazon.com for each of John's albums in the Discography section. As well, in the About John section, I included links to the albums again, and also included some of his favorite artists' websites and other artists he has toured with in the past.