CMSC 210
Spring 2017
Exercise
02/10/2017
CSS - Awards Shows

Due: Thursday, February 16
12 noon

Assignment:   (worth 30 exercise points)      

0)  Create a folder called"StyleSheets".


1)  INSIDE this folder, you are to create 4 html files.  Each file should have a relevant title,  your name in a comment  and should be as follows:
  • File # 1:  named "index.html" on disk.   It should contain a link to each of the other 3 files.  Formatting is entirely up to you, except as otherwise specified in this assignment.
  • File #2:  Use an appropriate name for the file.    This page should contain:
    • a heading at the level h1 describing the page
    • at least 5 categories should be listed by  name and a listing of the nominees for the 2017 Grammy Awards
    • The layout of the page is up to you.
    • It is up to you whether to indicate the winners.
  • File #3:    Use an appropriate name for the file.    This page should contain:
    • a heading at the level h1 describing the page
    • at least 5 categories should be listed by  name and a listing of the nominees for the 2017 Academy Awards
    • The layout of the page is up to you.
    • It is up to you whether to indicate the favorites at this time.
  • File #4:   Use an appropriate name for the file.    This page should contain:
    • a heading at the level h1 describing the page
    • at least 5 categories should be listed by name and a listing of the nominees for the 2017 XXXXX Awards
      • What is XXXXX?   Up to you.  You may pick the Golden Globes or some other award.  You may also choose to be creative and make up your own awards.
    • The layout of the page is up to you.
    • It is up to you whether to indicate the winners.

The look of the pages should be consistent with each other.  For instance,

  • the background color should be consistent
  • the "look" of the heading of each page should be the same
  • the presentation of the name of each categories should be consistent (color, formatting, font, etc)
  • the presentation of each nominee should be consistent
  • the presentation of who won (if you choose to do that) should be consistent

Further, you should control the above consistencies via file a named "styles.css".    I should be able to place a DIFFERENT styles.css file in the directory and have the site take on a new look.


2)  Create a  file called "README.html" in the directory (same look and feel as the previous pages) that has:

  • a description of what I need to put in the "styles.css" file in order to change the look of the site.  It should  be in the context of the data, not the names of the tags/classes..
  • a note as to what editor(s) you used to create the given pages.

Extra Credit possibilities:
  • Creativity in the awards presentation, the awards content, or the index page gives possibilities of extra credit.
  • Utilize CSS for layout rather than just presentation style.

Handin:

Publish your folder to your account.    I will be looking at the following URL:
http://cs.longwood.edu/~youruserid/210/StyleSheets/   (replacing youruserid as appropriate)