• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 4. Elements of Page Design > Creating a Table in Standard View

Creating a Table in Standard View

Although layout view is the easiest way to design your pages, you will often need to view your page in standard view, which shows you the HTML table structure. You can create tables yourself in this view or view the table Dreamweaver created when you drew a table in layout view.

If the information you want to present is structured in rows and columns, using a standard table is easier than drawing the rows and columns yourself. Often, you will have more control of your table in standard view.

1.
Open a new document. Name the file biking_table.htm and title the page Montana Mountain Biking.

You'll use this document in the following exercises to learn more about creating tables and working with their contents.

2.
Click Standard View in the View area of the Objects panel.

When you create tables in this view, you'll see the table borders and all the cells of the table. The layout icons in the Objects panel should be grayed out.

3.
Open the mt_biking.txt file. Copy the “Montana Mountain Biking” header and the first paragraph and paste them in your page. Change the header to heading 3 style.

Your table will follow this text.

4.
Place the insertion point in a line after the text and choose Insert > Table or click Table in the Objects panel.

The Insert Table dialog box opens.

The Insert Table dialog box contains a number of options. The Rows and Columns text boxes set the number of table rows and columns, while the Border field defines the width of the table border.

The Width field defines the width of the table in pixels or as a percentage of the browser window. Tables specified in pixels are better for precise layout of text and images. Tables specified in percentages are a good choice when the proportions of the columns are more important than their actual widths.

Cell Padding sets the amount of spacing between the cell content and the cell walls. If you leave this option blank, cell padding defaults to 1 pixel. If you don't want cell padding, be sure to type 0 in the text box.

Cell Spacing sets the amount of spacing between table cells, not including the border. If you leave this option blank, cell spacing defaults to 1 pixel. If you don't want cell spacing, be sure to type 0 in the text box.

5.
Type 2 for Rows and 4 for Columns. Change the width to 500 pixels, set the border to 1, and leave the Cell Padding and Cell Spacing text boxes blank. Then click OK to close the dialog box.

The table appears on your page with a gray border, showing the two rows and four columns.

6.
Type Ride Name in the first cell of the first row; then press Tab to move to the next cell. Type the word type and press Tab again; type Location and press Tab; and type Rating.

You can use both Tab and the arrow keys to move between cells. Tab is the quickest method, and if you move to a cell that already has content in it, that content is selected when you use Tab.

7.
Click after the table; then press Enter (Windows) or Return (Macintosh).

The insertion point is in a new paragraph.

You could continue to enter the remaining text for the table. In the next exercise, however, you will use another method to fill the table.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint