Jump to navigation

Assignment #5

Due Monday, March 4

60 Points

  1. In this assignment, you will use HTML5 to build a multi-page Web site (consisting of at least three pages) on the wcit Web server. 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. You must satisfy the following guidelines and requirements:

    1. The content of your site is up to you, but it should reflect some sort of coherent theme throughout. It is allowable, but by no means necessary, for your content to relate to your plans for your Final Project. You may incorporate your previous page from Assignment #4 into your work for this assignment, or not, as you see fit. If you choose not to use your previous page, but wish to keep it for later, you will need to change its filename to something other than index.html, since there can be only one file named index.html in your public_html folder, and you will need that to be your homepage for the site you are creating for this assignment.
    2. You must use HTML5 to author your pages.
    3. You must follow the best practices presented in the HTML Basics handout.
    4. Each page must contain the minimal elements necessary to make it a valid HTML5 document as explained in lecture.
    5. You must publish at least two more pages (in addition to your home page for a total of three), such that your site 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 (the name of that subfolder is up to you, but remember to set its permissions as necessary); and
      • each of your pages (including your homepage) must contain functioning links to all your other pages.
    6. Taken collectively, these locally published pages will form your site. The site as a whole 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);
      • three unique character entity references; and
      • a link that allows the user to send you e-mail at an e-mail address of your choice.
    7. Each page in your site must include an image stored as a local resource. They may all be the same image or different images, as you see fit. Create a new subfolder of your public_html folder (in addition to the folder you created for your HTML pages), set its permissions, and publish your image file(s) in it. If you do not have your own images to use, you may make and use a copy of the image available at http://pubpages.unh.edu/~amgilder/images/butterfly.jpg. Simply use your browser to make a copy of the image file (right-click the image and save the image) and publish that copy as part of your own site. Don’t worry if the images don’t complement your theme; the point here is to work through the mechanics necessary to display them as local resources.
    8. Test your site by viewing each page with a Web browser. Be sure to check every link and verify that the images appear.
    9. Once your site is published, ensure that each page validates as HTML5 without errors (warnings are okay) 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.
    10. Once you are done, do not change your published site until the grades for this assignment appear on the Posted Grades page.

    If you have difficulties with the publishing process, review the Publishing Tutorial.

Important notes on grading

Although this should concern only a small percentage of students, it is important to note that during the grading process I will grade not only the HTML documents required above but also any other HTML documents published within your home directory that can be reached by following a series of one or more links from the required pages. Therefore, if you have other HTML documents published on wcit that you do not want considered during the grading process, it is important that you not have any active links to them within the pages required above.

I will grade this assignment by examining the pages that you publish on wcit.cs.unh.edu, so there is nothing for you to hand in or send to me. However, it is your responsibility to make sure you have published your pages properly (using the appropriate link beside your name on the Homepages page) and then do not change your pages until the grades have been posted.