Adobe® Dreamweaver® CS4 Bible

228

Part II

Designing and Crafting Basic Pages

4. To wrap a snippet around some existing code or page elements:

a. Select the code or elements.

b. Double-click the snippet or select the snippet and click Insert.

Again, you can drag the snippet onto the selected code.

You can quickly hide a section of a page by selecting it and then choosing the Comment,

Multiline snippet from the Comments category of the Snippets panel.

Although Dreamweaver’s standard code snippets are handy, you don’t realize the real value of the

Snippets panel until you begin adding your own snippets. To help you manage your snippets,

Dreamweaver enables you to create new folders, rename existing ones, or delete ones no longer

needed. All this functionality is available through the options menu on the Snippets panel, as well

as through the context menu. Snippets, as well as folders, can be renamed, deleted, edited, and, of

course, created.

Before you begin to create your own code snippet, select it first. The Snippets dialog

box is modal, and you cannot access other Dreamweaver windows while it is open. The

selected code is copied to the Insert Before text field.

To save code as a snippet, follow these steps:

1. Click the New Snippet button on the bottom of the Snippets panel.

2. Enter a name to be displayed in the Snippets panel in the Name field.

3. If you like, you can enter a brief description of the sn ...