Form on a webpage

Instructions:

Create an informative website about any topic that interests you.  Make sure that you write the content (the paragraphs of information about your topic) yourself.  Do not copy content from other web pages.  Your website should contain at least 4-6 paragraphs of information, arranged in a logical manner (using headings and sub-headings appropriately), and it should contain at least 4 HTML pages.  Use this as an opportunity to teach me something new about a topic which you are knowledgeable about!  You may continue to build on the web page that you created in weeks 1-3.

This week you will add a form to your website.  You should add a new page to your website and put the form on the new page.  The information that the form gathers should be relevant to the theme of your website. For example, your form could be used as a survey, asking visitors to your website to share their opinions or preferences with you on items or issues relevant to the theme of your website.

The HTML pages of your website must include all of the following:

1. Contains the HTML 5 DOCTYPE declaration on each page
2. Correctly uses html, head, body, and link tags on each page
3. Includes charset, author, keywords, and description meta tags on each page
4. Use title tags to give each page an appropriate title
5. Link all pages to an external style sheet (.css file)
6. Appropriate navigation between pages of your website, using local hyperlinks (coded with relative paths)
7. Your page must contain only one form, with an opening and closing form tag. Your form must use the post method, and for the action attribute use "http://ss1.ciwcertified.com/cgi-bin/process.pl".
8. Your form must contain each of the following types of form fields:
   • textbox
   • radio button
   • set of check boxes
   • multiple-option select list
   • text area
   • password field
   • file upload
   • submit button
   • reset button
9. Make sure descriptive text precedes each form field, as well as descriptive text for each input value or on each button.
10. Be sure to create relevant and informative content and to design your website attractively.

Your external style sheet (.css file) must include all of the following:

1. Appropriate CSS for main elements in your page (body, headings, horizontal rules, images, etc.), such as page background color, text color, font types, font sizes, font colors, width, height, float, margin, etc. (Basically, this refers to the CSS you added to your website in Assignments 2 & 3, so fix any errors or omissions from the last assignment before adding the new code below to your CSS file).
2. Add any additional CSS properties that you would like for your form (optional)

Before submitting your web site:

1. Validate all HTML files at http://validator.w3.org/ and fix any errors that the validator identifies before submitting your web site for grading.
2. Validate all CSS files at http://jigsaw.w3.org/css-validator/ and fix any errors that the validator identifies before submitting your web site for grading.