New Features Summary

What’s new (CS5.5)

Multiscreen support

Preview your designs in standard screen resolutions, or use media queries to define resolution. When testing for devices that change page orientation based on how the device is held, use the landscape and portrait options during preview.

Media query support

Use media queries to customize the appearance of your site for different screen resolutions. For more information, see Creating media queries (CS5.5 and later).

Web applications for mobile devices

Quickly design a web application that works on most mobile devices using the jQuery Mobile widget. For more information, see Creating web applications for mobile devices (CS5.5).

Package web applications for Android, iPhone, and iPad

Package your web applications in Dreamweaver, and deploy them to Android™ and iOS-based devices. For more information, see Packaging web applications as native mobile applications (CS5.5).

HTML5, CSS3, and jQuery support

Dreamweaver supports code hinting for HTML5, CSS3, and jQuery.

Starter layouts are also available for building HTML5 pages from scratch. Dreamweaver supports the HTML5 feature to embed videos in HTML pages. For more information, see Embed videos in web pages (HTML5).

The CSS panel has been enhanced to support commonly used CSS3 properties. For more information, see Code hints and Enhancements to CSS3 support in the CSS styles panel (CS5.5).

FTPS support

Transfer data using FTPS. FTPS (FTP over SSL) provides both encryption and authentication support as compared to SFTP that supports only encryption. For more information, see FTPS connections (CS5.5).

W3C validator support

Create standards-compliant HTML and XHTML pages using the W3C validator in Dreamweaver. For more information, see Validate documents using W3C validator (CS5.5).

What’s new (CS5)

Adobe BrowserLab

Dreamweaver CS5 integrates with Adobe BrowserLab, one of the new CS Live online services, which provides a fast and accurate solution for cross-browser compatibility testing. With BrowserLab you can preview web pages and local content using multiple viewing and comparison tools. See BrowserLab.

Business Catalyst integration

Adobe Business Catalyst is a hosted application that replaces traditional desktop tools with one, central platform for web designers. The application works hand-in-hand with Dreamweaver, and lets you build everything from basic data-driven websites to powerful online stores. See http://www.adobe.com/go/business_catalyst_get_extension_en.

CSS enhancements

CSS Disable/Enable

CSS Disable/Enable lets you disable and re-enable CSS properties directly from the CSS Styles panel. Disabling a CSS property simply comments out the specified property without actually deleting it. See Disable/Enable CSS.

CSS Inspection

Inspect mode lets you visually display the CSS box model properties—including padding, border, and margin—in detail without reading code or requiring a separate third-party utility such as Firebug. See Inspect CSS in Live view.

CSS starter layouts

Dreamweaver CS5 includes updated and simplified CSS starter layouts. The complex descendent selectors from the CS4 layouts have been removed and replaced with simplified, easy-to-understand classes. See Create a page with a CSS layout.

The Dynamically-Related Files feature lets you discover all of the external files and scripts necessary to assemble PHP-based Content Management System (CMS) pages, and displays their filenames in the Related Files toolbar. By default Dreamweaver supports file discovery for the Wordpress, Drupal, and Joomla! CMS frameworks. See Open Dynamically-Related Files.

Live view navigation

Live view navigation activates links in Live view, allowing you to interact with server-side applications and dynamic data. The feature also allows you to enter a URL to inspect pages served from a live web server and edit pages you have browsed to if they exist in one of your locally defined sites. See Previewing pages in Dreamweaver.

PHP custom class code hinting

PHP custom class code hinting displays the proper syntax for PHP functions, objects, and constants, helping you type more accurate code. Code hinting also works with your own custom functions and classes, as well as third-party frameworks, such as the Zend framework.

Simplified site setup

The newly redesigned Site Definition dialog box (now the Site Setup dialog box) makes it easier to set up a local Dreamweaver site so that you can start building web pages right away. The remote server category lets you specify your remote and testing servers in one view. See Set up a local version of your site and Connect to a remote server.

Site-specific code hints

The Site-specific code hints feature lets you customize your coding environment when working with third-party PHP libraries and CMS frameworks such as WordPress, Drupal, Joomla!, or other frameworks. Theme files for blogs and other custom PHP files and directories can be included or excluded as sources for code-hints. See Site-specific code hints.

Subversion support enhancements

Dreamweaver CS5 expands its support for Subversion, allowing you to move, copy, and delete files locally, and then synchronize changes with your remote SVN repository. The new Revert command allows you to quickly correct tree conflicts or rollback to a previous version of a file. Additionally, a new extension allows you to specify which version of Subversion you would like to work with on a given project. See Use Subversion (SVN) to get and check in files.

Deprecated features

The following features have been deprecated as of Dreamweaver CS5:

  • Accessibility validation report

  • ASP/JavaScript server behaviors

  • Check Browser JavaScript behavior

  • Connect to FTP/RDS server without defining a site

  • Control Shockwave or SWF JavaScript behavior

  • Create Web Photo Album

  • Hide Pop-up Menu JavaScript behavior

  • InContext Editing Manage Available CSS Classes

  • Insert FlashPaper

  • Insert/Remove Mark of the Web

  • Microsoft Visual Sourcesafe integration

  • Navigation bars

  • Play Sound JavaScript behavior

  • Show Events menu (Behaviors panel)

  • Show Pop-up Menu JavaScript behavior

  • Timeline JavaScript behaviors

  • Validate tags

  • View Live Data

Adobe logo

Sign in to your account