O'Reilly logo

Dreamweaver 8: The Missing Manual by David Sawyer McFarland

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Tabular Data

So far, you've learned about using tables for complex Web page designs, using tricks like merging cells, invisible spacer images, and Dreamweaver's Layout mode. But what about the original purpose of a table—displaying data in an orderly manner? You can still do that, of course, and Dreamweaver provides a couple of tools to make the process of dealing with tabular data run smoothly.

Tip

You can directly import Excel files into Dreamweaver for Windows, which converts the data into a well-organized table. See Section 2.2.5.

The page at top looks complicated, but in Dreamweaver, it breaks down, as you can see in the HTML page below, to a series of simple tables. The outside table (A) is a one-row, three-column table with a series of nested tables (B, C, D, and E). The first cell contains another basic table (B), which has 12 rows and one column. (Using alternating colors for each cell helps set off the information inside.) The third column of the primary table holds the main content of the page; three tables (C, D, and E) are placed within the flow of the cell. One nice trick: Use the Align property of a table to create a "floating" sidebar within the normal flow of text. The Announcements table here, for instance, is aligned to the right, while text in the cell wraps around it. Note that aligning a table like this is only possible in Standard view.

Figure 7-27. The page at top looks complicated, but in Dreamweaver, it breaks down, as you can see in the HTML page below, to a series of simple tables. The outside table (A) is a one-row, three-column table with a series of nested tables (B, C, D, and E). The first cell contains another basic table (B), which has 12 rows and one column. (Using alternating colors for each cell helps set off the information inside.) The third column of the primary table holds the main content of the page; three tables (C, D, and E) are placed within the flow of the cell. One nice trick: Use the Align property of a table to create a "floating" sidebar within the normal flow of text. The Announcements table here, for instance, is aligned to the right, while text in the cell wraps around it. Note that aligning a table like this is only possible in Standard view.

Importing Data ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required