By the beginning of class on Tuesday, September 20, send or give me something that shows you are making serious progress. Final submission Tuesday, September 27. 10 points for each part.
Take the last example from the appendix,
http://ccnyddm.com/XHTML+CSSPages/MinnesotaFlowers.html
as your starter kit. Change it a lot! (Multimedia coming up.)
· Forget about flowers. Your homework is about music and musicians.
· There are eleven flowers on the Minnesota Flowers page. You need nine musicians.
· Make the matrix of images three rows by three columns.
· Show pictures of nine musicians:
o J. S. Bach
o W. A. Mozart
o John Coltrane
o Miles Davis
o Ron Carter
o Johnny Hartman
o Your choice (contemporary OK, meaning R&B, rock, hip-hop, whatever)
o Your choice
o Your choice
· The layout should be much the same as Minnesota Flowers: each picture has a name under it.
· Alt text under each image should give the musician’s name.
· Clicking on either the picture or the name should take the user to a page about that musician, which should contain an enlarged picture and a brief bio.
· Each musician page must show breadcrumbs.
· Every page in the site should have a global navigation bar at the bottom.
· Four of the musician pages should be complete; the other five may have only the breadcrumbs, the global navigation bar, and a “Page Under Construction” image and text.
· For at least two of the musicians who have full pages, place some kind of music symbol on the home page, near the picture; clicking on that symbol should take the user to another page giving the title of a piece of music, and play the music. The music can be in any of the standard formats (see chapter 11), but if you use the .wav format don’t include very much. A compressed format such as .mp3 might let you include a complete song. (I’m not sure you will be sending me this homework by email, but we’ll see about that.)
· Actually, the music page should offer a selection of several pieces by the musicians (short pieces, or just the opening bars). A bit of JavaScript would let you make this a pulldown list, but links would be OK.
· I don’t care what symbol you use to show that there is music. Webdings has this: ♫ You may find something you prefer.
· The fact that there will be a music symbol for some of the musicians—but not all—provides a challenge: can you do that without adding nine cells to the table? But adding nine cells, seven of which will be empty, would be OK.
· Somebody—maybe me, maybe one of you—will find the HTML syntax for specifying that music should be played, and where it is. It can’t be hard, but I don’t find a handy reference. Anybody who happens to know, or figures it out, please forward to me; I will tell the class, of course with credit to the source. Added 9.9.2005: Mike Malinowski found a great one: http://www.tizag.com/htmlT/music-code.php.
· There must not be any style information in any HTML page. All style sheets. You will surely have more than one style sheet.
· The home page and at least one of the full-scale musician pages must validate, and your style sheets must validate. If there are aspects to the assignment that make this very difficult, we’ll deal with the problem when we get to it.
This homework provides an excellent opportunity to divide the labor among team members.
And this is a lot of new material. We’ll be covering the needed topics regularly.