The Document window

The Document window shows the current document. You can select any of 

the following views:

Design view

 is a design environment for visual page layout, visual editing, 

and rapid application development. In this view, Dreamweaver displays a 

fully editable, visual representation of the document, similar to what you 

would see viewing the page in a browser.

Code view

 is a hand coding environment for writing and editing HTML, 

JavaScript, server language code such as PHP or ColdFusion Markup 

Language (CFML) and any other kind of code. For more information, 

see Chapter 20,  Coding in Dreamweaver  in Using Dreamweaver.

Code and Design view

 lets you view both Code view and Design view for 

the same document in a single window.

When the Document window has a title bar, the title bar displays the page 

title and, in parentheses, the file's path and filename. After the filename, 

Dreamweaver displays an asterisk if you've made changes that you haven't 

saved yet.

When the Document window is maximized in the integrated workspace 

layout (Windows only), it has no title bar; in that case the page title and 

the file's path and filename appear in the title bar of the main workspace 

window.

Additionally, when a Document window is maximized, tabs appear at the 

top of the Document window area showing the filenames of all open 

documents. To switch to a document, click its tab.

For more information about using the Document window, see Chapter 1, 

 Exploring the Workspace  in Using Dreamweaver.

The Document toolbar 

The Document toolbar contains buttons that let you toggle between 

different views of your document quickly: Code, Design, and a split view 

that shows both Code and Design view. 

30

Dreamweaver Basics