Design pages more efficiently using the responsive Fluid Grid Layout system in Adobe® Dreamweaver® CS6 software to create layouts for a wide range of devices. As always, you can preview designs with Live View and the Multiscreen Preview panel to check the appearance of pages and mobile apps.

Fluid Grid Layout

Construct complex web designs and layouts without getting buried in code. Fluid Grid Layout is adaptive to help you design projects that display on different screen sizes for desktops and devices. More about Fluid Grid Layout ›

Enhanced jQuery Mobile support

Build native mobile apps for iOS and Android platforms using updated support for jQuery Mobile. Build apps to reach mobile audiences while streamlining your mobile development workflow.

PhoneGap support

Build and package native apps for Android™ and iOS with Adobe PhoneGap. Convert existing HTML to a mobile phone app within Dreamweaver using the PhoneGap framework. Test layouts with the provided emulator.

Updated Multiscreen Preview panel

Check the display of projects built for smartphones, tablets, and desktops with the updated Multiscreen Preview panel. This enhanced panel now enables you to check rendering of HTML5 content.

Adobe Business Catalyst integration

Use the integrated Business Catalyst panel in Dreamweaver to connect and edit sites you build with Adobe Business Catalyst (available separately). Build e-commerce sites with the hosted solution. More about website builder ›

Improved FTP performance

Save time uploading larger files with the reengineered multithreaded FTP transfer tool. Upload site files faster and more efficiently to speed production time.

Updated Live View

Test pages before publishing using updated Live View functionality. Live View now uses the latest version of the WebKit rendering engine to provide the ultimate in HTML5 support.

CSS3 transitions

Animate changes to CSS properties as transitions to bring web designs to life. Maintain greater control of web design as you finesse page elements and create captivating effects.

CSS3/HTML5 support

Style with the CSS panel, which supports CSS3. Design view supports media queries for applying different styles to fit screen dimensions. Design view and code hinting support HTML5.

Adobe BrowserLab integration

Preview dynamic web pages and local content with diagnostic and comparison tools. Use Adobe BrowserLab (available separately) to test web content across browsers and operating systems.

CSS inspection

Visually display the CSS box model in detail and easily toggle CSS properties without reading code or needing to use a separate utility.

W3C validation

Use the online W3C Markup Validation Service to help ensure the accuracy of your standards-based web designs.

Integrated CMS support

Author sites using CMSs like WordPress, Joomla!, and Drupal. Access related files with the Dynamically Related Files feature. Live View Navigation offers accurate previews of dynamic apps.

Site-specific code hinting

Benefit from code hinting on nonstandard files in Dreamweaver, enabling enhanced hinting support for third-party PHP libraries and CMS frameworks like WordPress, Joomla!, and Drupal.