"Document" window The "Document" window displays the current document. You can choose 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 see when you view 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 type of code. For more information, see Writing Code in Dreamweaver in Using Dreamweaver.
Code and Design view lets you see both Code and Design views of the same document in a single window.
When the Document window has a title bar, the title bar displays the page title and the path and file name of the file in parentheses. If you make changes but haven't saved them yet, Dreamweaver displays 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 this case, the page title and the path and file name of the file appear in the title of the main workspace window column.
Additionally, when the Documents window is maximized, the tabs that appear at the top of the Documents window area display the file names of all open documents. To switch to a document, click its tab.