Working with CMS Frameworks in Dreamweaver CS5

Explore Dreamweaver CS5's enhanced integration tools for Content Management Systems such as Wordpress, Drupal, and Joomla. Quickly access, edit and filter dynamically-related files by using the Live View feature and site-specific code hinting.

View CMS in Dreamweaver

To view your CMS in Dreamweaver:

  1. Go to the Files Panel.
  2. Open a CMS file such as index.php.
  3. Click Design View (it is normal to see a blank page). You will get a prompt asking to discover any dynamically related files.
  4. Click Discover.
  5. A popup will appear, warning that any scripts that are discovered will be automatically executed. (This action is the same as viewing the page in a web browser.) Click Yes to continue. 
  6. All discovered and related files will be displayed at the top of the Document toolbar. Upon clicking on Live View, you will be prompted to update the files on the testing server.
    Note: You can toggle Live View on and off to refresh files and reflect the changes made to the files.
  7. Click Yes to render newly discovered files. You will then be prompted to transfer dependent files.
  8. Click Yes to continue. The CMS will then render within Dreamweaver.

As you navigate throughout the page, changes can be made accordingly as elements are selected and edited. Dreamweaver will then apply the modifications to the proper related files.

Filtering for Files

With CMS integration, you can use filters to better navigate through large numbers of files. To use a filter:

  1. Click on the Filter icon (funnel shape in the upper right corner of the top toolbar).
  2. In the popup, select Custom Filter.
  3. Enter a search term, such as "footer," to locate the files referencing the term.
  4. Click OK

To cancel a filter:

  1. Click the Filter icon.
  2. Select Show All File Types.

Dreamweaver is a popular Adobe program for creating websites and applications.  It supports HTML5, CSS3, PHP, FTP, jQuery and more; and it works with HostGator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the video learning portal, Adobe TV.  The video in this article is courtesy of Adobe TV.