MAT 125: Web Design 1: Fundamentals : EXERCISES

<< .. Go to .. Home .. Class Demos .. Previous Exercise < .. > Next Exercise .. >>

Exercise 7:
FORMS

In this exercise we will design web page that uses a form to collect data.

HTML Elements

  • <form> </form>
    • action="url"
    • method="post"
    • enctype="text/plain"
  • <input>
    • name="name"
    • type="checkbox"
    • type="radio"
    • type="text"
    • type="submit"
    • type="reset"
    • type="hidden"
  • <select> </select>
    • name="name"
    • <option> </option>
  • <textarea> </textarea>
    • rows="x"
    • cols="x"
    • wrap="x"
    • name="name"

Exercise Requirements

  • Use all the different kinds of form input types in one form.
  • Make up your own creative content.

Images

  • Optional

Design Process

  • Create a project folder named "YourLastNameE7"
  • Follow the usual procedure for making HTML documents.
  • Save all HTML docs and images in your project folder.
  • Review your work in a browser before uploading to the server

Final Presentation

  • Upload your HTML documents to the server and view them in a browser.

Evaluation

This exercise is worth 20 points.

  • Coding (4)
  • Functionality (4)
  • Meeting project requirements (4)
  • Your effort (5)
  • Meeting deadlines (3)

Due Date

Text Reference

  • Chapter 9: pg 143 - 153, 156 - 160
  • Review Lecture in Course Content on Blackboard

Online Demos

<< .. Go to .. Home .. Class Demos .. Previous Exercise < .. > Next Exercise .. >>