Webpage 3

Due : Oct. 16, 2006 at 4:15 pm

 

All graphics must be in the images folder. If you did not do this for Webpage assignments 1 and 2, do it now.

Create one web page called 'form.html' that is a form to apply to a graduate school.

The following fields and field restrictions should be on this form

  • First name (no more than 25 characters)
  • Last name (no more than 25 characters,)
  • address (no more than 25 characters)
  • City (no more than 20 characters)
  • State (no more than 2 characters)
  • Zip code (no more than 10 characters)
  • Phone, be sure to enter the format you want the phone number to be entered in.
  • Gender - this must be a radio button
  • Academic programs that are offered in this graduate school - this must be a drop down box
  • Comment field - Multiple line text box
  • 1 other radio button field
  • 2 check box fields
  • 1 other drop down box field
  • Hidden field in XHTML document that defines the recipient and value, similar to this example (but with your information):
    <input type="hidden" name="recipient" value="ashelton@albany.edu" />

Form heading should have the following code:

<form name="name_of_form" id="name_of_form" method="post" action="mailto:ashelton@albany.edu" enctype="text/plan">

Go to Labels - top of form, bottom of form

<a href="#top">Top of Form </a></strong></p>

<a id="top" name="top"></a>

 

Sample forms

Amazon account creation

Interactive Media Center

Requirements for this web page:

  • An appropriate graphic for this page created in photoshop
  • Table layout
  • Instructions on the purpose of this webpage and instructions for filling it out.
  • All fields should be appropriately labeled
  • linked(import) Style sheet
    • Body selector and at least 4 different declarations
    • At least two other tags/styles with different declarations.
  • XML declaration with iso-8859-1 encoding
  • DTD for XHTML Transitional 1.0
  • Namespace convention for XHTML
  • Title tag with your name and the word "draft".
  • Meta tags for author, keywords, description, character set with iso-8859-1 encoding, and generator
  • Page authored by with your name and your email address (as a clickable mailto link)
  • Date and Time the file was saved using a javascript code provided in template.
  • XHTML and CSS validation icons
  • linked(import) Style sheet
    • Body selector and at least 4 different declarations
    • At least two other tags/styles with different declarations.
  • Disclaimer at the bottom of the page that reads something to the effect: This web page is an assignment in the course IST361: Web Development in the College of Computing and Information at the University at Albany.

 

Valid XHTML 1.0! Valid CSS!