618543

Adobe Dreamweaver CS6 Manual

47
Zoom out
Zoom in
Previous page
1/694
Next page
Collapsing code
To the top
To the top
About collapsing code
Collapse and expand code fragments
Paste and move collapsed code fragments
About collapsing code
You can collapse and expand code fragments so that you can view different sections of your document without having to use the scroll bar. For
example, to see all of the CSS rules in the head tag that apply to a div tag farther down the page, you can collapse everything between the head
tag and the div tag so that you can see both sections of code at once. Although you can select code fragments by making selections in Design
view or Code view, you can collapse code only in Code view.
Note: Files created from Dreamweaver templates display all code as fully expanded, even if the template file (.dwt) contains collapsed code
fragments.
Collapse and expand code fragments
When you select code, a set of collapse buttons is displayed next to the selection (Minus symbols in Windows; vertical triangles on the Macintosh).
Click the buttons to collapse and expand the selection. When the code is collapsed, the collapse buttons change to an expand button (a Plus
button in Windows; a horizontal triangle on the Macintosh).
Sometimes, the exact fragment of code that you selected is not collapsed. Dreamweaver uses “smart collapse” to collapse the most common and
visually pleasing selection. For example, if you selected an indented tag and then selected the indented spaces before the tag as well,
Dreamweaver would not collapse the indented spaces, because most users would expect their indentations to be preserved. To disable smart
collapse and force Dreamweaver to collapse exactly what you selected, hold down the Control key before collapsing your code.
Also, a warning icon on collapsed code fragments is displayed if a fragment contains errors or code that is unsupported by certain browsers.
You can also collapse the code by Alt-clicking (Windows) or Option-clicking (Macintosh) one of the collapse buttons, or by clicking the Collapse
Selection button in the Coding toolbar.
1. Select some code.
2. Select Edit > Code Collapse, and select any of options.
Select a collapsed code fragment
In Code view, click the collapsed code fragment.
Note: When you make a selection in Design view that is part of a collapsed code fragment, the fragment is automatically expanded in Code view.
When you make a selection in Design view that is a complete code fragment, the fragment remains collapsed in Code view.
View the code in a collapsed code fragment without expanding it
Hold the mouse pointer over the collapsed code fragment.
Use keyboard shortcuts to collapse and expand code
You can also use the following keyboard shortcuts:
Command Windows Macintosh
Collapse Selection Control+Shift+C Command+Shift+C
Collapse Outside Selection Control+Alt+C Command+Alt+C
Expand Selection Control+Shift+E Command+Shift+E
Collapse Full Tag Control+Shift+J Command+Shift+J
Collapse Outside Full Tag Control+Alt+J Command+Alt+J
Expand All Control+Alt+E Command+Alt+E
40
… 47 …


Need help? Post your question in this forum.

Forumrules


Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

For example, Anti-Semitic content, racist content, or material that could result in a violent physical act.

For example, a credit card number, a personal identification number, or an unlisted home address. Note that email addresses and full names are not considered private information.

Forumrules

To achieve meaningful questions, we apply the following rules:

Register

Register getting emails for Adobe Dreamweaver CS6 at:


You will receive an email to register for one or both of the options.


Get your user manual by e-mail

Enter your email address to receive the manual of Adobe Dreamweaver CS6 in the language / languages: English as an attachment in your email.

The manual is 6,14 mb in size.

 

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.



Info