1. Create a HTML page using the correct file naming conventions described in the special instructions on the cover sheet. You will demonstrate embedded, inline and external CSS styles on this page. Your page should also demonstrate use of at least one (1) class selector and one (1) id selector. This page will use a three-column layout. The page should have a heading with your full name and use the SCU logo. A navigation bar should be constructed under the heading.

2. In the left column of this page, for the following web address: http://infotech.scu.edu.au/~afletch1explain in detail each part of the URL provided and what kind of information is passed in the address.

3. In the middle column of this page, explain each part of the CSS Box model. You should use at least six (6) different CSS formatting styles in your answer.

4. In the right column of this page, create a form with a submit button. The form MUST:

a) Use the “post” method

b) Target http://infotech.scu.edu.au/cgi-bin/echo_form  in the form action

c) Be styled using only CSS

d) Contain the following fields:

• Text field maximum size 40 –Favourite Primary Colour (required - DO NOT use the HTML5 required field – this field must be checked by JavaScript on submit). The three primary colours being checked are red, blue and yellow

• Colours as a radio button group divided into seven (7) colour ranges as follows: Blue, red, purple, orange, yellow, cyan, green

• Contain six (6) checkboxes for how a person might use these colours: Paint a wall, paint a house, paint a car, paint a horse, none of these, other

• A submit and a reset button

e) Use JavaScript to check that Favourite Colour is not empty and matches one of the three primary colours mentioned previously. The JavaScript should alert the user to incorrect entries. 

5. Your pages will be also graded on coding style and validation