AnswersSearchHelp
Boston University home page
Dreamweaver: Introduction
 
 
    Interface
 
 
 
 
 
    Settings & Shortcuts
 
 
 
 
    Defining a site
 
 
 
 
 
    Formatting Images
 
 
    Formatting Tables
 
 
 
 
    Supplementary
 
 
 
 
 
 
    Also See
   
   
   
   

Formatting Data Tables

You've already learned how you can change border and background colors to format your tables. But Dreamweaver goes one step further and offers you several preset options to format your table. Let's take a quick look. Here's a plain old table created in Dreamweaver.

Lab Schedule
Day 8-9 9-10 10-11 11-12 12-1 1-2 2-3 3-4 4-5
MON open open open open closed open open open closed
TUE closed open open open open closed open open open
WED open closed closed open closed open open open closed
THU closed open open open open closed open open open
FRI open open open open closed open open open closed

This table can be a little difficult to read because it needs some formatting to distinguish between different rows and columns. Let's try Dreamweaver's preset table formatting options. First select the table, and then go to the "Commands" menu and select "Format Table." There you'll find a menu of preset table formats, or you can use the available options to quickly format your table with a custom look. Here is the table from above after just a couple clicks of the mouse:

Lab Schedule
Day
8-9
9-10
10-11
11-12
12-1
1-2
2-3
3-4
4-5
MON
open
open
open
open
closed
open
open
open
closed
TUE
closed
open
open
open
open
closed
open
open
open
WED
open
closed
closed
open
closed
open
open
open
closed
THU
closed
open
open
open
open
closed
open
open
open
FRI
open
open
open
open
closed
open
open
open
closed

If you can't find a preset format that works for your table, not to fear. It's still very easy to manually format your table in Dreamweaver to quickly and easily make your tables very user-friendly. Here's that same table, and in less than a minute, you can make your table attractive and functional.

Lab Schedule
Day
8-9
9-10
10-11
11-12
12-1
1-2
2-3
3-4
4-5
MON
open
open
open
open
closed
open
open
open
closed
TUE
closed
open
open
open
open
closed
open
open
open
WED
open
closed
closed
open
closed
open
open
open
closed
THU
closed
open
open
open
open
closed
open
open
open
FRI
open
open
open
open
closed
open
open
open
closed

Now we have a table that is well-organized, with easily-identified separations between column headings and actual data. We've also added color as a visual representation, thus adding to the table's functionality.

WebCentral UsingPublishingLearningTrainingConsultingWebCentral
AnswersSearchHelp
NIS  |  OIT  |  Boston University  |   October 24, 2002