Assignment 1: Your first HTML page using Dreamweaver (5 points)
Due: 1/26/03

  1. Drag your folder from the "practice" folder (within the GDT 150 Section 2 folder) onto your desktop.
  2. Open Dreamweaver. Go to File > New... and choose Basic HTML page.
  3. Save this page as index.html, and save it in the public_html folder (your questionnaire.html file should also be in this folder).
  4. Go to the Insert toolbar and choose the table icon, or go to Insert > Table.
  5. For this table, make it 650 pixels wide, with one row, one column, 0 border, 0 cellpadding, 0 cellspacing. (The 650 pixels wide part will allow us to print without it running off the page).
  6. Inside of this table, insert content, including your name, your email address, your program intent, what you hope to get out of the class, and anything else you'd like to mention about yourself (or anything at all, really).
  7. Go through Dreamweaver MX Visual Quickstart Guide and include the following HTML elements into this page, using Dreamweaver:
    • Headings
    • Horizontal Rules
    • Using center, left and right alignment
    • Text formatting (bolding, italicizing, underlining)
    • Fonts and the attributes of face, color, and size
    • Body attributes: bgcolor, link, alink, vlink
    • Paragraphs
    • Line breaks
    • Hyperlinking: Absolute (any outside website you'd like to share) and relative (your questionnaire.html page), opening in a blank window. Also, an email link with your email address.
  8. Each time you use one of the above, make note of it somehow, explaining what the HTML code is accomplishing (e.g. "This text is made red by the font color attribute...", "This is a relative link, which goes directly into the folder that this index page is located.").
  9. Finally, print out your code and study it. Turn this in at the beginning of class Monday, January 26, along with a print-out from the browser.
  10. Bring the updated files to class with you on your zip disc (or whatever storage device you have).