Dreamweaver CS6 Document Window - dummies

By David Karlins, Doug Sahlin

As soon as you create a new HTML page in Dreamweaver, the Document window launches. This is the work area where you design and code web pages, create and edit text, and insert and (within limits) edit images.

The appearance of the Document window changes. Design view hides all code. Code view displays just code. And Split view displays both code view (normally on the left) and design view (normally on the right). You don’t really need to use a lot of panels in Dreamweaver.

A good option for familiarizing yourself with Dreamweaver’s work space is to choose Show Panels to toggle all panels off, which hides all panels until you need one.


In essence, the Document window is your easel, your artboard — your digital design studio. And even if you’re inclined to create web pages by hand-coding in Dreamweaver (typing HTML), you still use the Document window — you can enter code in either Code view or on the Code view side of Split view.

The best way for you to work in the Document window depends on your task and your comfort level. As noted, you have three views you can choose from:

  • Code view: You see the underlying code of your page. Use this view if you’re comfortable with hand-coding or want to see the code you generated using Dreamweaver.

  • Design view: You see only the visual aspects of your page, which can be helpful if you’re not as comfortable with code or if you need to see your design.

  • Split view: The best of both worlds, where you see your code at the top of the screen and your design at the bottom.