(Feel free to "cheat"! VIEW the source code for this basic document, copy it, paste it into
your favorite text editor, and save it as basic.htm.)
Next you will create three different EXTERNAL STYLE SHEETS that reflect three
EVERYONE must create a "HAPPY" style sheet.
For the remaining two style sheets, you may choose from the following list, or
select your own (different) mood:
Save each external style sheet with the following type of name (and be sure to use the "css" extension):
Each external style sheet contains ONLY style sheet information. It does NOT contain ANY HTML tags.
In particular, it does NOT contain <HTML>, <HEAD>, or <BODY> tags.
Here's what the source code for a typical external style sheet would look like:
This will "load in" the appropriate style information. The "REL" attribute defines the
linked document's relation to the current documenta "stylesheet". The "HREF"
attribute gives the URL to the file containing the style sheet information.
This exercise is worth 30 points and is due on
FRIDAY, February 14 (10 points for each of the three moods.) On that day,
each girl will display each of her "MOODS" on a computer screen. The class will vote
on a winner for the "HAPPY" mood. The class will also vote on a winner for an overall "BEST MOOD".
Each winner will receive a home-baked goodie prize from Dr. Fisher (which CANNOT be eaten in the Computer Lab)!
You must pass in to me HARD-COPY PRINT-OUTs of each of your three style sheets,
and the result of applying each style sheet to your basic HTML document. (I know that
colors etc. won't show up on the hard-copy; I'll be grading the "aesthetic" sense
of each while the class is voting on the winners.)
SAMPLE "MOOD" SHEETS!
Here are some of the "mood sheets" created by students from Miss Hall's School. Each will open in a "pop-up" window, so you
can compare the different moods.