Homework 2
Topic: XHTML and CSS
Due date: Thursday, September 24th
Objectives
- experiment with page layout using CSS
- experiment with page layout using CSS
Part 1 (Layout using CSS)
Write the HTML code to produce a page with the layout shown on the right - a header, footer, and 2 columns. The header, footer, and both columns must be composed of at least 2 block-level HTML elements (e.g. paragraph, list, heading). Include a link to the page that you will produce in Part 2.
Use div's and CSS positioning appropriately. Do not use tables for layout.
Publish the page in your account on antipasto so that the URL is "http://antipasto.union.edu/~username/csc240/hw/hw2".
Part 2 (Tables)
Write HTML code to produce a page with a table that is structurally similar to the table shown in the image on the right but that contains your own data that is relevant to your subject. It should have the same number of rows and columns and require the same use of rowspan and colspan. At least one cell must contain an image. The appearance of the table should be controlled using CSS (not attributes in the HTML tags). The cells must have borders and the rows must alternate in background colors as in the example.
Publish the page in your account on antipasto so that the link you created on the page for Part 1 is functional.
(The image was captured and cut from http://sports.espn.go.com/mlb/statistics.)
Turn in:
- printouts of the XHTML code for the two pages
- printouts of the XHTML code for the two pages