Code view is one of the coolest tools in Dreamweaver??™s code-savvy toolbox. You can either view your code
full-screen in the Document window, split-screen with Design view, or in a separate panel, the Code inspector.
The underlying engine for all Code views is the same.
You can use either of the following methods to display the full-screen Code view:
n Choose View ??? Code.
n Click the Show Code View button on the toolbar. Code view displays, as shown in Figure 6-11.
TIP TIP
173
Accessing the Code Directly 6
FIGURE 6-11
Code view is easily accessible from the Document toolbar.
You can access the split-screen Code and Design view with either of the following methods:
n Choose View ??? Code and Design.
n Click the Show Code and Design Views button on the Document toolbar.
To change the relative size of the Code and Design views, drag the splitter bar up or down. In the splitscreen
Code and Design view, Code view is shown on top of the Design view. You can reverse that order by
choosing View ??? Design View on Top or selecting Design View on Top from the View Options button on
the toolbar.
You have two ways to open the Code inspector. You can either choose Window ??? Code Inspector or use
the keyboard shortcut F10. After you open it, the Code inspector (see Figure 6-12) behaves like any other
floating panel in Dreamweaver: The Code inspector can be resized, moved, hidden, and, on Windows,
docked above or below the Document window or grouped with other panels.
Pages:
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403