CS-081 Assignment 3

This assignment is an exercise in building tables. Tables make sense for displaying any sort of information that has an inherent grid or matrix structure. In the past they were also used to control the position of visual elements of web pages, but that use of tables has been replaced by Cascading Style Sheets (CSS), which we have not covered yet. If you think of tables as two-dimensional lists you will be on the right track towards using them correctly.

Start your web page by copying the course template into the index.php file of a directory named Assignment_03 . Change the page title and the level 1 heading to “Tables by ...” with your name in place of the “...”.

Change the <h2> for the content div to something meaningful, and inside the content div create a table with information about media you own and/or like, including books, movies, CDs, games, etc. Create column headings for: the title of each item, the author or performer of the item, the media format (Book, CD, etc.), your numerical rating for the item (a number from 1 to 10), and your comments about the item. Do not format the table in any way, but use <th> tags for the column headings, and use the scope attribute to indicate that they are column headings. Your table is to have at least four rows. Be sure to validate your code; you’ll find there is a required attribute for tables in order to pass validation. Use a meaningful value for that attribute in your code.

Create a caption for your table using the <caption> tag.

Add a footer row to your table. Make the leftmost column be a header named Average Rating, make it span three columns, and use the scope attribute to indicate that it is a row header. Put your average rating at the bottom of the proper column. Leave the comments column for this row blank.

Use the <tfoot>, <thead>, and <tbody> elements to structure your table properly, and be sure you used the scope attribute with the proper value for all your <th> tags.

That’s it! Make sure you test your page carefully, make sure it validates correctly using the XHTML link at the bottom of the page, and let me know when it is ready for me to check. Remember to put your name in the body of your email message, and use “CS-081 Assignment 3” for the Subject.

Due Date: March 7.