Web Development FundamentalsWeb Development FundamentalsWeb

Web Development FundamentalsWeb Development FundamentalsWeb

Web Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development FundamentalsWeb Development Fundamentals
Pre-Lab 5
Page 2 of 4
Introduction
This pre-lab will prepare you for lab test 5. It is MANDATORY to complete this pre-lab or you will NOT receive access to the lab test. The pre-lab does not get submitted; once it is complete make sure it is uploaded to GBLearn.
Goals and Outcomes
Pre-lab 5 will have you create an html5 page that contains a form.
Task
The last page contains an image of a form that you must reproduce. The image has numbers next to each section and a description below describing how to format that section
1. This is a level one heading, right-aligned.
2. The Email webmaster must be a mailto: link that sends you an email with the subject Site Feedback. The George Brown College Website link must open http:// georgebrown.ca in a new window.
3. These are level two headings. Their text color is #660000, and the font size must be set to 125% of normal, and they must be italic. To eliminate the extra vertical space that headings give you, add margin: 0px to the style.
4. The value of the name= attribute for the “Name” field must be student. The “Email” field must be named email. Both fields are 30 characters wide, and allow 28 characters maximum input.
5. The radio buttons must belong to a field whose name is age. The “18-25” button must be the default choice. The values for each of the buttons must be the same as their text:
o <18
o 18-25
o 26-40
o 41-65
o 65+
6. These checkboxes all belong to a field named goals. The values for each checkbox are:
o For Associate Degree, the value is AA
o For Transfer to CSU, the value is CSU
o For Transfer to UC, the value is UC
o For Personal Enrichment, the value is Personal
7. The name of this select menu is academic_field. It shows six entries at a time, and allows multiple selection. The options and their values are listed here, with the values in square brackets. Do not include the square brackets in your menu options.
Page 3 of 4
o [ACCT] Accounting
o [ASTR] Astronomy
o [BUS] Business
o [CHEM] Chemistry
o [CIT] Computer/Information Technology
o [HLTH] Health
o [HIST] History
o [LART] Language Arts
o [MATH] Mathematics
o [P-E] Physical Education
o [PSYC] Psychology
o [SOC] Sociology
o [THEA] Theatre Arts
8. The comments area has the name comments and is five rows by fifty columns.
The background image can be downloaded from this url:

formbg


***Form image is below***
Page 4 of 4

find the cost of your paper