Due Thurs, Oct 11
Adapt this HW assignment from a previous semester, to update your HW2 FaceBook.
NOTE added 9.27.2007. My humble apologies. What I gave you was rushed and confusing. I’ll use strikethrough to show you where the changes are. (Here’s the idea: we want to get a bit more practice with HTML and CSS things before pushing off into PHP, Apache, and MySQL full speed. A bit of multimedia, some alternate text. (But it’s not called ALT text anymore. Sigh. Daniel: I can’t find that.) Validation. Same teams as HW2; HW4 will be new teams.
NOTE: now that I’ve used a lot of strikethrough, this is too hard to read. Click here to see a clean version.
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.)
Basic job is to add a favorite music page to some FaceBook entries, and you are asked to validate your HTML and CSS. See last bullet point.
·
Clicking on either the picture or
the name should take the user to a page about that musician user, which
should contain:
o An enlarged picture
o A brief bio.
o Names of two musicians, and one or two musical selections by each: WAV, AIFF, AU, MP3, QT—whatever. Google for info, find some music, and add a brief amount to your site. Remember: you have to email this to me, and the stuff is already compressed so zipping it isn’t much help. Include just a few opening bars, I think.
· Each of these secondary pages must show breadcrumbs.
· On the main FaceBook page place a symbol to show that the user has music. Webdings has this: ♫ You may find something you prefer.
·
Four of the musician pages should
be complete; the other five may have only the, 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.
Hmmm. Do what makes sense to you.
· 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. (Except for the tags indicating bold or italic.)
· 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.
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.)
Basic job is to add a favorite music page to some FaceBook entries, and you are asked to validate your HTML and CSS. See last bullet point.
·
Clicking on either the picture or
the name should take the user to a page about that musician user, which
should contain:
o An enlarged picture
o A brief bio.
o Names of two musicians, and one or two musical selections by each: WAV, AIFF, AU, MP3, QT—whatever. Google for info, find some music, and add a brief amount to your site. Remember: you have to email s to me, and the stuff is already compressed so zipping it isn’t much help. Include just a few opening bars, I think.
· Each of these secondary pages must show breadcrumbs.
· On the main FaceBook page place a symbol to show that the user has 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.
Hmmm. Do what makes sense to you.
· 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. (Except for the tags indicating bold or italic.)
· 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.