- Introduction
- Understanding HTML
- Using the Reference Panel
- Using Code View
- Using Code Live View
- Setting Code View Options
- Entering HTML Code
- Using Code Hints
- Working with HTML Head Tags
- Inserting HTML Comments
- Using the Coding Toolbar
- Using Quick Tag Editor
- Using the Tag Inspector
- Using the Tag Chooser
- Opening Related Files
- Navigating to Related Code
- Setting Site Specific Code Hints
- Setting Code Hint Preferences
- Setting Code Format Preferences
- Setting Code Rewriting Preferences
- Setting Code Color Preferences
Opening Related Files
If you have a related file attached to a document, you can use the Related Files toolbar to quickly open it while keeping the main page available. When the Enabled Related Files option and an Discover Dynamically-Related Files option is selected in General Preferences, Dreamweaver displays the names of all static and dynamically (New!) related files related to a main document in a Related Files toolbar. The related files include external CSS rules, server-side includes (multilevel), PHP files, external JavaScript files, parent templates files, library files, and iframe source files. Status files appear first starting from the left, followed by external files (such as .css and .js), and concluding with dynamic path server included files (such as .php, .inc, and .module). When the Related Files toolbar contains too many files to fit on the toolbar, scroll arrows appear on the right and left to access files. To help you reduce the number of files on the toolbar, you can filter files by type to hide the ones you don’t want to display. In addition, when you click a link to a code source file in the Code Navigator, the file appears in the related files area (if enabled).
Set Related Files Preferences
- Click the Dreamweaver (Mac) or Edit (Win) menu, and then click Preferences.
- Click the General category.
- Select the Enable Related Files check box.
- Click OK to the alert. The change takes effect after restarting Dreamweaver.
- Click the Discover Dynamically-Related Files list arrow (New!), and then select an option:
-
Automatically. Displays static and dynamically-related files on the Related Files toolbar.
-
Manually. Displays static related files and displays the Info bar for dynamic-related ones. Click the Discover link on the Info bar to display it on the Related Files toolbar.
-
Disabled. Turns off the discovery of dynamically-related files. Static related files are still displayed.
-
- Click OK.
Use the Related Files Toolbar
-
Open a Related File. Click a file named button on the Related Files toolbar.
-
Open a Related File as a Separate File. Right-click (Win) or Control-click (Mac) a file named button on the Related Files toolbar, and then click Open as Separate File.
-
Return to the Main Document Source Code. Click the Source Code button on the Related Files toolbar.
-
Filter Files on the Toolbar. Click the Filter Related Files button (New!) on the Related Files toolbar, and then select the file types you want to filter (checked to show or unchecked to hide) or click Show All File Types to show all files.
The list of file types on the menu is built based on the file types connected to the current open document. You cannot filter out all the file types. When you close a document, the filter settings are not saved.