Adobe Dreamweaver CC 2015 - Manual (Page 105)

98
File management
Last updated 6/3/2015
3 Hover over the items in the Code Navigator to see more information about them. For example, if you want to change
a particular CSS color property, but don’t know which rule it resides in, you can find the property by hovering over
the available rules in the Code Navigator.
4 Click the item you’re interested in to open the corresponding related file.
Return to the source code of the main document
❖ Click the Source Code button in the Related Files toolbar.
Change the display of related files
You can view related files in a number of ways:
• When you open a related file from Design view or Code and Design views (Split view), the related file displays in a
split view above the Design view of the main document.
You can select View > Design View on Top if you want the related file to display at the bottom of the Document
window instead.
• When you open a related file from vertically split Code and Design views (View > Split vertically), the related file
displays in a split view alongside the Design view of the main document.
You can select or deselect Design View on Left (View > Design View on Left), depending on where you want the
Design view.
• When you open a related file from Split Code view or Vertical Split Code view (View > Split Code view, and View >
Split vertically), the related file displays in a split view beneath, above, or alongside the source code for the main
document, depending on the options you have selected.
The “code view” in the display option refers to the source code of the main document. For example, if you select
View > Code View on Top, Dreamweaver displays the source code of the main document in the top half of the
Document window. If you select View > Code View on Left, Dreamweaver displays the source code of the main
document on the left side of the Document window.
• Standard Code view does not let you display related Documents at the same time as the main document’s source
code.
Disable related files
1 Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).
2 In the General category, deselect Enable Related Files.
Open Dynamically-Related Files
The Dynamically-Related Files feature extends the functionality of the Related Files feature by allowing you to see the
related files of dynamic pages in the Related Files toolbar. Specifically, the Dynamically-Related Files feature lets you
see the numerous dynamic includes that are required to generate the runtime code for popular open-source PHP
Content Management System (CMS) frameworks such as WordPress, Drupal and Joomla!.
To use the Dynamically-Related Files feature, you must have access to a local or remote PHP application server running
WordPress, Drupal, or Joomla!. One common approach for testing pages is to set up a localhost PHP application server,
and test the pages locally.
Before you test pages, you’ll need to perform the following steps:
• Set up a Dreamweaver site and make sure that you have filled out the Web URL text box the Site Setup dialog box.