CIT040 Index > Assignment - Tables

Assignment - Tables

The object of this assignment is to use tables.

Read everything before doing anything.

Tabular Data

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 XHTML 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.

Complex table for assignment

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 index.html page that goes to assignment_table.html.

Tables for Layout

Part 3

Modify the file register.html in your public_html/evc folder (it was part of assignment 5). As it is currently written, the text for the pictures on the page aligns with the top edge of the picture, as shown at the left in the following figure. What we want to see is the text centered vertically alongside the image, as on the right side of the figure:

comparison of text alignment

Use tables to make this happen. You may use this XHTML as your starting point. The top part of your resulting page will look something like this.

Part 4

This section of the code will require you to modify the buildings.html file, which you created in Assignment 5. This file is in the public_html/evc folder.

As it is currently written, the names of the buildings appear centered beneath both images. Rewrite the page, using tables, so that each building’s name appears centered under its picture. The result should look like this. You may use this XHTML as your starting point.