Table Activity

  1. Launch Dreamweaver and create a new blank document.

  2. You will create a schedule.

  3. Type the word "Schedule" at the top of the page and press Return.

  4. Click the Insert Table button. Create a table with:

    • 3 rows and 6 columns

    • 0 cell padding and spacing

    • width = 90%

    • border = 1

  5. Click OK.

  6. In the first cell in the top row, type the word "Time". (*Tip-hit tab to move to the next cell).

  7. Type the days of the week (Monday - Friday) in the rest of cells in the top row.

  8. In the "Time" column, begin adding time slots that reflect your school day.

  9. You have quickly run out of rows - No problem! In the bottom left corner of your document window, click the "table" tag to select the entire table.

  10. In the Properties window change the number of rows from 3 to 10. (*Tip: You can also press the tab key to insert another row.)

  11. Continue adding time slots (add more rows if you need them).

  12. Click on the word "Time", then click the <tr> tag in the bottom left corner of document window to select the row.

  13. Make the top row bold by clicking on the "B" in the Properties window.

  14. In the bottom half of the Properties window (cell portion), set the background color (bg) of the row to be a light gray and the border color (brdr) to be black.

  15. Next, choose a time slot during the day that you normally eat lunch. Highlight (by clicking and dragging) the cells in that row from M-F.

  16. Click the "merge cells" button underneath the word Cell in the Properties window.

  17. Type the word "Lunch" in what is now a single cell and center it using the Properties window.

  18. Make a few other formatting changes to your table if you like.

  19. Save the file as "table_example.html".
  20. If completed correctly, it should look like this.