Author: Chris Lee, Senior Director, Information Technology
With the newer versions of Adobe Dreamweaver, web designers have the ability to view their HTML source code as well as the design view on the same screen at the same time. The ability to split the Document window to display both the page and its associated code is very handy when wanting to immediately make a design change by manipulating the HTML.
Depending upon your work environment, you may want to have the code pane located on the left side of the window. The default code view appears to be on the left side.
Here's how to change the split code view location in Dreamweaver:
The code appears in the top pane and the page appears in the bottom pane.