About managing files and folders

Dreamweaver includes a Files panel that helps you manage and transfer files to and from a remote server. When you transfer files between local and remote sites, parallel file and folder structures between the sites are maintained. When transferring files between sites, Dreamweaver creates corresponding folders if they do not yet exist in a site. You can also synchronize the files between your local and remote sites; Dreamweaver copies files in both directions as necessary and removes unwanted files when appropriate.

Use the Files panel

The Files panel enables you to view files and folders, whether they are associated with a Dreamweaver site or not, and perform standard file maintenance operations, such as opening and moving files.

Note:

In previous versions of Dreamweaver the Files panel was called the Site panel.

You can move the Files panel as necessary and set preferences for the panel.

Use this panel to perform the following tasks:

  • Access sites, a server, and local drives

  • View files and folders

  • Manage files and folders in the Files panel

    For Dreamweaver sites, use the following options to display or transfer files:

Expanded Files panel options
Expanded Files panel options.

A. Site pop-up menu B. Connect/Disconnect C. Refresh D. View site FTP log E. Site files view F. Testing server G. Repository view H. Get File(s) I. Put File(s) J. Check Out File(s) K. Check In File(s) L. Synchronize M. Expand/Collapse 

Note:

The Site Files view, Testing Server view, and Synchronize buttons appear only in the expanded Files panel.

The Site pop‑up menu

Lets you select a Dreamweaver site and display that site’s files. You can also use the Site menu to access all the files on your local disk, much like Windows Explorer(Windows) or the Finder (Macintosh).

Connect/Disconnect

(FTP, RDS, and WebDAV protocol) Connects to or disconnects from the remote site. By default, Dreamweaver disconnects from the remote site if it has been idle for more than 30 minutes (FTP only). To change the time limit, select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh), then select Site from the category list on the left.

Refresh

Refreshes the local and remote directory lists. Use this button to manually refresh the directory lists if you deselected either Refresh Local File List Automatically or Refresh Remote File List Automatically in the Site Definition dialog box.

Site Files view

Displays the file structure of the remote and local sites in the panes of the Files panel. (A preference setting determines which site appears in the left pane and which appears in the right pane.) Site Files view is the default view for the Files panel.

Testing Server view

Displays the directory structure of the testing server and the local site.

Repository view

Displays the Subversion (SVN) Repository.

Get File(s)

Copies the selected files from the remote site to your local site (overwriting the existing local copy of the file, if any). If Enable File Check In And Check Out is enabled, the local copies are read-only; the files remain available on the remote site for other team members to check out. If Enable File Check In and Check Out is disabled, the file copies will have both read and write privileges.

Note:

The files Dreamweaver copies are the files you select in the active pane of the Files panel. If the Remote pane is active, the selected remote or testing server files are copied to the local site; if the Local pane is active, Dreamweaver copies the remote or testing server version of the selected local files to the local site.

Put File(s)

Copies the selected files from the local site to the remote site.

Note:

The files Dreamweaver copies are the files you select in the active pane of the Files panel. If the Local pane is active, the selected local files are copied to the remote site or testing server; if the Remote pane is active, Dreamweaver copies the local versions of the selected remote server files to the remote site.

If you are putting a file that doesn’t already exist on the remote site, and Enable File Check In and Out is enabled, the file is added to the remote site as “checked out.” Click the Check In Files button if you want to add a file without the checked out status.

Check Out File(s)

Transfers a copy of the file from the remote server to your local site (overwriting the existing local copy of the file, if any) and marks the file as checked out on the server. This option is not available if Enable File Check In and Check Out in the Site Definitions dialog box is disabled for the current site.

Check In File(s)

Transfers a copy of the local file to the remote server and makes the file available for editing by others. The local file becomes read-only. This option is not available if the Enable File Check In and Check Out option in the Site Definitions dialog box is disabled for the current site.

Synchronize

Synchronizes the files between the local and remote folders.

The Expand/Collapse button

Expands or collapses the Files panel to display one or two panes.

View files and folders

You can view files and folders in the Files panel, whether they are associated with a Dreamweaver site or not. When you view sites, files, or folders in the Files panel, you can change the size of the viewing area, and, for Dreamweaver sites, you can expand or collapse the Files panel.

For Dreamweaver sites, you can also customize the Files panel by changing the view—either your local or remote site—that appears by default in the collapsed panel. Or, you can switch the content views in the expanded Files panel using the Always Show option.

Open or close the Files panel

  • Select Window > Files.

Search files in the files panel (Mac OS, Creative Cloud users only)

Use Live Search to locate files based on filename or text present in files. The site selected in the Files panel is used for search. If there is no site selected in the panel, the search option does not appear. For more information, see Search files based on filenames or content.

Expand or collapse the Files panel (Dreamweaver sites only)

  • In the Files panel (Window > Files), click the Expand/Collapse button  in the toolbar.

    Note:

    If you click the Expand/Collapse button to expand the panel while it is docked, the panel maximizes so that you cannot work in the Document window. To return to the Document window, click the Expand/Collapse button again to collapse the panel. If you click the Expand/Collapse button to expand the panel while it is not docked, you can still work in the Document window. Before you can dock the panel again, you must first collapse it.

    When the Files panel is collapsed it displays the contents of the local site, the remote site, or the testing server as a list of files. When expanded, it displays the local site and either the remote site or testing server.

Change the size of the view area in the expanded Files panel

  • In the Files panel (Window > Files), with the panel expanded, do one of the following:
    • Drag the bar that separates the two views to increase or decrease the view area of the right or left pane.

    • Use the scroll bars at the bottom of the Files panel to scroll through the views’ contents.

Change the site view in Files panel (Dreamweaver sites only)

  • Do one of the following:
    • In the collapsed Files panel (Window > Files), select Local View, Remote View, Testing Server, or Repository View from the Site View pop‑up menu.

    Note:

    Local View appears in the Site View menu by default.

    Change site view
    • In the expanded Files panel (Window > Files), click the Site Files button (for the remote site), the Testing Server button, or the Repository Files button.
    Click the Site Files button (for the remote site), the Testing Server button, or the Repository Files button
    A. Site Files B. Testing Server C. Repository Files 

    Note:

    Before you can view a remote site, testing server or repository, you must set up a remote site, testing server, or SVN repository.

View files outside of a Dreamweaver site

  • Navigate your computer using the Site pop‑up menu, much as you would if you were using Windows Explorer(Windows) or the Finder (Macintosh).

Work with files in the Files panel

You can open or rename files; add, move, or delete files; or refresh the Files panel after you make changes.

For Dreamweaver sites, you can also determine which files (on either the local or remote site) have been updated since the last time they were transferred.

Open a file

  1. In the Files panel (Window > Files), select a site, server, or drive from the pop‑up menu (where the current site, server, or drive appears).
  2. Navigate to the file you want to open.
  3. Do one of the following:
    • Double-click the file’s icon.

    • Right-click (Windows) or Control‑click (Macintosh) the file’s icon, then select Open.

      Dreamweaver opens the file in the Document window.

Create a file or folder

  1. In the Files panel (Window > Files), select a file or folder.

    Dreamweaver will create the new file or folder inside the currently selected folder, or in the same folder as the currently selected file.

  2. Right-click (Windows) or Control‑click (Macintosh), then select New File or New Folder.
  3. Enter a name for the new file or folder.
  4. Press Enter (Windows) or Return (Macintosh).

Delete a file or folder

  1. In the Files panel (Window > Files), select the file or folder you want to delete.
  2. Right-click (Windows) or Control‑click (Macintosh), then select Edit > Delete.

Rename a file or folder

  1. In the Files panel (Window > Files), select the file or folder you want to rename.
  2. Do one of the following to activate the name of the file or folder:
    • Click in the filename, pause, then click again.

    • Right-click (Windows) or Control‑click (Macintosh) the file’s icon, then select Edit > Rename.

  3. Type the new name over the existing name.
  4. Press Enter (Windows) or Return (Macintosh).

Move a file or folder

  1. In the Files panel (Window > Files), select the file or folder you want to move.
  2. Do one of the following:
    • Copy the file or folder, then paste it in a new location.

    • Drag the file or folder to a new location.

  3. Refresh the Files panel to see the file or folder in its new location.

Refresh the Files panel

  • Do one of the following:
    • Right-click (Windows) or Control‑click (Macintosh) any file or folder, then select Refresh.

    • (Dreamweaver sites only) Click the Refresh button in the Files panel toolbar (this option refreshes both panes).

    Note:

    Dreamweaver refreshes the Files panel when you make changes in another application, then return to Dreamweaver.

Find files in your Dreamweaver site

Dreamweaver makes it easy to find selected, open, checked out, or recently modified files in your site. You can also find files that are newer in your local or remote site.

Find an open file in your site

  1. Open the file in the Document window.
  2. Select Site > Locate in Site.

    Dreamweaver selects the file in the Files panel.

    Note:

    If the open file in the Document window is not part of the current site in the Files panel, Dreamweaver attempts to determine which of your Dreamweaver sites the file belongs to; if the current file belongs to only one local site, Dreamweaver opens that site in the Files panel, then highlights the file.

Locate and select checked out files in a Dreamweaver site

  • In the collapsed Files panel (Window > Files), click the Options menu in the upper-right corner of the Files panel, then select Edit > Select Checked Out Files.
    Click the options menu

    Dreamweaver selects the files in the Files panel.

Find a selected file in your local or remote site

  1. Select the file in the Local or Remote view of the Files panel (Window > Files).
  2. Right-click (Windows) or Control‑click (Macintosh), then select Locate in Local Site or Locate in Local Site (depending on where you selected the file).

    Dreamweaver selects the file in the Files panel.

Locate and select files that are newer in the local site than in the remote site

  • In the collapsed Files panel (Window > Files), click the Options menu in the upper-right corner of the Files panel, then select Edit > Select Newer Local.

    Dreamweaver selects the files in the Files panel.

Locate and select files that are newer in the remote site than in the local site

  • In the collapsed Files panel (Window > Files), click the Options menu in the upper-right corner of the Files panel, then select Edit > Select Newer Remote.

    Dreamweaver selects the files in the Files panel.

Find recently modified files in your site

  1. In the collapsed Files panel (Window > Files), click the Options menu in the upper-right corner of the Files panel, and then select Edit > Select Recently Modified.
  2. Do one of the following to indicate search dates for the report:
    • To report on all files modified in the last several days, select Files Created or Modified in the Last and enter a number in the box.

    • To report on all files modified within a specific time frame, click the Files Created or Modified in the Between radio button, then specify a date range.

  3. (Optional) Enter a user name in the Modified By box to limit your search to files modified by a specific user between the dates you indicated.

    Note:

    This option is only available for reports on Contribute sites.

  4. Select a radio button to indicate where you want to view files listed in the report, if necessary:

    Local Machine

    if the site contains static pages.

    Testing Server

    if the site contains dynamic pages.

    Note:

    This option assumes you defined a Testing Server in the Site Definition dialog box (XREF). If you have not defined a Testing Server and entered a URL prefix for that server, or if you are running the report for more than one site, this option is not available.

    Other Location

    if you want to enter a path in the text box.

  5. Click OK to save your settings.

    Dreamweaver highlights the files that were modified within the selected time frame in the Files panel.

Identify and delete unused files

You can identify and delete files that are no longer used by other files in your site.

  1. Select Site > Check Links Sitewide.

    Dreamweaver checks all the links in your site and displays the broken ones in the Results panel.

  2. Select Orphaned Files from the menu on the Link Checker panel.

    Dreamweaver displays all the files with no incoming links. This means that no files in your site link to these files.

  3. Select the files you want to delete and press Delete.

    Note:

    Although no other file in the site links to these files, some of the listed files may link to other files. Use caution when deleting the files.

Access sites, a server, and local drives

You can access, modify, and save files and folders in your Dreamweaver sites, as well as files and folders that are not part of a Dreamweaver site. In addition to Dreamweaver sites, you can access a server, a local drive, or your desktop.

Before you can access a remote server, you must set up Dreamweaver to work with that server.

Note:

The best way to manage your files is to create a Dreamweaver site.

Open an existing Dreamweaver site

  • In the Files panel (Window > Files), select a site from the menu (where the current site, server, or drive appears).
    Open an existing Dreamweaver site

Open a folder on a remote FTP or RDS server

  1. In the Files panel (Window > Files), select a server name from the menu (where the current site, server, or drive appears).
    Open a folder on a remote FTP or RDS server

    Note:

    Server names appear for servers you’ve configured Dreamweaver to work with.

  2. Navigate to and edit files as you normally do.

Access a local drive or your desktop

  1. In the Files panel (Window > Files), select Desktop, Local Disk, or CD Drive from the menu (where the current site, server, or drive appears).
  2. Navigate to a file, then do any of the following:
    • Open files in Dreamweaver or another application

    • Rename files

    • Copy files

    • Delete files

    • Drag files

      When you drag a file from one Dreamweaver site to another or to a folder that is not part of a Dreamweaver site, Dreamweavercopies the file to the location where you drop it. If you drag a file within the same Dreamweaver site, Dreamweavermoves the file to the location where you drop it. If you drag a file that is not part of a Dreamweaver site to a folder that is not part of a Dreamweaver site, Dreamweaver moves the file to the location where you drop it.

    Note:

    To move a file that Dreamweaver copies by default, hold down the Shift key (Windows) or the Command key (Macintosh) while you drag. To copy a file that Dreamweaver moves by default, hold the Control key (Windows) or the Option key (Macintosh) while you drag.

Customize the file and folder details displayed in the expanded Files panel

When you view a Dreamweaver site in the expanded Files panel, information about the files and folders is displayed in columns. For example, you can see the file type or the date a file was modified.

You can customize the columns by doing any of the following (some operations are only available for columns you add, not default columns):

  • Reorder or realign columns

  • Add new columns (for a maximum of 10 columns)

  • Hide columns (except the filename column)

  • Designate columns to be shared with all users connected to a site

  • Delete columns (custom columns only)

  • Rename columns (custom columns only)

  • Associate columns with a Design Note (custom columns only)

Change the order of the columns

  • Select a column name, and then click the up or down arrow button to change the position of the selected column.

    Note:

    You can change the order of any column except Name, which is always the first column.

Add, delete, or change detail columns

  1. Select Site > Manage Sites.
  2. Select a site, then click Edit.
  3. Expand Advanced Settings and select the File View Columns category.
  4. Select a column and click the Plus (+) button to add a column, or the Minus (–) button to delete a column.

    Note:

    The column is deleted immediately and without confirmation, so make certain that you want to delete the column before clicking the Minus (–) button.

  5. In the Column Name box, enter a name for your column.
  6. Select a value from the Associate with Design Notes menu, or type in your own.

    Note:

    You must associate a new column with a Design Note, so that there is data to display in the Files panel.

  7. Select an alignment to determine how text is aligned within the column.
  8. Select or deselect Show to reveal or hide the column.
  9. Select Share with All Users of This Site to share the column with all users connected to the remote site.

Sort by any detail column in the Files panel

  • Click the heading for the column you want to sort.

    Note:

    Click the heading again to reverse the order (ascending or descending) by which Dreamweaver sorts the column.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy