Code View
Dreamweaver provides several ways to view a page’s HTML:
Code view. In Code view, Dreamweaver displays your page’s raw code, just as any text editor would.
Split view. This view displays both 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 7-2). In addition, if the page has an external style sheet, you can use Dreamweaver’s Related Files feature (Advanced Formatting Options) to display the CSS code in one half of the document window and the visual Design view in the other half.
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. That’s 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 Dreamweaver’s Related Files feature (Advanced Formatting Options); in Split Code view, you can check the HTML for a web page in one half of the document window and the CSS for an external style sheet in the other half (or the JavaScript from an external JavaScript file for that matter).
Code Inspector. The Code Inspector displays your HTML in a floating window so you see your working pages in their full glory in the document window, rather than have them cut in half in Split view. ...
Get Dreamweaver CS6: The Missing Manual now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
