Print
Video
Example
Add Tables
Edit Tables

Lessons.Dreamweaver.05

Dreamweaver Lesson 5:
Tables

Adding Tables

Tables can be used just as you use them in Microsoft Word. You can use tables for holdings rows and columns of data. You can also use tables to layout a web page, but that method of page layout is out of date so you should use CSS instead.

  • 1. Use Manage Sites to set up your Lessons site.
  • 2. Create a new page called "tables.html."
  • 3. Go to Insert>Table.

Adding Tables

The table window has a number of options you can change.

  • Rows, Columns: The number of rows and columns the table contains. Rows are horizontal while columns are vertical.
  • Table Width: How much space the table takes up within its container. This can be set to a percent or a certain number of pixels.
  • Border Thickness: How thick the border of the table is in pixels. Setting it to 0 will remove the border.
  • Cell Padding: Space inside a table cell between the cell's content and its border.
  • Cell Spacing: Space between different cells.
  • Header: Creating a header will center and bold all content in the header cells.

Modify Tables

After you have added a table there are a number of ways to modify it. The first is the Properties Pane at the bottom of the screen.

Table Properties

You can use CSS to change the look of the table including the border, background, and font color.

Finally, the Modify>Table menu option has a few more table options. A major option available in this menu is the ability to delete rows and columns. You can also merge two or more cells into a single cell.