Lab 1
Due March 11, 2014

Extra instructions for Mac users
For your first lab assignment, you are to write a web page describing a subject of interest to you. Examples of such subjects include:

Think along the lines of a scaled-down Wikipedia entry. I recommend writing several paragraphs. For example, to discuss guitars, you can write a paragraph on the history of the instrument since its invention, provide a list of types of guitars (together with some example pictures), and include a paragraph discussing how modern musicians incorporate the guitar, together with links to band web sites. The web page should fill at least one to two pages if it were printed out, but can be longer if you wish. What you write about does not matter so much — in fact, you can make up "facts" if you want (though tell me you are making things up, just so I know).

The key purpose of the assignment is that you illustrate your ability to use the following elements of HTML:

  1. Centering text/images
  2. Changing text size and changing text style (for example, bold or underlined text)
  3. Hyperlinks (to send you successfully to another web page)
  4. Lists (ordered or unordered, either example is fine)
  5. Line breaks and paragraph breaks
  6. Title and a meta tag (name="content") in the header section
  7. Inclusion of an image
  8. Use of a table
  9. Form elements
I encourage you to try to incorporate these elements coherently together into your web site, though I admit that can be challenging. I will grade largely (95%) based on correct use of all the above HTML elements. 5% of the grade will be based on good style: basically, did you try to make the page look presentable (full credit for that 5%) or did you just throw everything together at the last minute with no unifying theme (no credit for that 5%).

To hand in this assignment, e-mail me the HTML and pictures for your web page. My e-mail is:

Note for Mac users: To get your html to work correctly, you may need to leave out the double-quotes in your html. For example, type
<input type=radio name=myAnswer value=Good>
rather than
<input type="radio" name="myAnswer" value="Good">
Alternatively, you can download and use TextWrangler to write your html. Remember to end your html file name with .html

More explanation on forms:

A working form will enable you to enter text, and selections from radio buttons and checkboxes. After pressing the button for submission, the form will direct you to a new page appearing similar to the "INVALIDMAIL" page below. This page is produced by specifying the action "http://storm.cis.fordham.edu/leeds/email.php" in the initial <form ...> tag.
Your form
Result of pressing "Submit"