O'Reilly logo

Dreamweaver CS5: The Missing Manual by David Sawyer McFarland

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Code View

Dreamweaver provides several ways to view a page’s HTML code:

  • Code view. In Code view, Dreamweaver displays your page’s raw code, just as any text editor would.

  • Split view. This view displays the HTML code and the visual design of the web page (Design view) side-by-side, code on the left, design on the right. You can reverse this order or stack one view on top of the other from the Code/Design View menu on the Application bar (Figure 11-2).

  • Split code view. This option is for serious coding junkies. It lets you view the code twice, so you can work on two sections of a page at once. This option is really only useful for pages with lots of HTML, and can come in handy when you want to edit the CSS in the <head> region of a page while crafting HTML in the <body> section. It also works with any text file, so you can use it on long, complex external JavaScript files to view two sections of the code at once.

  • Code inspector. The Code inspector displays your HTML in a floating window so you see your working pages in their full glory rather than have them cut in half as in Split view. To open the Code inspector, choose Window→ Code Inspector, or press F10 (Option-F10). Multitasking code warriors can also use the Code inspector to look at one area of code while using the main document window to work on another area (though the Split code view works well for this too).

The rest of this chapter assumes that you’re using Code view to edit your HTML.

Dreamweaver gives you three ways to select ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required