
213
Accessing the Code Directly
6
Accessing Related Files
As noted earlier, the modern Web page is often, essentially, a compound document with exter-
nal files of various types, like CSS and JavaScript, integrated in the main HTML source code. The
Related Files feature makes it possible to quickly navigate to any of these external files and make
any changes in Code view while reviewing the rendered page in Dreamweaver’s Design or Live view.
All included files—as well as a link to the HTML source code—are displayed in the
Related Files bar, located below the filename tab and the Document toolbar, as shown
in Figure 6-17. Dreamweaver recognizes four different type of related files: external CSS style sheets,
JavaScript and other client-side scripting files, Spry data set sources in either HTML or XML format,
and server-side includes. Related Files support for external CSS style sheets is so good, it even recog-
nizes nested style sheets, where one is imported in another.
FIGURE 6-17
Click any external file in the Related Files toolbar to quickly make edits; refresh the page to re-render it in
Design or Live view.
The recommended method for getting the most out of the Related Files feature is to enable Live view
and enter into Split view to display both the code and rendered page simultaneously. Dreamweaver
will enter Split view automatically, if you’re in Live v