You can access Adobe Dreamweaver CS6 tools, commands, and features by using menus or by selecting options from one of the Insert panels or other Dreamweaver panels. The most commonly used areas of the Dreamweaver workspace are the Document window, the Insert panel, the Properties panel, and the other panels.
The Document window displays the current document as you create and edit it. The Insert panel contains buttons for creating and inserting objects such as images, tables, layers, and frames you might want to add to your web pages. The Properties panel displays properties for the selected object or text and enables you to modify those properties.
The Document window and panels
The Dreamweaver workspace enables you to view documents and object properties. The workspace places many of the most common operations in toolbars so that you can quickly make changes to your documents.
Switching between views
Dreamweaver enables you to work in a variety of views. Lay out a page graphically in Design view, work directly with the underlying code, split the screen into both Code and Design views, or edit in Live view which presents a non-editable browser-based rendering of the document as you create and edit it. Change views by using the view buttons.
• Code view - a hand-coding environment for writing and editing HTML, JavaScript, server-language code such PHP or ColdFusion Markup Language (CFML)—and any other kind of code.
• Design view - 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 when viewing the page in a browser.
• Code and Design view (Split view) - both Code view and Design view for the same document in a single window.
There are also two additional views related to code that dynamically changes the page--that is, code that will change as users interact with the page:
• Live view - similar to Design view, a more realistic representation of what your document will look like in a browser. Live view enables you to interact with the document exactly as you would in a browser. Live view is not editable. However, you can edit in Code view and refresh Live view to see your changes.
• Live Code view - only available when viewing a document in Live view. Live Code view displays the actual code that a browser uses to execute the page, and can dynamically change as you interact with the page in Live view. Live Code view is not editable.
To select a view, click its button in the Document toolbar.
