Tables

Exam 2

There will be an in class exam on Head First HTML and CSS on 4/25. You may bring a one-page summary of what you have learned in this class to the exam. Your summary must be an html page (formatted with CSS) on your website (accessable from my Student web sites page). You can print out your summary in class on 4/23.

Tools

XHTML to PDF translator: Prince 8.0 download or online converter.

Lab 13

Tabulating Tony's Journal

1. Create a new LAB13 subdirectory of your LABS directory.
2. Download and unzip LAB13.zip in the new directory.
3. Create and style a table for Tony's journal.html following the directions in the text. The table should have:
   • Information about the towns visited (see book for data).
   • The indicated caption.
   • A table inside a table to hold the different ratings from Tess and Tony.
   • Alternating rows colored orange.
   • Text entries aligned left, center, or right, depending on type.
   (Note: the file table.html has the first two rows of the table already filled in.)
4. Follow the directions at the end of Chapter 13 to add backpack images as the bullets of Tony's list of things to bring.
5. Edit the index.html file in your LABS directory to have a link to of your revised journal.html page.

Add Tables to Your Project

1. Revise the index.html page in your PROJECT directory to present your weekly class schedule as a table.
2. In your PROJECT directory, create a calculator.html page (with a link to it from your index.html page).
3. In the body of this calculator page, create a table with 5 rows and 5 columns.
4. The first row of this table should contain one cell (spanning all 5 columns). For now, it should be blank.
5. The first 3 cells in the second row should contain 7, 8, and 9.
6. The first 3 cells in the third row should contain 4, 5, and 6.
7. The first 3 cells in the fourth row should contain 1, 2, and 3.
8. The second cell in the fifth row should contain 0 .
9. This row's first and third cells should contain ? and ..
10. The 4 cells in the fourth column (after the first blank row) should contain /, *, -, and +.
11. The a cell in the last column spanning the second and third rows should contain C.
12. The another cell in the last column spanning the forth and fifth rows should contain E.
13. If you have time, review the JavaScript components of previous labs to see if you can cause a popup window containing the contents of a cell to be displayed whenever the cell is clicked on.

Always turn off your computer and screen before leaving the room.