Operation Manual

174
USING DREAMWEAVER
Laying out pages with HTML
Last updated 3/28/2012
No Wrap Prevents line wrapping, keeping all the text in a given cell on a single line. If No Wrap is enabled, cells widen
to accommodate all data as you type it or paste it into a cell. (Normally, cells expand horizontally to accommodate the
longest word or widest image in the cell, then expand vertically as necessary to accommodate other contents.)
Header Formats the selected cells as table header cells. The contents of table header cells are bold and centered by
default.
You can specify widths and heights as either pixels or percentages, and you can convert from pixels to percentages and
back.
Note: When you set properties on a column, Dreamweaver changes the attributes of the td tag corresponding to each cell
in the column. When you set certain properties for a row, however, Dreamweaver changes the attributes of the
tr tag
rather than changing the attributes of each
td tag in the row. When you’re applying the same format to all the cells in a
row, applying the format to the
tr tag produces cleaner, more concise HTML code.
3 Press Tab or Enter (Windows) or Return (Macintosh) to apply the value.
Use Expanded Tables mode for easier table editing
Expanded Tables mode temporarily adds cell padding and spacing to all tables in a document and increases the tables’
borders to make editing easier. This mode enables you to select items in tables or precisely place the insertion point.
For example, you might expand a table to place the insertion point to the left or right of an image, without
inadvertently selecting the image or table cell.
A. Table in Standard mode B. Table in Expanded tables mode
Note: After you make your selection or place the insertion point, you should return to the Standard mode of Design view
to make your edits. Some visual operations, such as resizing, will not give expected results in Expanded Tables mode.
Switch to Expanded Tables mode
1 If you are working in Code view, select View > Design or View > Code And Design (you cannot switch to Expanded
Tables mode in Code view).
2 Do one of the following:
• Select View > Table Mode > Expanded Tables Mode.
• In the Layout category of the Insert panel, click Expanded Tables Mode.
A bar labeled Expanded Tables Mode appears across the top of the Document window. Dreamweaver adds cell
padding and spacing to all tables on the page and increases the tables’ borders.
Switch out of Expanded Tables mode
❖ Do one of the following:
• Click Exit in the bar labeled Expanded Tables Mode at the top of the Document window.
• Select View > Table Mode > Standard Mode.
B
A