[Home]

Topics

Tutorial

HTML

Dreamweaver

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

s


Tutorial Dreamweaver - Working with Tables


To insert a table

  1. Do one of the following:
    • 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.
  2. 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.

To add text to a table

  1. 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.
  2. 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

  1. Click in the cell in which you want to add an image.
  2. Click the Insert Image button in the Common panel of the Object Palette, or choose Insert > Image.
  3. In the Select Image Source dialog box, select an image file.

To format a row, column, or cell

  1. Select any combination of cells in the table.
  2. Choose Window > Properties to open the Property inspector, and click the expander arrow in the lower right corner to see all the properties.
  3. 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.
  4. 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

  1. Select the table.
  2. 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:

  1. To change row height, drag the bottom row border.
  2. To change column width, drag the right column border.

To add rows or column

  1. Click in a cell where you want the new row or column to appear.
  2. 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.
  3. 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.
  4. Click OK.

To delete a row or column

  1. Click in a cell within the row or column you want to delete.
  2. 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

  1. Select the entire table.
  2. 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

  1. 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.
  2. Specify the table properties in the Insert Table dialog box, and click OK.


To merge two or more cells in a table

  1. Select the cells you want to merge. The selected cells must be contiguous and in the shape of a rectangle.
  2. Choose Modify > Table > Merge Cells, or click the Merge Cell button in the Property inspector.

To split a merged cell

  1. Click in the cell or select a cell.
  2. Choose Modify > Table > Split Cells, or click the Split Cell button in the Property inspector.
  3. 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


back Working with Images | Working with Frames and Layersnext


 

 

 

 

 

 

 

Copyrights Reserved © Web Publishing 2003

Assessment

  • Assignment 1
  • Assignment 2
  • Quiz 1
  • Quiz 2
  • Project

 

Announcement

To all my students!

Please visit this web site regularly.