Dan Fergus Design > Student
Resources > Syllabus > Class
Schedule > Exercise: Tables
Exercise: Tables
Assignment
Using the data provided, create a table with HTML and CSS.
Procedure
- Download this Excel spreadsheet (right-click and Save Link As). It contains a table of information pertaining to ship arrivals & departures at Duluth & Superior.
- Launch a text editor (or Dreamweaver).
- 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>.
- Create a table, either by hand coding or using Dreamweaver's table tool.
- 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).
- Cut and paste the contents from the Excel spreadsheet into the table.
- Add stylesheets to control fonts, padding, colors, etc. Make it look pretty.
- 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. |