Adobe CS5 Dreamweaver Table Content - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

Adding content to an Adobe Creative Suite 5 (Adobe CS5) Dreamweaver table is easy: Insert the cursor into the cell and type directly into a cell for text or click Image in the Common section of the Insert panel to insert an image in a cell. You can also cut, copy, and paste content from documents and other web pages directly into table cells.

Dreamweaver has an incredibly easy feature you can use to bring in tabular data as a formatted table: Import Tabular Data. CSV (comma-separated values) and tab-delimited files are plain text files that can be generated from a number of popular programs, such as Microsoft Excel. You can use these files to save spreadsheet data in a way that lets it be exchanged with other applications such as Dreamweaver.

  1. Using Microsoft Excel or a similar program, create a spreadsheet of data, and save it as .csv (Comma-Separated Values). You can save this wherever you’d like, as long as you can easily locate it.

  2. Return to Dreamweaver, and open a page where you’d like to add a table.

  3. Put the cursor on the page where you want the table to be created.

  4. Choose File→Import→Tabular Data.

    The Import Tabular Data dialog box appears.

  5. Use the Browse button to browse to the location of a CSV (.csv) file or a tab-delimited (.txt) plain-text file.

  6. Verify or select the delimiter that your file uses.

    Typically, the delimiter (where a new column will be created) is a comma or tab; however, you can also instruct Dreamweaver to create a new column from other delimiters, such as Comma, Semicolon, Colon, or other options, by using the Delimited drop-down list.

  7. Determine the table width.

    You can choose to have the table automatically sized to fit the data by leaving the Fit to Data radio button selected, or you can enter a number in the Set To text box to set a percentage or pixel value.

  8. Enter numbers in the Padding, Spacing, and Border text boxes and specify top-row formatting in the Format Top Row drop-down list at the bottom of the dialog box.

  9. When you’re finished with these settings, click OK.

    Your table is created!

You can export table data from Dreamweaver just as easily as you can import it, by selecting a table and choosing File→Export→Table. When the Export Table dialog box appears, choose an element to be the delimiter and choose the type of line break. Click Export, determine where you want to save the file, and click Save.