A2: Applying HTML

On This Page


Overview

The main points of this assignment are to:

  • Create a Web age to show you know how to use basic HTML.
  • Place an inline image in an HTML page.
  • Create a hyperlink.
  • Create a table.
  • Validate your HTML.

Specifications

  1. Create a single HTML page and include the following in your page:
    1. A DOCTYPE line that enables the W3C HTML Validator
    2. Opening and closing HTML tags
    3. Opening and closing header tags
    4. Opening and closing title tags with a meaningful page description
    5. Opening and closing body tags
    6. At least one opening and closing heading tag (h1-6) with a meaningful heading
    7. An inline image of yourself displayed on the page (Note: you will need to upload the image file with your HTML page)
    8. A hyperlink to a valid location on the Internet
    9. An HTML form with at least three unique control elements that asks the user for information and submits the data to: http://www.edparrish.com/cis132/06f/examples/echo.php
    10. An invisible table for the form so that each control element is in a different cell, and all cells align with each other

    You can use equipment in the CTC to create a digital image if you do not have one already. Note that all students in the course can view this page so only include information you want viewed!

  2. Validate your HTML page using the W3C HTML Validator.
  3. Note that if you validate by uploading a file, you may get a warning about no character encoding found. Normally, the character encoding is supplied by the Web server. To remove this warning, you can add a META tag like the following to the head element of your document.

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  4. Your HTML file must end with an extension of either .html or .htm.
  5. Complete a README.txt file following the instructions for homework.
  6. Submit three files (and only three files) to WebCT as explained in the section of this document: What to Turn In.

Extra Credit

The following is worth extra credit points:

  1. Read ahead and add some inline CSS to your HTML page. (1 point per style tag, 2 points maximum)

Make certain that your README.txt file lists any extra credit attempted.

Grading Criteria

The instructor will evaluate your assignment using the following criteria. Each criteria represents a specific achievement of your assignment and has a scoring guide. The scoring guide explains the possible scores you can receive.

Some scoring guides have a list of indicators. These indicators are a sign of meeting, or a symptom of not meeting, the specific criterion. Note that a single indicator may not always be reliable or appropriate in a given context. However, as a group, they show the condition of meeting the criterion.

For information on grading policies, including interpretation of scores, see the course information page.

HTML Page Elements

  • 10: All the specified elements were included in the HTML file
  • 8: One or two specified elements were not included in the HTML file
  • 6: Some specified elements were not included in the HTML file
  • 4: Few specified elements were included in the HTML file
  • 2: Almost no specified elements were included in the HTML file
  • 0: HTML page was not turned in

HTML Page Validation

  • 4: HTML page validates with no errors
  • 3: HTML page has one error
  • 2: HTML page has two or three errors
  • 1: HTML page has four to eight errors
  • 0: HTML page has more than eight errors or was not turned in

README.txt File

  • 2: README.txt file submitted with specified information included
  • 1: README.txt submitted but some information was not included or the wrong name was used
  • 0: No README.txt submitted

Maximum Score: 16 plus extra credit (0 if you do not submit any files to the assignment area of WebCT).

What to Turn In

Submit three files (and only three files) to WebCT following the instructions for submitting assignments.

  1. A README.txt file
  2. A single HTML file with the specified elements
  3. An image file that displays in your HTML page

Note: do NOT turn in "include files" as neither WebCT nor my server can process them.

Home | WebCT | Announcements | Schedule | Room Policies | Course Info
Help | FAQ's | HowTo's | Links

Last Updated: November 11 2006 @14:56:20