Assignment - Tables

Part 1

Update file assignment4.html so that the schedules for the two classes are in tables. Your solution should look like this. You may use this HTML as a starting point. Notice that it has been rewritten to use an embedded style sheet. This will make your life much easier.

Part 2

Create a file named assignment_table.html which displays the following table. Click the picture for a large image that you can print and draw lines on.

The morning hours, anything before 12:00 p.m., appear in light yellow (#ffffcc). Afternoon hours, defined as 12:00-4:00 p.m., are in light green (#ccffcc). Evening hours, 5:00 or later, are in light blue (#ccccff).

The times must be right-aligned so that the colons line up. The topics must be centered. The names of the days of the week must be left-aligned. The table headings must use the <th> element. The table must have a cell padding of four pixels. The page must have a title (and a level one heading) of “XML in Three Days”

Remember to put a link in your assignments/index.html page that goes to assignment_table.html.

Part 3

Use tables to adjust the layout of the files evc/register.html and evc/buildings.html that you did earlier.

File register.html

Use tables to vertically center the text next to the pictures, as shown in this screenshot. When you modify your file, I strongly suggest that you do not try to do it all as one table; make three separate tables, one for each picture/text section.

Because you are putting the pictures and text in table cells, you will not need the style="float: left" or style="float: right" attributes on the images. You won’t need the <br style="clear: left"/> or <br style="clear: right"/> either.

File buildings.html

Use tables to center the building names under the pictures, as shown in this screenshot. Again, do not make a single table for the whole page. Instead, make a table for each of the images-and-pictures groups.