The Document window

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 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 Exploring the Workspace in Using Dreamweaver.

Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly