ALS 3203 - Lesson 8
HTML Forms, HyperLinks, (Putting it all together)

Narrative: Hyperlinks and forms glue web pages together, providing for the submission and processing of user input, and movement within documents and between documents. In this lesson you will be introduced to both of these methods. One key point about any information exchanged or created on the Internet. In order for that information to be saved, it must be processed by one or more "scripts" which may be written in a variety of programming languages. These are placed onto the server that will receive the submissions, and are known as "server-side scripts." If the information is not to be stored and saved, "client-side scripts" written in JavaScript may be used. For more details, read this.

Lesson Objectives:

  1. Learn how to use HTML to create a html form that will receive and send user input
  2. Learn how to create an email hyperlink within your document
  3. Incorporate all HTML techniques that you have been introduced to thus far
  4. Use a trick to generate colored lines and bar graphs in a web page
Lesson Tasks:
  1. Using some or all of the colored dots provided here, create some (more than one) colored lines in the form you produce for this lesson (you will need to download them from here: I made them large enough for you to see. Just change height and width values to make them smaller or larger.) Right-click on each dot and choose save image, save it to your disk (guess where?)
    black dot - a black dot
    green dot - a green dot
    grey dot - a grey dot
    orange dot - an orange dot
    red dot - a red dot
    teal dot - a teal dot
    yellow dot - a yellow dot
  2. Using a variety of form tags (at least 3, view glossary for these), create a web page with a form that allows for user input (see example) (DO NOT COPY THIS EXAMPLE). Produce your web page using all techniques and information learned from lessons 5-8. Since you do not have access to server-side scripting, use action="mailto:youremail@some.com" for your form submission action="" (replace youremail@some.com with your own email address). When you have finished, try it out. Most email providers will not allow form submission using email, so don't be surprised if it fails.
  3. Create an email hyperlink to yourself within your web page
  4. Submit finished form HTML file codes to me using the web page submission form. Save the file also to your als3203 folder. If you use any images, be sure to send those and save them to your folder also.
  5. Complete and submit Lesson Completion Certification
  6. Note: Exam 2 will be comprehensive and include questions about creating web pages using all of the techniques you have been introduced to.
Lesson Resources:
  1. About Forms - Validating User Input
  2. Web sites dealing with HTML FORMs
  3. Web site dealing with many FAQ html issues)
  4. Glossary of lesson terms

start lesson 8 Lesson 8 Glossary Email me
Today is:
University of Florida Home Page