s
Tutorial Dreamweaver - Working with Tables
To
insert a table
-
-
In the Document window, place the insertion point where
you want the table to appear, then click the Table button
on the Common panel of the Object palette, or choose Insert
> Table.
-
Drag the Table button from the Object palette to the desired
insertion point on the page.
-
In the dialog box, accept the current values or type new values
-
In the Rows field, specify the number of table rows.
-
In the Columns field, specify the number of table columns.
-
In the Cell Padding field, specify the number of pixels
between the cell content and the cell boundary.
-
In the Cell Spacing field, specify the number of pixels
between each table cell.
-
In the Width field, specify the width of the table as
a number of pixels or as a percentage of the browser window.
-
In the Border field, specify the pixel width of the table
border. Enter 0 if you don't want a border.
-
Click OK to create the table.
-
Click in a cell in which you want to add text, and do one
of the following:
-
Type text into the table. Table cells automatically expand
as you type.
-
Paste text copied from another document. Use the Paste as
Text command to preserve paragraph marker.
-
Press Tab to move to the next cell or press Shift+Tab to move
to the previous cell. Pressing Tab in the last cell of a table
automatically adds another row to the table.
To
add an image to a table
-
Click in the cell in which you want to add an image.
-
Click the Insert Image button in the Common panel of the Object
Palette, or choose Insert > Image.
-
In the Select Image Source dialog box, select an image file.
To
format a row, column, or cell
-
Select any combination of cells in the table.
-
Choose Window > Properties to open the Property inspector, and
click the expander arrow in the lower right corner to see all
the properties.
-
Choose from the following appearance options:
-
Use the Horz pop-up menu to set the horizontal alignment of
a cell's, column's, or row's contents. You can align the contents
to the left, right, or center, or to the browser's default.
-
Use the Vert pop-up menu to set the vertical alignment of
the cell's, column's or row's contents. You can align the
contents to the top, middle, bottom, or baseline, or to the
browser's default.
-
In the W and H fields, specify the width and height of selected
cells in pixels. To use percentages, follow the value with
a percent symbol (%).
-
To set a background image for a cell, column, or row, use
the top Bg field. Click the folder icon to browse to an image;
you can also type the image's path or use the Point-to-File
icon.
-
To set a border color for cells, use the Brdr option.
-
Choose from the following layout options:
-
Click the Merge Cells button to combine selected cells, rows,
or columns, creating one cell.
-
Click the Split Cell button to divide a cell, creating two cells.
-
Select No Wrap to prevent word wrapping. This causes cells to
widen to accommodate all data as you type it or paste it into
a cell.
-
Select Header to format the selected cells or row as a table header.
The contents of table header cells are bold and centered by default.
To
resize the table
-
Select the table.
-
Drag one of the selection handles to resize the table along that
dimension. Dragging the corner handle resizes both dimensions.
To
change the size of a row or column,do one of the following:
-
To change row height, drag the bottom row border.
-
To change column width, drag the right column border.
To
add rows or column
-
Click in a cell where you want the new row or column to appear.
-
Do one of the following:
-
To add a row, choose Modify > Table > Insert Row, or choose
Table > Insert Row from the context menu.
-
To add a column, choose Modify > Table > Insert Column, or
choose Table > Insert Column from the context menu.
-
To add both rows and columns, choose Modify > Table > Insert
Rows or Columns, or choose Table > Insert Rows or Columns
from the context menu.
-
In the dialog box that appears, enter the number of rows or columns
you want to add, and specify whether the new row or columns should
appear before or after the selected row or column.
-
Click OK.
To
delete a row or column
-
Click in a cell within the row or column you want to delete.
-
Choose one of the following options:
-
To delete a row, choose Modify > Table > Delete Row, or choose
Table > Delete Row from the context menu.
-
To delete a row, choose Modify > Table > Delete Column, or
choose Table > Delete Column from the context menu.
To
add or delete rows or columns from the bottom and right of a table
-
Select the entire table.
-
In the Property inspector, do one of the following:
-
Increase the row or column value to add rows.
-
Decrease the row or column value to delete rows.
To
nest a table within a table cell
-
Do one of the following:
-
Click in the cell where you want to insert the second table
and choose Insert > Table.
-
Click in the cell where you want to insert the second table,
then click the Table button on the Common panel of the Object
palette.
-
Drag the Table button on the Common panel of the Object palette
to the cell where you want to insert the second table.
-
Specify the table properties in the Insert Table dialog box, and
click OK.
To
merge two or more cells in a table
-
Select the cells you want to merge. The selected cells must be
contiguous and in the shape of a rectangle.
-
Choose Modify > Table > Merge Cells, or click the Merge Cell button
in the Property inspector.
To
split a merged cell
-
Click in the cell or select a cell.
-
Choose Modify > Table > Split Cells, or click the Split Cell button
in the Property inspector.
-
In the Split Cell dialog box, choose whether to split the cell
into rows or columns, and then enter the number of rows or columns.
up
Working
with Images | Working with Frames and
Layers
Copyrights
Reserved © Web Publishing 2003
|