Tables: FrontPage 2000:
Experiment with Advanced Design

Once you have mastered the basic table and learned how to control the look of the data in the individual table cell, you will want to create more complex table designs.

Take a look at a web page that uses tables to control layout.

Split Cells You can split a cell in a number of ways:
  • Use the Draw Table button on the Tables toolbar to draw new cell borders.
  • Highlight the cell and choose Table, Split Cells from the main menu bar.

Draw Table button
Draw Table button

  • Or highlight the cells and use the Split Cells button on the Tables toolbar
  • In both cases, the Split Cells dialog box will appear.

Split Cells button
Split Cells

Split Cells dialog box

  • Specify whether you want to split the table vertically into columns or horizontally into rows.
  • Specify the number of rows and columns you wish to split the cell into.
  • Click on OK.
Merge Cells You can merge cells in a number of ways:
  • Use the Eraser button on the Tables toolbar to erase a cell border.
  • Highlight the cells and choose Table, Merge Cells from the main menu bar.

Eraser button
Eraser button

  • Highlight the cells and choose the Merge Cells button on the Tables toolbar.

Merge Cells button
Merge Cells button

Insert Rows or Columns To insert additional rows or columns in an existing table:

Choose Table, Insert Rows or Columns from the main menu bar.  The Insert Rows or Columns dialog box appears.

Insert Rows or Columns dialog box

If you choose Rows, specify the number of rows to add and specify whether they are to be added above or below the currently selected row.

If you choose Columns, specify the number of columns to add and specify whether they are to be added to the right or the left of the currently-selected column.

You can also quickly insert rows or columns from the Tables toolbar.
To insert a row, position your cursor in a cell and click on the Insert Rows button on the Tables toolbar.  A new row will be inserted above the current row.

Insert Rows button
Insert Rows button

To insert a column, position your cursor in a cell and click on the Insert Columns button on the Tables toolbar. A new column will be inserted to the left of the current column.

Insert Column button
Insert Columns button

Tables, especially borderless tables, can be used to great effect to force a particular layout design on a web page.

However, you will need to tinker with your table by adjusting the table and cell properties. It is a good idea to save and preview the file after every adjustment to your table.

VERY IMPORTANT: Be sure to preview the table in both Microsoft Internet Explorer and Netscape Navigator before you publish the page.

Both browsers have a tendency to interpret table tags and attributes in different ways.

Tables: FrontPage 2000
Overview
Create a Basic Table

Set Table Cell Properties
Experiment with Advanced Design

<
Start Basics Color Forms Frames Images Links Lists Tables Type

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: August 22, 2001
© Agatha Taormina