Lab 1
Due March 9, 2016

Comment on quotes vs. no-quotes

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 of some of the text/images on your page
  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 or paragraph breaks
  6. Title in the head 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 image files. My e-mail is:

Note about quotes: In the handouts, I often use double quotes around extra tag parameters, like <font color="red"> but in lecture I drop the double quotes, <font color=red> . Usually you can include or leave out quotes as you like. To get your html to work correctly in Macs, you may need to leave out the double quotes. Alternatively, you can download and use TextWrangler to write your html. Then double quotes will work on Mac for some web browsers. 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"