Open related files, Open a related file from the related files toolbar, Open a related file from the code navigator – Adobe Dreamweaver CC 2015 User Manual
Page 104

97
File management
Last updated 6/3/2015
To clean up HTML or XHTML that was not generated by Microsoft Word, use the Cleanup HTML command.
You can also open non-HTML text files, such as JavaScript files, XML files, CSS style sheets, or text files saved by word
processors or text editors.
1
Select File > Open.
You can also use the Files panel to open files.
2
Navigate to and select the file you want to open.
Note: If you haven’t already done so, it’s a good idea to organize files you plan to open and edit in a Dreamweaver site,
instead of opening them from another location.
3
Click Open.
The document opens in the Document window. JavaScript, text, and CSS Style Sheets open in Code view by default.
You can update the document while working in Dreamweaver, and save the changes in the file.
Open Related Files
Dreamweaver lets you view files related to your main document, without losing the main document’s focus. For
example, if you have CSS and JavaScript files attached to a main document, Dreamweaver lets you view and edit these
related files in the Document window while keeping the main document visible.
Note: Dynamically Related Files (such as PHP files in Content Management Systems) are covered in the next Help section.
By default, Dreamweaver displays the names of all files related to a main document in a Related Files toolbar below the
main document’s title. The order of the buttons in the toolbar follows the order of related files links that exist within
the main document.
Note: If a related file is missing, Dreamweaver still displays the corresponding button in the Related Files toolbar. If you
click the button, however, Dreamweaver does not display anything.
Dreamweaver supports the following kinds of related files:
• Client-side script files
• Server Side Includes
• Spry data set sources (XML and HTML)
• External CSS style sheets (including nested style sheets)
Open a related file from the Related Files toolbar
Do one of the following:
• In the Related Files toolbar at the top of the document, click the filename of the related file you want to open.
• In the Related Files toolbar, right-click the filename of the related file you want to open and select Open as Separate
File from the context menu. When you open a related file by this method, the main document does not remain
simultaneously visible.
Open a related file from the Code navigator
1
Place the insertion point on a line or in an area that you know is affected by a related file.
2
Wait for the Code Navigator indicator to appear, and then click it to open the Code Navigator.