VCA222 Web Design

Exercise: Tables

Assignment

Using the data provided, create a table with HTML and CSS.

Procedure

  1. Download this Excel spreadsheet (right-click and Save Link As). It contains a table of information pertaining to ship arrivals & departures at Duluth & Superior.
  2. Launch a text editor (or Dreamweaver).
  3. Determine how many rows & columns you will need to reproduce the table. Also, determine which table cells should use headings <th>, and which should use regular data cells <td>.
  4. Create a table, either by hand coding or using Dreamweaver's table tool.
  5. Merge cells together where appropriate (for example, the row that contains the table's title could be merged so that it consists of one long cell, spanning the entire table).
  6. Cut and paste the contents from the Excel spreadsheet into the table.
  7. Add stylesheets to control fonts, padding, colors, etc. Make it look pretty.
  8. Consider adding pictures. Here are some sites that have Great Lakes shipping related images you can use:

Deliverables

Upon completion, give me a copy of your root folder for this project.

Deadline

Week 6: Due, beginning of class.

Point Breakdown

4 pts

Went well above and beyond and created something special.

3 pts

Added styles & images.

2 pts

Did what was required.

1 pts

Contains one or more errors.

0 pts

Poor showing; mostly incomplete or full of errors.

Class schedule

Syllabus

Student resource index