This week we introduced XHTML tables and demonstrated how they can be used to present information. We've also talked about web forms and how they can be used to send information to a web server.
For this week’s lab, you are going to do two things:
This lab will be building directly onto the page you created for lab 1. We highly recommend carefully reading this entire lab before you start.
· The table has a caption, summary, border, header, and footer
· The table provides some useful information regarding a schedule of events for your themed web site
· The schedule should encompass the events for at least three days/time slots of events and four events on each day/time slot. Be creative!
· The table must use spanning techniques to have one data element span two or more rows and another data element span two or more columns.
· At least one row or column has the horizontal or vertical alignment set different from the default.
· There is some series of links to get from your index.html page to the page that contains your form.
· Your form collects necessary information from the user such as name, rank, SSN, e-mail address, leave address, leave phone number, new address, new phone number, seating preferences (table number), special dietary requests, working party, course title, course number, sport, team name, ingredients, directions, etc as appropriate for your topic.
· These forms should contain at least one of each of these input types: hidden, submit, reset, text, password, checkbox, radio button, text area, and select input fields. Tip: for password, either assume the user has an existing account or ask them to create a password to be used for possible changes to their request later.
· Use /Users/cs/lmcdowel/courses/it350/tools/FormChecker/submit.cgi as the action for your form. (Later in the course you will write your own version of this) You can use either get or post – pick the one that is appropriate for your form. Test that each of the inputs correctly transmits its information by viewing the output of submitting your form.
· Lab02/index.html (the page you created last week, copied into Lab02) must have a link to your schedule page
· The schedule page has a link back to Lab02/index.html
· The main student page of your web site (default.htm) must have a link to Lab02/schedule.html
· All links must work.
Your web page must follow the guidelines given in the course’s Lab Guidance page, including the limitations on acceptable editors.
For a nominal amount of extra credit do the following:
1. Tables are often used to help with web page layout. Create a new form, perhaps to have the user buy something from your site. Then make appropriate use of a table inside your form to nicely layout your form input elements.
a.) A completed assignment coversheet. Your comments will help us improve the course.
b.) The first page of the output of the W3C validator, as run on the final version of your Lab02/schedule.html. This should show that your document correctly validated, but turn it in anyway if you can’t get your page to validate. If the W3C validator is not working when you need it, you may substitute results from http://www.validome.org/ instead.
c.) First page of the validator output for the file that contains your XHTML form (if not in schedule.xhtml).
d.) A printout of the source to your Lab02/schedule.html file (not the rendered page that you normally see with Internet Explorer).
e.) A printout of the source to the file that contains your XHTML form (if not in schedule.html).
When finished, the structure of your web site should look like this: (items in blue shall undergo creation/modification during this lab)
default.htm (main page for the course; has links to each week’s lab)
index.html (the main page of your unit that you created last week)
schedule.html (the file with a table containing some schedule info)
form.html (a file containing an XHTML form. This page is optional – you can include the form in a different page if you wish)