========================================
/home/nhowe/public_html/hidden/csc105sp05proj2/105b-aa/public_html/Project2
========================================
File: johnmayer.css
========================================
/* CSS Document */
body {
font-size:12pt;
color:#FF9933;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
}
a {
font-weight:bold;
text-align:center;
}
a:link {
color:#FF6600;
border-style:none;
}
a:visited {
color:#FFCC00;
}
a:hover {
color:#FF6666;
}
h1 {
font-weight:bolder;
text-align:center;
font-size:45px;
}
h2 {
font-style:italic;
background-color:#0066FF;
font-weight:bold;
text-align:left;
}
h3 {
color:#FF9966;
}
h5 {
background-color:#FFCC99;
}
img {
border-color:#FF9933;
text-align:right;
}
table {
border-color:#FF9933;
}========================================
File: results.js
========================================
// JavaScript Document
// The two functions below are designed to make it easy to look at the
// values returned by a form using method="get"
// Author: Nicholas R. Howe
// Smith College, 13 April 2005
// Reports whether a particular key appears in the form results
// Unchecked buttons and radio boxes will not appear.
function keyExists(key) {
var results = '&'+window.location.search+'&' // bracket by &
var key2 = '&'+escape(key.split(' ').join('+'))+'='
return (results.indexOf(key2) > -1)
// if key2 not found, indexOf() will return -1
}
// Returns the value associated with a particular key (if any)
function formValue(key) {
var results = '&'+window.location.search.slice(1)+'&' // bracket by &
var key2 = '&'+escape(key.split(' ').join('+'))+'='
var loc = results.indexOf(key2)
// if key2 not found, indexOf() will return -1
if (loc > -1) {
loc = loc+key2.length // value begins after key
var value = results.substring(loc,results.indexOf('&',loc))
return unescape(value.split('+').join(' '))
} else {
return null
}
}========================================
File: aboutjohn.html
========================================
About John
About John Mayer
John Clayton Mayer was born in Bridgeport, CT on October 16th, 1977. (same town that I was born in!)
He attended the same high school where his father worked as principal, Fairfield HS, and when
he graduated, he began attending Berklee School of Music in Boston. He did not last long there,
because he did not like the curriculum he was learning, so he left Berklee to go to Atlanta, GA.
to start his recording career. John's first album,
Inside Wants Out, was put into limited release by Aware Records, a small company under Columbia, and his first widespread CD, Room For Squares, yielded some of the biggest radio hits of the year it was released. Soon after, John won his first grammy for the single, "Your Body is a Wonderland". His 3rd CD (set), Any Given Thursday, was a double CD set of live songs and some previously unreleased songs from John's concert tours.
John's fan club, Local-83 Listeners Union, was established soon after. His 4th CD, Heavier Things, was a huge hit, giving John 2 more Grammy wins for the song "Daughters". John has barely stopped touring since he hit big, and some of the bands he's toured with include Counting Crows,
Switchfoot, Maroon 5, and Res. John cites Stevie Ray Vaughn, Jeff Buckley, and
The Police as some of his favorite artists, and he often plays their cover songs in concert.
========================================
File: aboutjohn_noframes.html
========================================
About John
John Clayton Mayer was born in Bridgeport, CT on October 16th, 1977. (same town that I was born in!)
He attended the same high school where his father worked as principal, Fairfield HS, and when
he graduated, he began attending Berklee School of Music in Boston. He did not last long there,
because he did not like the curriculum he was learning, so he left Berklee to go to Atlanta, GA.
to start his recording career. John's first album,
Inside Wants Out, was put into limited release by Aware Records, a small company under Columbia, and his first widespread CD, Room For Squares, yielded some of the biggest radio hits of the year it was released. Soon after, John won his first grammy for the single, "Your Body is a Wonderland". His 3rd CD (set), Any Given Thursday, was a double CD set of live songs and some previously unreleased songs from John's concert tours.
John's fan club, Local-83 Listeners Union, was established soon after. His 4th CD, Heavier Things, was a huge hit, giving John 2 more Grammy wins for the song "Daughters". John has barely stopped touring since he hit big, and some of the bands he's toured with include Counting Crows,
Switchfoot, Maroon 5, and Res. John cites Stevie Ray Vaughn, Jeff Buckley, and
The Police as some of his favorite artists, and he often plays their cover songs in concert.
========================================
File: design.html
========================================
Design Document
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.
========================================
File: design_noframes.html
========================================
Design DocumentDiscography
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.
========================================
File: discography.html
========================================
Discography
Discography
TRACK LISTINGS:
1. Back To You
2. No Such Thing
3. My Stupid Mouth
4. Neon
5. Victoria
6. Love Soon
7. Comfortable
8. Quiet
TRACK LISTINGS:
1. No Such Thing
2. Why Georgia
3. My Stupid Mouth
4. Your Body Is A Wonderland
5. Neon
6. City Love
7. 83
8. 3x5
10. Back To You
11. Great Indoors
12. Not Myself
13.
14. St. Patrick's Day
TRACK LISTINGS:
Disc 1:
1. 3x5
2. No Such Thing
3. Back To You
4. City Love
5. Something's Missing
6. Lenny/Man On The Side
7. Message In A Bottle
8. Love Song For No One
Disc 2:
1. Why Georgia
2. Your Body Is A Wonderland
3. My Stupid Mouth
4. Covered In Rain
5. 83 Medley
6. Comfortable
7. Neon
TRACK LISTINGS:
1. Clarity
2. Bigger Than My Body
3. Something's Missing
4. New Deep
5. Come Back To Bed
6. Homelife
7. Split Screen Sadness
8. Daughters
9. Only Heart
10. Wheel
Hover over the album to see track listings. Click on the album name to buy the CD on Amazon.com!
1. Back To You
2. No Such Thing
3. My Stupid Mouth
4. Neon
5. Victoria
6. Love Soon
7. Comfortable
8. Quiet
TRACK LISTINGS:
1. No Such Thing
2. Why Georgia
3. My Stupid Mouth
4. Your Body Is A Wonderland
5. Neon
6. City Love
7. 83
8. 3x5
10. Back To You
11. Great Indoors
12. Not Myself
13.
14. St. Patrick's Day
TRACK LISTINGS:
Disc 1:
1. 3x5
2. No Such Thing
3. Back To You
4. City Love
5. Something's Missing
6. Lenny/Man On The Side
7. Message In A Bottle
8. Love Song For No One
Disc 2:
1. Why Georgia
2. Your Body Is A Wonderland
3. My Stupid Mouth
4. Covered In Rain
5. 83 Medley
6. Comfortable
7. Neon
TRACK LISTINGS:
1. Clarity
2. Bigger Than My Body
3. Something's Missing
4. New Deep
5. Come Back To Bed
6. Homelife
7. Split Screen Sadness
8. Daughters
9. Only Heart
10. Wheel
Hover over the album to see track listings. Click on the album name to buy the CD on Amazon.com!
========================================
File: front.html
========================================
John Mayer
John Mayer
Here is my Project 2 website for CSC102: Interactive Web Documents. For my second assignment, I decided to do a fan site about
one of my favorite musical artists, John Mayer.
On this site, you can find a biography section, a discography, a quiz for fans which will tests knowledge and how much attention you paid to the biography page. The photographs section has some photos that I took when
I went to a John Mayer concert this past summer, as well as some of my favorite pictures of him.
In the design document, you can read about the required pieces of the project and where each is fulfilled within the site.
You can also click on the picture of John at the top left of the page to return to the mainpage.
========================================
File: intro_noframes.html
========================================
John Mayer
Here is my Project 2 website for CSC102: Interactive Web Documents. For my second assignment, I decided to do a fan site about
one of my favorite musical artists, John Mayer. On this site, you can find a biography section, a discography, a quiz for fans which
tests your knowledge and how carefully you may have read the biography page. The photographs section have some photos that I took when
I went to a John Mayer concert this past summer, as well as some of my favorite pictures of him.
In the design document, you can read about the required pieces of the project and where each is fulfilled within the site.
You can also click on the picture of John at the top left of the page to return to the mainpage.
========================================
File: jsproc.html
========================================
Form Processing Example
