Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > PHP/MySQL/Scripting

  • Print
  • + Share This
Like this article? We recommend Support for Content Management

Support for Content Management

For designers who are still reluctant to get their hands dirty with server-side code, the Dreamweaver CS5 solution is to use a CMS such as the popular WordPress, Drupal, and Joomla!. Hook up Dreamweaver to a testing server, such as XAMPP (Windows) or MAMP (Mac OS X), and you can work on your favorite CMS right inside the Dreamweaver workspace, moving from page to page, styling them with the CSS Styles panel and Code Navigator in the same way as any other website. This is thanks to a major overhaul of Live View, a specially adapted version of the WebKit browser engine that powers Apple's Safari browser and Google Chrome, which makes the document window act just like a real browser. It's not a simulation. Dreamweaver CS5 communicates directly with the CMS database, allowing you to add or delete page content, while the results update in real time in Live View.

According to Matt Mullenweg, the founding developer of WordPress, more than 1,500 people are actively involved in some capacity with the development of this CMS. Drupal and Joomla! have similarly large bodies of contributors. Rather than relying on a small toolbox provided by Dreamweaver server behaviors, a non-coder can benefit from the combined skills of the development team of his or her chosen CMS. For its part, Dreamweaver CS5 provides a familiar design environment and site management tool. In previous versions, it was necessary to create a static HTML version of each page, or to switch constantly between Dreamweaver and reloading the page in a browser. Now, everything is done directly within the Dreamweaver workspace.

If you know enough PHP to tinker with the files that build the pages of your CMS, just open a separate tab to make your edits. As soon as you've saved them, click the Refresh button in Live View to see the result. If you need to check the output that's being generated, no problem—just click Live Code to inspect the HTML in Split view.

  • + Share This
  • 🔖 Save To Your Account