Tutorial 5: Creating Tables and Frames, pp. 265-326

Session 5.1, pp. 266-303

• Understanding Tables, p. 266

p. 266, Default table settings: I purposely changed table defaults to centered, 1 row, 1 column, no borders. Therefore, when you use the Insert Table button, your table will have these settings.
 

• Creating a Table Using the Insert Table Button, p. 267

p. 272. To align a table using the table tag: Click inside the table; on the Quick Tag Selector toolbar, point to the table button <table>, and click Select Tag; click the desired alignment button.
 

• Creating a Table Using the Insert Table Command, p. 281

p. 281, Step 2. To view bottom of Insert Table dialog box: The bottom of the Insert Table dialog box is hidden from view because of our low screen resolution and small monitors. This is a known issue that Microsoft is working on.
Workaround: With the  Insert Table dialog box open press, Alt + space bar; press M; press the up arrow key enough times to move the dialog box up until the bottom of the dialog box is visible, then click the mouse and click as desired. If this doesn't work, press Tab to move to the desired location and enter the desired choice. A checkbox can be selected by moving to the checkbox and pressing the space bar. The OK button is always highlighted and pressing Enter should accept changes made and close the dialog box. You could also right click the Taskbar, click Properties, then check Auto-hide the taskbar.

p. 282, Step 7. To set table defaults: Table, Insert, Table; check Set as default for new tables. Whatever settings you use here will be the default from that point forward. When you click the Insert Table button, the settings last used in the Insert Table dialog box will be in effect. I use Center Alignment, 640-pixel width, and if I use borders, I set 5 pixels for Cell Padding and Cell Spacing.

• Entering Data in a Table, p. 283

p. 285, Figure 5-20: Rather than typing the data manually in the Symptoms and Treatment columns of the table, try copying and pasting from the table below as follows: Drag across this table including the blank red column and row. In the lawn.htm page, press Enter under the existing table to make room to paste the table and paste it in. Select the first 5 rows and the first 2 columns of the pasted table (exclude the empty red column and row); click in the first cell under Symptoms and paste. Click inside the table you first pasted and click Table, Select, Table, Cut.
 

p. 287, Figure 5-21: Rather than typing the data manually in the Causes column of the table, try copying and pasting from the table below as follows: Drag across this table including the blank red column and row. In the lawn.htm page, press Enter under the existing table to make room to paste the table and paste it in. Select the first 5 rows and the first column of the pasted table (exclude the empty red column and row); click in the first cell under Causes and paste. Select all the pasted cells, right-click, and click Cell Properties; under Background, Color, click Automatic; Click inside the table you first pasted and click Table, Select, Table, Cut.
 

• Merging Table Cells, p. 288
• Splitting Table Cells, p. 290

• Deleting Cells from a Table, p. 293
• Resizing Rows and Columns, p. 293
• Adding a Table Caption, p. 295
• Applying a Table AutoFormat, p. 297

p. 301. To move, delete, or copy a nested table: Click inside a nested table; Table, Select, Table; Cut button; move to the new location; Paste button. You might have to change the alignment of the newly pasted table. Using  Ctrl-/can be very helpful in seeing the beginning and ending HTML codes for a table if you are troubleshooting. Another way to select a table using the Quick Tag Selector is to click inside the nested table, point to the table button <table>, and click Select Tag. You can then cut, copy, and/or paste the nested table.

p. 301. To create a ScreenTip in a table.
Source: http://office.microsoft.com/assistance/2002/articles/fpTipMakeTableScreenTips.aspx

Sometimes you want to provide more information than there's room for in a table cell. You can create a ScreenTip— information or instructions that will pop up when your users move their pointer over that cell. For example, each table header cell below has a ScreenTip associated with it. To view the ScreenTips, move your pointer over the individual words in the cell:

Some other instances when adding a ScreenTip to a table might be helpful:

• In a table of stock quotes, you want to supply more information about each stock, such as its history, volume, or full name.
• You want to include directions about what you want your users to enter into that particular cell, column, or row (as in the example above). See the CAOT Department Student Survey.

To create a ScreenTip for a table cell:

1. Select the word(s) where you want the screen tip to display. This will help you locate the tag you need more easily. In Page view, click the HTML button.
2. Locate your table on the page.
   Each cell has its own code that looks something like this:
   <td width="25%"></td>. The information that goes in that cell is added between the two tags.
3. To add a ScreenTip to this cell, after <td type 
   title="Your ScreenTip"
4. Replace "Your ScreenTip" (including the quotation marks) with the actual message or information you want to pop up. For example, in the table above, the first cell would look like this:
   <td title="Enter your first name only in this column." width="25%">Name</td>