CIS 89A Index > Assignment 6

Assignment 6

The object of this assignment is to use tables.

Read everything before doing anything.

Tabular Data

Create a file named assignment6.html which displays the following table:

Complex table for assignment 6

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 assignment6.html.

Tables for Layout

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

As it is currently configured, the text for the first two 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.

At the bottom of the page, you have thumbnail photos of three sculptures. Update them so that they have the name of the sculpture and the artist centered beneath them, in a small font. It should look like this:

Three JPGS with centered titles

The titles and artists are: