Drawing layout cells and tables

Drawing layout cells and tables

You can draw layout cells and tables on your page in Layout mode. When you draw a layout cell that isn’t inside a layout table, Dreamweaver automatically creates a layout table as a container for the cell. A layout cell cannot exist outside of a layout table.

When Dreamweaver automatically creates a layout table, the table initially appears to fill the entire Design view, even if you change the size of your Document window. This full-window default layout table allows you to draw layout cells anywhere in Design view. You can set the table to a specific size by clicking the table border, then dragging the table’s resize handles.

When you move the pointer over a layout cell, Dreamweaver highlights it. You can enable or disable highlighting or change the highlight color in preferences.

To draw a layout cell:

  1. Make sure you are in Layout mode (see Switching from Standard to Layout mode).
  2. In the Layout category of the Insert bar, click Draw Layout Cell button.This is a picture of the feature being described.

    The pointer changes to a cross hair (+).

  3. Position the pointer where you want to start the cell on the page, and then drag to create the layout cell.

    If you draw the cell close to the edge of the layout table, cell edges automatically snap to the edges of the containing layout table. To temporarily disable snapping, hold down Alt (Windows) or Option (Macintosh) while drawing the cell.

The cell appears outlined in blue on your page. To change the outline color, see Setting preferences for Layout mode.

To draw a layout table:

  1. Make sure you are in Layout mode (see Switching from Standard to Layout mode).
  2. In the Layout category of the Insert bar, click the Draw Layout Table button.This is a picture of the feature being described.

    The pointer changes to a cross hair (+).

  3. Position the pointer on the page, then drag to create the layout table.

    You can create a layout table in an empty area of your page layout, around existing layout cells and tables, or nested inside an existing layout table. If your page contains content, and you want to add a layout table in an empty area of your page layout, you can draw a new layout table only below the bottom of the existing content.

The Layout table appears outlined in green on your page. To change the outline color, see Setting preferences for Layout mode.

To change highlighting preferences for layout cells:

  1. Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).

    The Preferences dialog box appears.

  2. Select Highlighting from the category list on the left.
  3. Make either of the following changes:
    • To change the highlighting color, click the Mouse-over color box, then select a highlight color using the color picker (or enter the hexadecimal value for the highlight color in the text box).

      For information about using the color picker, see Working with colors.

    • To enable or disable highlighting, select or deselect the Show checkbox for Mouse-Over.
  4. Click OK.


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Laying Out Pages with CSS
Managing Templates
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly
 
ASPTreeView.com
 
Evaluation has КВµ·ёёexpired.
Info...