Learn how to use the Insert panel in Dreamweaver to create and insert objects, such as tables, images, OAM files, and Bootstrap components.
The Insert panel contains buttons for creating and inserting objects such as tables and images. The buttons are organized into categories.
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.
Click an object button or drag the button’s icon into the Document window (into Design, Live, or Code View).
Click the arrow on a button, then select an option from the menu.
Depending on the object, a corresponding object-insertion dialog box may appear, prompting you to browse to a file or specify parameters for an object. Or, Dreamweaver may insert code into the document, or open a tag editor or a panel for you to specify information before the code is inserted.
For some objects, no dialog box appears if you insert the object in Design view, but a tag editor appears if you insert the object in Code view. For a few objects, inserting the object in Design view causes Dreamweaver to switch to Code view before inserting the object.
Some objects, such as named anchors, are not visible when the page is viewed in a browser window. You can display icons in Design view that mark the locations of such invisible objects.
For example, to insert a placeholder for an image without specifying an image file, Control-click or Option-click the Image button.
This procedure does not bypass all object-insertion dialog boxes. Many objects, including AP elements and framesets, do not insert placeholders or default‑valued objects.
When you insert an object with this option off, the object is given default attribute values. Use the Property inspector to change object properties after inserting the object.
You can add one object at a time. You cannot select a category name, such as Common, to add an entire category to your favorites list.
To delete an object or separator, select an object in the Favorite Objects pane on the right, and then click the Remove Selected Object in Favorite Objects List button above the pane.
To move an object, select an object in the Favorite Objects pane on the right, and then click the Up or Down arrow button above the pane.
To add a separator below an object, select an object in the Favorite Objects pane on the right, and then click the Add Separator button below the pane.
Unlike other panels in Dreamweaver, you can drag the Insert panel out of its default dock position and drop it into a horizontal position at the top of the Document window. When you do so, it changes from a panel to a toolbar (though you cannot hide and display it in the same way as other toolbars).
The horizontal Insert bar is also a default part of the Classic workspace. To switch to the Classic workspace, select Classic from the workspace switcher in the Application bar.