Dreamweaver CS4 Resources
|
Viewing code
You
can view the source code for the current document in several ways:
you can display it in the Document window by enabling Code view,
you can split the Document window to display both the page and its
associated code, or you can work in the Code inspector, a separate
coding window. The Code inspector works just like Code view; you
can think of it as a detachable Code view for the current document.
View code in the Document window Select View > Code.
Code and edit a page simultaneously in the Document window- Select View > Code and
Design.
The code appears in the top pane and the page appears in
the bottom pane.
- To display the page on top, select Design View On Top
from the View Options menu on the Document toolbar.
- To adjust the size of the panes in the Document window,
drag the splitter bar to the desired position. The splitter bar
is located between the two panes.
Code view is updated automatically
when you make changes in Design view. However, after making changes
in Code view, you must manually update the document in Design view
by clicking in Design view or pressing F5.
View code in a separate window with the Code inspectorThe
Code inspector lets you work in a separate coding window, just like
working in Code view.
Select Window > Code Inspector. The
toolbar includes the following options: - File Management
- Puts or gets the file.
- Preview/Debug In Browser
- Previews or debugs your document in a browser.
- Refresh Design View
- Updates the document in Design view so that it reflects any
changes you made in the code. Changes you make in the code don’t automatically
appear in Design view until you perform certain actions, such as saving
the file or clicking this button.
- Reference
- Opens the Reference panel. See Use language-reference material.
- Code Navigation
- Lets you move quickly in the code. See Go to a JavaScript or VBScript function.
- View Options
- Lets you determine how the code is displayed. See Set the code appearance.
To use the
Coding toolbar along the left side of the window, see Insert code with the Coding toolbar.
|