Learn how to use toolbars, inspectors, and context menus in Dreamweaver.
The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this article in Dreamweaver CC and later. For more information, see this article.
Use the Document and Standard toolbars to perform document-related and standard editing operations; the Coding toolbar to insert code quickly; and the Style Rendering toolbar to display your page as it would appear in different media types. You can choose to display or hide the toolbars as necessary.
To display or hide the Coding toolbar in the Code inspector (Window > Code Inspector), select Coding Toolbar from the View Options pop‑up menu at the top of the inspector.
The Property inspector lets you examine and edit the most common properties for the currently selected page element, such as text or an inserted object. The contents of the Property inspector vary depending on the element(s) selected.
To access help for a particular Property inspector, click the help button in the upper right corner of the Property inspector, or select Help from a Property inspector’s Options menu.
Use the Tag inspector to view and edit every attribute associated with a given tag’s properties.
You might have to expand the Property inspector to view all the properties for the selected element.
For information on specific properties, select an element in the Document window, and then click the Help icon in the upper-right corner of the Property inspector.
Click outside the property-editing text fields.
Press Enter (Windows) or Return (Macintosh).
Press Tab to switch to another property.
Context menus provide convenient access to the most useful commands and properties related to the object or window you’re working with. Context menus list only those commands that pertain to the current selection.