Assignment #6
Tables
table.html

 

Tables Video

  Objective: You will be able to employ tables in your webpages for use with layout or tabular data.
 

The Steps

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

   

1. Make a new page, called table.html, in your Sites Folder.
Convert part of this page (table.html) to table format. Use the button in the object window or the Insert -> Table menu item (both do the same thing). Make your table 2 columns and 4 rows (you can always add more columns or rows to a table 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 top edge of the table until you get the table cursor, and click. You should see this in the properties window:

3. ANSWER THE FOLLOWING QUESTIONS IN THE TABLE YOU'VE JUST CREATED, WITH THE QUESTIONS ON THE LEFT AND THE ANSWERS ON THE RIGHT (LIKE THE EXAMPLE BELOW).

Question 1: Experiment with the Width selection. When would you use a fixed size table (pixels) and when would you use a relative size table (%)? In other words, give an example of when you might use each. Answer 1:
Question 2: What is the default alignment of text in a table cell? How can you change it? Answer 2:
Question 3: Set the border of this table to zero (0). What happens? Answer 3:
Question 4: What do Cellspace and Cellpad do? Answer 4:

 

4. Create a new table. Use the Modify-> Table-> Commands,to reproduce the table below Make sure the border is NOT zero. You can resize cells by putting the cursor over the borders and sliding it.

 
     
 

 

5. Explore the Insert ->Table Objects ->Tabular Data function. First - Make a spreadsheet using Microsoft Excel (it is in the Microsoft Office folder in the Applications folder) . The content of this spreadsheet is not terribly important, but you might want to make it interesting. Save it as a tab-delimited document (under the File Format menu) using the Save As function, and try importing it into your table.html page using (File -> Import -> Tabular Data).

 


The Assignment

1. Create table.html, so that:

  • Table.html contains an eight-cell table, with a border of zero, with the answers to the four table questions.
  • Table.html contains a table with the same number of cells, in the same proportions, as the sample table.
  • Table.html contains a table produced by inserting a spreadsheet file, and the Sites Folder contains that spreadsheet file.

back to the top