Dreamweaver CS6: The Missing Manual

View Menu

The View menu controls the document window’s appearance. A checkmark in the menu lets you know which view you’re in:

• Code. Displays the file’s source code.

• Split Code. Displays the file’s source code in split view, side by side. You can use this feature to edit both the HTML near the top of the page (on one side of the document window), and HTML elsewhere on the page (on the other side of the Document window.) But it’s most useful when you use it in conjunction with Dreamweaver’s Related Files feature (Advanced Formatting Options). In Split Code view, you can view the HTML of the page in one pane, and the CSS of an external style sheet in the other.

• Design. Displays the file’s visual design.

• Code and Design. Splits the document window into two panes: source code on the left (or top), visual design on the right (or bottom). You can adjust where the split panes appear, and adjust how much of each pane you see by dragging the center divider left or right or up or down.

• Split Vertically. When you’re in Code and Design view, you see the page’s code and its design side by side…great for really wide monitors. Unselecting this option displays the Code and Design views one on top of the other—unless you have an unusually tall monitor, this option doesn’t let you see much of either.

• Design View on Left/Top. When you’re in Code and Design view, this option dictates where Dreamweaver puts the Design view pane relative to the Code view pane. If you select Split Vertically, you can display ...