beautypg.com

Insert a table and add content, Import and export tabular data – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 249

background image

To the top

To the top

several columns or rows. You can split a cell into any number of rows or columns, regardless of whether it was previously merged. Dreamweaver
automatically restructures the table (adding any necessary colspan or rowspan attributes) to create the specified arrangement.

In the following example, the cells in the middle of the first two rows have been merged into a single cell that spans two rows.

Insert a table and add content

Use the Insert panel or the Insert menu to create a new table. Then, add text and images to table cells the same way that you add text and
images outside of a table.

Note: The Layout mode feature is deprecated as of Dreamweaver CS4 and later. Layout mode created page layouts using layout tables, which
are no longer recommended by Adobe. For more information on Layout mode and why it was deprecated, see the

Dreamweaver Team Blog

.

1. In the Design view of the Document window, place the insertion point where you want the table to appear.

Note: If your document is blank, you can place the insertion point only at the beginning of the document.

Select Insert > Table.

In the Common category of the Insert panel, click Table.

2. Set the attributes of the Table dialog box and click OK to create the table.

Rows Determines the number of table rows.

Columns Determines the number of table columns.

Table Width Specifies the width of the table in pixels, or as a percentage of the browser window’s width.

Border Thickness Specifies the width, in pixels, of the table’s borders.

Cell Spacing Determines the number of pixels between adjacent table cells.

When you don’t explicitly assign values for border thickness or cell spacing and cell padding, most browsers display the table border
thickness and cell padding set to 1 and cell spacing were set to 2. To ensure that browsers display the table with no border, padding or
spacing, set Cell Padding and Cell Spacing to 0.

Cell Padding Determines the number of pixels between a cell’s border and its contents.

None Does not enable column or row headings for the table.

Left Makes the first column of the table a column for headings, so that you can enter a heading for each row of the table.

Top Makes the first row of the table a row for headings, so that you can enter a heading for each column of the table.

Both Enables you to enter column and row headings in the table.

It’s a good idea to use headers in case any of your website visitors use screen readers. Screen readers read table headings and help
screen-reader users keep track of table information.

Caption Provides a table title which displays outside of the table.

Align Caption Specifies where the table caption appears in relation to the table.

Summary Provides a table description. Screen readers read the summary text, but the text does not appear in the user’s browser.

Import and export tabular data

You can import tabular data that has been created in another application (such as Microsoft Excel) and saved in a delimited text format (with items
separated by tabs, commas, colons, or semicolons) into Dreamweaver and format it as a table.

You can also export table data from Dreamweaver into a text file, with the contents of adjacent cells separated by a delimiter. You can use
commas, colons, semicolons, or spaces as delimiters. When you export a table, the entire table is exported; you cannot select portions of a table
to export.

If you want only some of the data from a table—for example, the first six rows or the first six columns—then copy the cells containing that data,
paste those cells outside of the table (to create a new table), and export the new table.

Import table data

1. Do one of the following:

Select File > Import > Tabular Data.

In the Data category of the Insert panel, click the Import Tabular Data icon

.

242

This manual is related to the following products: