beautypg.com

Insert code with the coding toolbar – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 475

background image

To the top

When renaming your site structure, keep in mind that you cannot use the names of any of the three default site framework structures, or the word
“custom”.

1. Display the structure that you want to rename.

2. Click the Rename Structure icon button in the upper right-hand corner of the dialog box.

3. Specify a new name for the structure and click Rename.

Note: If the name you specify is already in use, Dreamweaver prompts you to enter a different name, or to confirm that you want to overwrite the
structure with the same name. You cannot overwrite any of the default framework structures.

Add files or folders to a site structure

You can add any files or folders that are associated with your framework. After that, you can specify the file extensions of the files you want to
scan. (See the next section.)

1. Click the plus (+) button above the Files window to open the Add File/Folder dialog box.

2. In the Add File/Folder text box, enter the path to the file or folder you want to add. You can also click the folder icon next to the text box to

browse to a file or folder.

3. Click the plus (+) button above the Extensions window to specify the file extensions of files you want to scan.

Note: Specifying particular file extensions speeds up the scanning process.

4. Click Add.

Scan a site for file extensions

Use the Find Extensions dialog box to view and edit file extensions that are included in the site structure.

1. In the Site-Specific Code Hints dialog box, click the Extensions button.

The Find Extensions dialog box lists the current scannable extensions.

2. To add another extension to the list, click the plus (+) button above the Extensions window.

3. To delete an extension from the list, click the minus (-) button.

Insert code with the Coding toolbar

1. Make sure you are in Code view (View > Code).

2. Position the insertion point in the code, or select a block of code.

3. Click a button in the Coding toolbar, or select an item from a pop-up menu in the toolbar.

To find out what each button does, position the pointer over it until a tooltip appears. The Coding toolbar displays the following buttons by
default:

Open Documents Lists the documents that are open. When you select one, it is displayed in the Document window.

Show Code Navigator Displays the Code Navigator. For more information, see Navigate to related code.

Collapse Full Tag Collapses the content between a set of opening and closing tags (for example, the content between and
). You must place the insertion point in the opening or closing tag and then click the Collapse Full Tag button to collapse the tag.

You can also collapse the code outside a full tag by placing the insertion point in an opening or closing tag and Alt-clicking (Windows) or
Option-clicking (Macintosh) the Collapse Full Tag button. Additionally, Control-clicking this button disables “smart collapse” so that
Dreamweaver doesn’t adjust the content it collapses outside full tags. For more information, see About collapsing code.

Collapse Selection Collapses the selected code.

You can also collapse the code outside a selection by Alt-clicking (Windows) or Option-clicking (Macintosh) the Collapse Selection
button. Additionally, Control-clicking this button disables “smart collapse” so that you can collapse exactly what you selected without any
manipulation from Dreamweaver. For more information, see About collapsing code.

Expand All Restores all collapsed code.

Select Parent Tag Selects the content and surrounding opening and closing tags of the line in which you’ve placed the insertion point. If you
repeatedly click this button, and your tags are balanced, Dreamweaver eventually selects the outermost html and /html tags.

Balance Braces Selects the content and surrounding parentheses, braces, or square brackets of the line in which you placed the insertion
point. If you repeatedly click this button, and your surrounding symbols are balanced, Dreamweaver eventually selects the outermost braces,
parentheses, or brackets in the document.

Line Numbers Lets you hide or show numbers at the beginning of each line of code.

Highlight Invalid Code Highlights invalid code in yellow.

Syntax Error Alerts in Info Bar Enables or disables an information bar at the top of the page that alerts you to syntax errors. When

468

This manual is related to the following products: