Basic CSS Assignment

Overview

Create a copy of the last page you made. Modify this new copy with basic CSS designations. Use Cascading Style Sheets technology to improve the colors and layout of your page.

Adding CSS

Begin with the page you created in Lab one. If you have not yet done that lab, please do it before attempting this lab. You will be defining the style that explains how the text should be displayed.

• Make a copy of the file you created for lab one
• Add a CSS section to the header area
• Add a style for heading levels one and two, paragraphs, and the body
• If you have other HTML elements in your page, you can add CSS descriptors for them as well

CSS Styles to use

This lab focuses more on the presentation (CSS) than the content (XHTML). Your CSS should contain at least one example of each of the following:

• color
• background-color
• text-align
• font-family

A note on colors

For this lab, you can use color names, like "red" or "purple." A list of legal color names is available at webStandards.org. If you know how to use hexidecimal colors, you are free to do so, but we will learn them in a later section

Technical Requirements

Please make sure your assignment meets the following minimum criteria:

• It must comply to XHTML 1.0 Strict validation. Once again, use the w3 validator to check your code.
• Validate the CSS as well as the XHTML (fortunately, this is usually pretty easy.) Use the CSS validator at w3c.org to check your CSS.
• Your page should be easy to read. Do not use dark text on a dark background or light text on a light background
• Please create your page in a plain text editor such as notepad or synEdit. Do not use a graphical editor
• Please save your page as lab2.html
• Use the oncourse dropbox to turn in your project