Assignment 6. Tables

Tables have two main purposes in webpages. The first is for displaying data. The second is for page layout.

   

1. Convert part of your home page (default.htm) to table format. Use the button in the object window or the Insert -> Table menu item (both do the same). Make your table 2 columns and 15 rows (you can always add more later).

2. Once you've created your table, you can change it in the properties window. To get the table properties window, move the cursor near the edge of the table until you get the hand cursor, and click. You should see this in the properties window:

For the rest of the assignment, make a new page, called table.html, in your site. Don't forget to sychronize your site at the end of the day!

ANSWER THE FOLLOWING QUESTIONS ON YOUR TABLE.HTML FILE.

3. Experiment with the Width selection. When would you use a fixed size table (pixels) and when would you use a relative size table (%)? Give an example of each.

4. Make a table and set the Border to 0. What happens? Explain in the table.

5. Use the Modify->Table-> Commands,to reproduce the table below. You can resize cells by putting the cursor over the borders and sliding it.

 
     
 

6. What do Cellspace and Cellpad do?

Reorganize your Links page with tables. It's tough to make a really cool page without images, but we'll be doing images next - think about what images you would put in your page and leave space for them if you want!
Project:
  1. Open a new Dreamweaver document and name it Favorites.html. Create a Table with 5 Rows and 3 Columns. Make the column headings "My Favorite Foods", "My Favorite TV shows" "My Favorite Music"
  2. Fill in this information about yourself. (Make sure the would be rated G-PG13)note: you will be sharing these with your classmates.
  3. Create a blank webpage in Dreamweaver and save it as classmates.html
  4. Create a table which will have a row for each person in the class.
  5. Create 4 columns heading "Name", "Favorite Food", "Favorite TV show", "Favorite Music"
  6. Put the name of each person in the class (including yourself) and find out one favorite in each category for each person
  7. Put an email link at the bottom of your webpage so you can get some feedback about your page.
  8. Put a link on your default.html page to classmates.html.

To do more:

Explore the Insert ->Table Objects ->Tabular Data function. First - Make an AppleWorks spreadsheet. Save it as ASCII using the Save As function, and try importing it into your table.html page.

Back to Ms. Errico's Web Publishing Main Page