|
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 and saved to your folder on the web server.
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. Now, we're going to 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)
.
Fill out the worksheet with these questions and then answer them in the answer column. Remember - this is a school assignment and will be available on the web: I want you to do some serious reflection but what you ulitmately write on your spreadsheet should be based on who the potential audience is (i.e., don't reveal anything inappropriate or too personal).
Save it as a tab-delimited document (under the File Format menu, see image to right) using the Save As function.
Import it into your table.html page using (File -> Import -> Tabular Data). Your Excel file must be closed before you do this.
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 |