COMP 101 Spring 2013

Lab 4: Elections (Using the Box Model)

You are to create a web page and upload it to isis under your onyen as index.html in a folder named Lab4. That means that we will be able to access it using http://www.unc.edu/~onyen/Lab4. This structure must be exact.

The content of the page is the text that is found in elections.txt. When you click on the link, your browser may open it directly in a new window, in which case you can simply copy in into the body of your HTML page. If it downloads it for you, open it is in a separate tab in Komodo Editor and copy and paste from there.

You will produce a web page with a header, section, and footer component.

The file has all the paragraph and head (h1, h2) tags that you need. You will need to add the componet tags and fix the indentation.

The HTML is to use the following subsection structure

• The h1 tag, "United States Presidential Elections" is to be the content of the header.
• The h2 tags, "The Candidates" and "Technology", and their subsequent paragraphs are to be the content of section.
• The final two paragraphs are to be the footer portion. In the posted by line, you are to include your name and today's date.

The title of page (on the tab) is to be "November Neuroses".

All formatting to the page is to be done using an external style sheet (CSS). You MUST use an external style sheet. Specifically, the page should use non default formatting for:

• The header is to be centered at 75% of the page width. Both the text and the box are to be centered. The font is to be 16pt. It is to have a different background color than the page and a contrasting border. The border is to have rounded corners.
• Section is to be centered at 75% of the page width but the text is to be left justified. It is to have no border and the background is to be the same as the rest of the page. The font size is to be 12pt.
• The footer is to be in italics at 8pt. There is to be padding of 8pt between the text and te border. The two lines should be treated as separate paragraphs. It is also to be centered at 75% of the page and the text is to be right justified. It is to have the same background color as the page and a border in a contrasting color. This border is to have square corners.
• You may use any font style and background color that you choose or you may leave them as the default.

The HTML and CSS for the page are to be properly formatted with appropriate indentation.

Remember to include a comment with your name and the date of the last update in the CSS file.

By submitting the lab you are pledging that you have neither given nor received unauthorized help.

HTML Validator and CSS Validator