To draw a layout table:
1. Make sure you are in Layout view, then click the Draw Layout Table button in the Layout category of the Objects panel. The mouse pointer will change to a plus sign (+).
2. Position the mouse pointer on the page, then click and drag your mouse to create the layout table. If it is the first table you have drawn on the page, it will automatically be positioned at the top left corner of your page.
To create a number of tables without clicking the layout table button each time, hold down Control (Windows) or Command (Macintosh).
The table will appear outlined in green on your page. Green is the default outline color for layout tables, see "Setting Layout View preferences" on page 182 to change it. A Layout Table tab also appears at the top of each table you draw and helps you distinguish and select the table. The size of each table is displayed in the Column Header area along the top of the table.
For more information about width, see "Setting layout width" on page 179.
Tables cannot overlap each other. Your page layout follows a grid with columns and rows, so tables can span several rows or several columns, but they can never actually overlap on the page. Dreamweaver helps you maintain this structure by automatically snapping new tables that you create to existing tables or cells if you draw them near each other (within 8 pixels). The tables will also automatically snap to the side of the page if you draw them close to the edge (within 8 pixels). To turn off snapping, hold down Alt (Windows) or Option (Mac) while drawing the table on the page.
You can create layout tables into empty areas of your page layout, into an existing layout table (nesting), or around existing layout cells and tables.
Note: When you create a Layout table in a blank document, it will automatically snap to the upper left corner of your Document window. If your page already contains content, a layout table can only be drawn below the bottom of the content.
To draw a layout table around existing tables or cells:
1. Make sure you are in Layout view, then click the Draw Layout Table button in the Layout category of the Objects panel. The mouse pointer will change to a plus sign (+).
2. Click and drag your mouse around existing layout cells or tables. The layout
table will enclose the existing cells or tables.
Excerpted from Chapter 19: "Debugging JavaScript Code"
Macromedia Dreamweaver JavaScript Debugger allows you to uncover errors in your client-side JavaScript code. You can write the code using Dreamweaver Code view (or Code inspector), then run the debugger to check your code for syntax and logical errors. A syntax error causes the browser to report an error message; a logical error causes your page to function incorrectly, but is not reported by the browser. The debugger works with Microsoft Internet Explorer and Netscape Navigator on the Windows platform and Netscape Navigator on the Macintosh platform. For more information about writing scripts, see "Inserting scripts" on page 335.
The debugger checks your code for syntax errors first, then runs with the browser to help you check for logical errors. If you have logical errors, the JavaScript Debugger window helps you isolate the errors in your JavaScript code by letting you examine variables and document properties while your program is running. You can set breakpoints (similar to alert statements) in your code to stop the execution of the program and display the values of JavaScript objects and properties in a variable list. You can also step to the next statement or step into a function call to see the variable values change.
The JavaScript Debugger can significantly reduce the time it takes you to find and isolate errors in your code.
Running the debugger After you write your code, you can start the JavaScript Debugger to check for errors. The debugger checks for syntax errors first, then opens your page in the browser so you can check for logical errors.
To start debugging:
1. Choose File > Debug in Browser, then select the browser from the list. If the debugger finds syntax errors, it stops and lists them in the JavaScript
Syntax Errors window. See "Finding syntax errors" on page 475.
2. If you are using Netscape Navigator, click OK in the debugger warning box that appears, then click Grant in the Java Security dialog box.
Note: If you have already accepted a Macromedia Security Certificate, the Java Security dialog box may not appear.
If you are using Internet Explorer (Windows only), click Yes in the Java Security dialog box, then OK in the debugger warning box that appears.
The debugger connects with the browser, but does not actually make a network connection or connect to any Internet servers. The browser appears with the JavaScript Debugger window, which is stopped automatically at the first line of code.
The JavaScript Debugger window appears with the browser window. The debugger stops automatically at the first line of code.
To run the debugger:
Click the Run button in the JavaScript Debugger window.
To stop the debugger:
Click the Stop Debugging button in the JavaScript Debugger window. The debugger will close.
Alternatively, click the Preview/Debug in Browser button in the toolbar (View > Toolbar) and select Debug in Internet Explorer or Debug in Netscape Communicator.