Part II

I already gave most of the details of Part II away in the introduction. I'd like to encourage each of you to design and lay out a page using tables. It could be a redesign of an existing page or something completely new. You could use tables to layout your home page more "professionally", put your family photo album online, etc. The choice of subject is up to you.

I will, however, give you one suggestion. If you want to perform a service of benefit to the rest of the class and you have more of a knack for graphic design than I have (not hard), you are invited to take on the re-design of the page format I use for lecture slides. Pick one of my slides and make a prototype of a layout you like the looks of. If somebody does a good job of this, we could all enjoy a refreshing change in the appearance of the screen display in class.

While you are free to chose the content of the page you format using tables, there are some technical requirements. First, make it clear what page is to be graded as your "Part II" (put a link on your cs105labs page that will lead us to the example of table based layout you have produced). Also, don't take advantage of the open-endedness of this by producing a very simple table. Effort will count. In particular, at a minimum your layout must use at least two of the following "techniques":

• Explicit specification of cell widths and heights,
• ROWSPAN and COLSPAN attributes, and
• Tables nested within other tables.

For those who don't feel like making up a page design, I have concocted an HTML table making project that will give you comparable experience with the table layout techniques. Below, I show a table I created to display my weekly schedule. If you would rather not work on page design, just build a similar table for your own course schedule. Like mine, your table will have to use cell heights and ROWSPAN's to arrange for the cells indicating course meetings to line up correctly with the cells showing the hours of the day in the leftmost column of the table. Your course schedule table should:

• include all your class meeting times.
• be drawn to "scale" (i.e. the vertical space used for each slot should be proportional to the time it occupies. In particular, Each of the "hour" slots in the left column should be of the same height.)
• align the tops and bottoms of cells accurately. (For example, note that the beginning of the 105 lab on Thursday morning in my table is slightly above the slot of CS 134 lectures because labs start at 9:55 while lectures start at 10:00.)

You are allowed to "cheat" on this exercise by examining the HTML for my course schedule. It illustrates some tricks you may find essential.

If you choose this option, just add the completed table to your "tables.html" page.

	Monday	Tuesday	Wednesday	Thursday	Friday
8:00
		CS 105 Lect.		CS 105 Lect.
9:00	CS 134 Lect.		CS 134 Lect.		CS 134 Lect.
				CS 105 Lab
10:00	CS 134 Lect.	Office Hours	CS 134 Lect.		CS 134 Lect.
11:00					CS 105 Lab.
12:00
1:00	CS 134 Lab.	Meeting with honors students	Office Hours
					CS 105 Lab
2:00				Office Hours
					CS Colloq.
3:00
4:00