The document window
The document window displays the current document. You can select any of the following views:
Design view is a design environment for visualizing page layouts, visual editing, and rapid application development. In this view, Dreamweaver displays a fully editable visual representation of the document, similar to what you see when you view the page in a browser.
Code view is a manual encoding environment for writing and editing HTML, JavaScript, server language code (such as PHP or ColdFusion Markup Language (CFML)), and any other type of code. For more information, see Writing code in Dreamweaver in use Dreamweaver.
The code and Design view allows you to see both the Code view and the Design view of the same document in a single window.
When the document window has a title bar, the title bar displays the page title and displays the path and file name of the file in parentheses. If you have made changes but have not yet saved them, Dreamweaver will display an asterisk after the file name.
When the document window is maximized in the Integrated workspace layout (Windows only), it does not have a title bar, in which case the page title and the file's path and file name appear in the title bar of the main workspace window.
In addition, when the document window is maximized, the tabs that appear at the top of the document window area display the file names of all open documents. To switch to a document, click its tab.