beautypg.com

Open related files – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 338

background image

Note:

To the top

Note:

Note:

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.

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.

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.

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)

For a video overview from the Dreamweaver engineering team about working with related files, see

www.adobe.com/go/dw10relatedfiles

.

For a video tutorial on working with Live View, related files, and the Code Navigator, see

www.adobe.com/go/lrvid4044_dw

.

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

331

This manual is related to the following products: