Jump to navigation

Assignment #5

Due Tuesday, December 1

100 Points

In this assignment, you will use XHTML 1.0 Strict in combination with CSS to build a three-page Web presentation on the UNH computer systems. When you are done, not only will you have three pages where you used to have only one, but your resulting pages should end up being somewhat more complex than your previously published page. In completing this assignment, you must satisfy the following guidelines and requirements:

  1. The content of your presentation is up to you, but it should reflect some sort of coherent theme throughout. It is allowable, but not necessary, for your content to relate to your RSS feed from Assignment #2, your results from Assignment #3 or Assignment #4, and/or your plans for your Final Project. If you choose to build upon your results from a previous assignment, you should begin by fixing any problems noted in the grading of that assignment to avoid losing those points again.
  2. You must appropriately utilize XHTML 1.0 Strict and CSS to structure and present your pages.
  3. You must publish at least two more pages (in addition to your home page for a total of three), such that your presentation meets the following requirements:
    • your homepage must be directly accessible by clicking the Homepage link after your name on the Homepages page (without requiring any additional clicks);
    • all other pages must be published in a subfolder of your public_html folder; and
    • each of your pages (including your homepage) must contain functioning links to all the other pages.
  4. Taken collectively, these locally published pages will form your presentation. The presentation as a whole must contain and appropriately utilize at least:
    • one each of the structural blocks (paragraphs, divisions, headings and lists) necessary to organize your content;
    • two separate tables, each containing at least two columns and three rows;
    • three destination anchors explicitly defined (the default destination at the top of each page will not be counted toward this requirement);
    • two links to the destination anchors you have defined that appear within the same page as the destination anchors themselves;
    • two links to the destination anchors you have defined that appear in different pages than the destination anchors;
    • one link that allows a visitor to send you an e-mail.
  5. The presentation as a whole must display at least five images published locally by you (in addition to any background images). The use of images published as remote resources will not be allowed. Each individual image used must have dimensions no greater that 600x600 pixels and a file size no greater than 100 kilobytes. All image files used must be published in a separate subfolder of your public_html folder (not the same subfolder in which you have published your two new pages).
  6. All pages must utilize the same external style sheet written in CSS and published locally by you that includes at least:
    • nine unique CSS properties and appropriate values (all color values must be expressed as 6-digit hexadecimal color numbers);
    • the pseudoclass selectors necessary to set the presentation of your links in at least three different states;
    • two separate uses of an appropriately chosen background image, one that repeats in both directions and one that does not;
    • two style rules that modify the border of different elements;
    • two style rules that modify the padding of different elements;
    • two style rules that modify the margin of different elements;
    • a style rule that modifies the type of list marker used for at least one of your lists.
  7. Test your pages by viewing them with a Web browser. Make sure that everything appears as you expect and that all of your links work.
  8. Once your pages are published, ensure that the XHTML validates without errors when you enter their URLs into the W3C Markup Validation Service at http://validator.w3.org/. Fix any errors as necessary. Be sure to re-publish and re-validate after you fix errors or make changes.
  9. Once you have your XHTML validating successfully, ensure that the CSS validates without errors when you enter the URL of each page into the W3C CSS Validation Service at http://jigsaw.w3.org/css-validator/. Note that the validator is able to find external style sheets, so you simply need to give it the URL of a page that uses an external style sheet and it will validate the style sheet. Fix any errors as necessary. Be sure to re-publish and re-validate after you fix errors or make changes.
  10. Do not change your published page for 72 hours following the submission deadline to allow time for grading.

The publishing process for local images and additional pages is the same as you used to publish your previous assignments, but for this assignment your images and the pages other than your homepage will need to be published in subfolders of your public_html folder. If you have difficulties, review the Publishing Tutorial.