Adobe Dreamweaver CC 2015 - Manual (Page 388)

381
Coding
Last updated 6/3/2015
Remove All Tags Removes all the tags in the selection.
Convert Lines To Table Wraps the selection in a table tag with no attributes.
Add Line Breaks Adds a br tag at the end of each line of the selection.
Convert To Uppercase Converts all letters in the selection (including tag and attribute names and values) to
uppercase.
Convert To Lowercase Converts all letters in the selection (including tag and attribute names and values) to
lowercase.
Convert Tags To Uppercase Converts all tag and attribute names and attribute values in the selection to uppercase.
Convert Tags To Lowercase Converts all tag and attribute names and attribute values in the selection to lowercase.
Edit a server-language tag with the Property inspector
Edit the code in a server-language tag (such as an ASP tag) without entering Code view by using the code Property
inspector.
1 In Design view, select the server-language tag visual icon.
2 In the Property inspector, click the Edit button.
3 Make changes to the tag code, and click OK.
Indent code blocks
As you write and edit code in Code view or the Code inspector, you can change the indentation level of a selected block
or line of code, shifting it right or left by one tab.
Indent the selected block of code
• Press Tab.
• Select Edit > Indent Code.
Unindent the selected block of code
• Press Shift+Tab.
• Select Edit > Outdent Code.
Navigate to related code
The Code Navigator displays a list of code sources related to a particular selection on your page. Use it to navigate to
related code sources, such as internal and external CSS rules, server-side includes, external JavaScript files, parent
template files, library files, and iframe source files. When you click a link in the Code Navigator, Dreamweaver opens
the file containing the relevant piece of code. The file appears in the related files area, if it is enabled. If you don’t have
related files enabled, Dreamweaver opens the selected file as a separate document in the Document window.
If you click a CSS rule in the Code Navigator, Dreamweaver takes you directly to that rule. If the rule is internal to the
file, Dreamweaver displays the rule in Split view. If the rule is in an external CSS file, Dreamweaver opens the file and
displays the rule in the related files area above the main document.
You can access the Code Navigator from Design, Code, and Split views, as well as from the Code inspector.
For a video overview from the Dreamweaver engineering team about working with the Code Navigator, see
www.adobe.com/go/dw10codenav .