Jump to navigation

Assignment #4

Due Thursday, November 12

70 Points

In this assignment, you will use XHTML 1.0 Strict in combination with CSS to enhance your homepage on the UNH computer systems. Your resulting page should end up being significantly more complex than your previously published page. In completing this assignment, you must satisfy the following guidelines and requirements:

  1. The content of your homepage 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, and/or your plans for your Final Project. If you choose to build upon your results from Assignment #3, you should begin by fixing any problems noted in the grading of that assignment to avoid losing points for the same issues on this assignment. Be careful, however, since the requirements below may be similar to, but different from, those you were required to meet in Assignment #3.
  2. You must appropriately utilize XHTML 1.0 Strict and CSS to build your page.
  3. The page must contain and appropriately utilize at least:
    • five paragraphs, two divisions and two line breaks;
    • five headings, which reflect at least two different levels of importance;
    • two unique types of list;
    • one example of a nested list (This nested list may be counted towards the previous requirement);
    • one occurrence each of both an inline quote and a block quote;
    • one occurrence each of both an acronym and an abbreviation;
    • one occurrence each of both a defined term (inline, not list item) and a citation;
    • one occurrence each of both a superscript and a subscript; and
    • three unique character entity references.
  4. The page must contain an internal style sheet written in CSS that demonstrates at least:
    • six unique CSS properties and appropriate values (All color values must be expressed as 6-digit hexadecimal color numbers);
    • three unique type selectors (and the associated elements in the XHTML);
    • two unique class selectors (and the associated classes in the XHTML);
    • two unique ID selectors (and the associated identifiers in the XHTML);
    • one descendant selector (applicable to a situation that exists in the XHTML); and
    • one grouped selector (and the associated components needed to make it applicable in the XHTML).
  5. The page must display at least two images published by you using your own cisunix account and the pubpages server. Images published elsewhere (such as the one used in the previous assignment) will not be counted towards satisfaction of this requirement. Each individual image used must have dimensions no greater that 600x600 pixels and a file size no greater than 100 kilobytes.
  6. The page must be published in a file named index.html using your cisunix account and the pubpages server. In other words, the URL of your page should be http://pubpages.unh.edu/~xyz/index.html, where xyz is your UNH user name. When you click the “Homepage” link beside your name on the Homepages page, your rendered page should appear in your browser window without requiring any additional click of the mouse.
  7. Test your page by viewing it with a Web browser.
  8. Once your page is published, ensure that the XHTML validates without errors when you enter its URL 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 page URL into the W3C CSS Validation Service at http://jigsaw.w3.org/css-validator/. 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.

Note: The use of the word “unique” in the above description is meant to imply “unique within your page,” and not “globally unique.”

The publishing process for your images is the same as you used to publish your previous two assignments. If you have difficulties, review the Publishing Tutorial.