3.1 Standard View Versus Layout View

Although Standard tables and Layout tables serve different purposes, both use the same familiar HTML table tags ( <table> , <tr> , and <td> ). Thankfully, Dreamweaver allows you to create tables visually in either mode, insulating you from the underlying complexity of the HTML. (You can switch between table modes using the View figs/u2192.gif Table View menu options or the View buttons at the bottom of the Objects panel. Don't confuse the table view modes with the unrelated Code and Design views discussed earlier.) If you're not sure whether to use tables, layers , or some other formatting element, see the preface.

In some cases, performing a table operation in one of the two modes is nearly, or even literally, impossible . You can switch between Standard view and Layout view when working with the same table, so use whichever mode you need. Dreamweaver creates or adjusts the HTML table tags for you automatically.

Because tables weren't originally intended for page layout, Standard view is best suited for creating simple data tables (like a spreadsheet of numbers ).

Standard view and its row-and-column paradigm is ideal for displaying tabular data. Layout view merely uses tables as a means to align graphic elements on the page.

Although Layout view is better suited for complex layouts, Standard view is useful, and even mandatory, for several reasons:

  • It hides some of the visual guides present in Layout view, making it easier to view the page's contents.

  • It allows you to use the basic Table object and the Draw Layer tool, which are not available in Layout view.

  • You can insert a table in Standard view using the keyboard shortcut Ctrl+Alt+T (Windows) or Cmd+Opt+T (Macintosh). In Layout view, you must use the mouse to create tables.

  • It allows you to set the background image of a cell or table, add color to a row of cells , and sort and format tabular data (none of which can be done in Layout view).

  • It allows you to easily manipulate entire rows and columns . In Layout view, you typically manipulate individual cells. There is no way to set properties of a complete row or column using Layout view.

  • Cells can be merged and split easily, and rows and columns can be inserted or deleted, in Standard view. In Layout view, cells are manipulated directly and Dreamweaver automatically inserts or deletes rows and columns as needed.

Table 3-1 shows the primary table-related operations and shortcuts. Refer to Table A-8 for more table- related menu commands and shortcuts.

Table 3-1. Table shortcuts




Select cell (or select table, if cell is already selected)



Switch to Layout view



Switch to Standard view



Insert Table in Standard view



Draw multiple tables or cells without reselecting the tool in Layout view

Hold down Ctrl key while drawing

Hold down Cmd key while drawing

Prevent tables and cells from snapping to nearby elements (within 8 pixels) in Layout view

Hold down Alt key while drawing

Hold down Opt key while drawing

Select a multicell range in Standard view



Open contextual menu



Nudge selected cell by one pixel in Layout view

Arrow keys

Arrow keys

Nudge cell by ten pixels in Layout view

Shift+arrow keys

Shift+arrow keys

Merge Cells in Standard view



Split Cells in Standard view



Move insertion point to next cell (adds a new row if in the last cell of the last row)



Move insertion point to previous cell



Dreamweaver in a Nutshell
Dreamweaver in a Nutshell
Year: 2005
Pages: 208

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net