Table/Image/Mapping Assignment

I am giving this assignment before I have covered classes, so I want the styling done without using them. We will revisit how to do them with classes.

This assignment should be written in HTML5 and again in XHTML and both should validate.

One of the ways that you can design a page is to use a table as the overall framework and layout the contents of the page within the table. With the grouth of CSS, this is not used as often, but it is a good way of learning about tables. I want you to do the following assignment:

• Make a table your overall page structure - you should have two or more columns and as many rows as you need
• Use rowspan and colspan as you lay out the table
• You should have a header that use multiple cells
• Decide whether or not you like the look with or without borders
• Put a variety of images in the cells and include text around at least two of the images
• Put an image in one of the cells and map it to several external pages
• Have an image used as an icon to click on to link to another page or another area of the current page
• Have one cell that is completely text and one cell that contains a list
• Use some CSS for color and other style elements
• Have a background-color for one or more cells in the table
• Have a font color for one or more cells in the table