HTML and CSS Assignment #2

For this second assignment, follow the instructions found in this tutorial to create an HTML document and a CSS file. You should also create a secondary, alternate CSS file for your HTML document, which 'flips' the page horizontally, putting the side bar on the right and the logo on the left etc… Feel free to also play with background images and fonts and font colors in your alternate CSS file.

Marks

• Submission of the HTMl document and default CSS file (5%)
• Submission of the alternate CSS file (5%)
• Use of all the CSS properties in the tutorial, as well as proper use of all those CSS properties (25%)
• Properly structured HTML document: The structure of your HTML document and inclusion of a relevant title element in the head. (20%)
• Research of DOCTYPE declaration: in your readme file – in one or two sentences – comment on the DOCTYPE declaration you used, and what you think it means. (5%)
• No tables controlling layout: You are not permitted to use tables for layout purposes. (10%)
• No use of the 'style' attribute nor element: You are not permitted to use the style attribute nor the style element in this assignment; all styling should be in an external CSS file. (%10)
• Commenting and indentation will be worth 10%, so comment your work well or you will be marked poorly.(10%)
• Feedback: Your readme file should include information on concepts you stuggled with while writing this assignment. (5%)
• Demonstrating an understanding of the concepts behind HTML and CSS as well as best practices (only one <h1> element on a page; always close tags; always an 'alt' attribute for an <img>; tag names in lower case…) (%5)
• Properly formatted HTML: Every parse error in your HTML (floating < > characters, improperly closed tags) will result in a 5% penalty.

What to Submit

Submit an archive file which contains:

1. A readme.txt file
2. The HTML document
3. The CSS
4. Any images etc your HTML document or CS requires
5. A second, alternate CSS file, which mirrors the page horizontally. (anything on the left, like the side bar, should appear on the right, and anything on the right, such as the logo, should appear on the left)
   • Be sure to link your HTML file to both the default CSS file and the alternate CSS file.

You must submit a readme.txt file, which should include your name, your ENCS username, and your student ID number. If you don't you will be penalized by up to %20 in addition to losing marks for any missing work which would have been in the readme file.