Discuss the following steps to modify the below design:
Web Form and Advanced XHTML
Instructions
/* External Style Sheet */
body
{
background-color:#EFEFEF;
font-color:#000000;
font-family: Verdana, Geneva, serif;
font-size: 12px;
}
.header1
{
text-align: center;
font-size: 200%;
font-weight: bold;
}
.header2
{
text-align: center;
font-size: 175%;
font-weight: bold;
}
.header3
{
text-align: center;
font-size: 150%;
font-weight: bold;
}
Step 1: Modify your external style sheet as follows:
• In your stylesheet give the table tag selector a border with a width of 3 pixels, dark blue in color and the border style should be dashed. The table should also have a light gray background in color.
• In your stylesheet create a class called "endrows" set its style to have a dark blue background with white text. Add this class to the top and bottom rows of the table.
• Remove the header tag from the table's first row. Create a class in your stylesheet called "tableheader" and make the text stating "My Registration Form" bold, centered and italicized. Apply this class to the particular cell tag that the text is in.
Step 2: Using a text or HTML editor create a web page with the following content and formatting:
In header tags of decreasing size centered on the page:
o Your Name
o The course name and title
o The Lab #
Make sure that your lab4xx.htm links to the external style sheet.
Step 3: Put an opening form tag, name the form "register", put the method as post and make the action a mailto to your instructor's email address.
Step 4: Create a table with four rows and the following structure.
• Within the first row, create one column that spans 3 columns and place a centered header that says "My Registration Form".
• In the second row, create 3 columns-in the first column put some right aligned text that says "Name (First, Last):"; in the second column put a text field that is 15 characters long in size but will accept a maximum of 20 characters of data; and in the third column put a text field that is 30 characters in size but will accept a maximum of 40 characters of data.
• In the third row, create two columns. In the first column put some right aligned text that says "Email:". The second column should span the 2 columns above it. Within this second column, put a text field that is 45 characters in size but will accept a maximum of 60 characters of data.
• The fourth row is similar to the first row in that it should have one column that spans the columns above it. Within this column center two buttons-a submit button and a reset button. Make sure the button is a type="submit" or the form will not work.
Step 4: Put your closing form tag after the closing table tag.
Step 5: Save the web page in two different formats: Once as a text document that you entitle lab4xx.txt where xx is your initials, and again as lab4xx.htm. Save your modified external stylesheet as both .css and .txt files