PCMag editors select and review products independently. If you buy through affiliate links, we may earn commissions, which help support our testing.

Adobe Dreamweaver CS6 Review

Our team tests, rates, and reviews more than 1,500 products each year to help you make better buying decisions and get more from technology.

Our Expert
LOOK INSIDE PC LABS HOW WE TEST
65 EXPERTS
43 YEARS
41,500+ REVIEWS
Adobe Dreamweaver CS6 is far away the world?s most powerful Web editor, though it's a little rougher around the edges than its admittedly less-capable, Windows-only rival, Microsoft Expression Web. - Adobe Dreamweaver CS6
4.0 Excellent

The Bottom Line

Adobe Dreamweaver CS6 is far away the world?s most powerful Web editor, though it's a little rougher around the edges than its admittedly less-capable, Windows-only rival, Microsoft Expression Web.

Buy It Now

Pros & Cons

    • Built-in support for building browser-based apps for phones and tablets in addition to traditional websites.
    • GUI tools for every major technology currently used on the Web.
    • ?Live? displays and multiscreen previews make debugging easier than ever.
    • Works identically under Windows and OS X.
    • Complex interface that sometimes requires editing in raw code.
    • Not easy to build in alternatives to Flash for Flash-blocking platforms like iOS.

Adobe Dreamweaver ($399.99; upgrade $199.00, direct) has dominated the Web-editing field for longer than most people can remember, but in the past few years it has seemed willing to coast on its reputation, offering worthy but uncompelling upgrades with each recent version. Dreamweaver CS6  version is different. It’s an essential upgrade for anyone who wants to build Web pages or apps that automatically adapt when viewed in a Web browser on a phone or tablet or a browser on a laptop or desktop. For the past few years, I’ve been doing most of my Web design in Microsoft’s clean, efficient, and underpublicized Expression Web, but Dreamweaver CS6 is the first Web editor built for the multiplatform era, with full support for HTML5 and CSS3. Like the rest of the CS6 suite, Dreamweaver is targeted to professionals who are willing to climb its steep learning curve, but even occasional coders can use it to build impressive-looking sites.

What's New?

The big new features in Dreamweaver are these. First is “fluid grid layouts” that let you specify exactly how page elements will be arranged when your site is displayed on a small-screen phone, a midsize tablet, or a full-screen desktop. (Keep reading for more detail on this.) Next is built-in support for PhoneGap Build, an open-source platform that makes it easy to create a single Web-based app that runs on multiple phone platforms. Dreamweaver also improved its integration with Query Mobile, a JavaScript-based platform for building browser-based phone and tablet apps. CSS Transitions—the Web-based counterpart of transitions in traditional presentation apps—are now supported through a reasonably intuitive interface.

Adobe has improved the fidelity and flexibility of Dreamweaver’s “Live” preview, and improved its “multiscreen” preview panel that shows what your page will look like at phone, tablet, and desktop screen sizes. Adobe’s online “browser lab” makes it possible to test your pages on older browser platforms, though Microsoft’s comparable SuperPreview feature offers an even wider choice of old and new browsers to test in.

Another Dreamweaver feature that I’ve wanted for years, and which Adobe scarcely mentions in its PR, is built-in Web font support through a simple dialog that lets you install fonts to your Web server so you can use them on your pages; this was always possible through laborious hand-coding but Dreamweaver makes it easy. Other improvements that I’m glad to see include a completely revamped—and speedy—FTP module with full support for secure protocols. Built-in support for the W3C Consortium’s page-validation tool guarantees full compliance with current Web standards.

The most spectacular new feature in Dreamweaver is its support for “fluid grid layouts,” which means that it creates pages organized according to an invisible underlying grid that changes according to the size of the screen. Text and graphic elements on the page automatically readjust their position when the page is viewed on a phone, tablet, or desktop. I had to watch a demo video (accessible from Dreamweaver’s opening menu) to figure out to use it, but after that it was easy.

You create a fluid grid layout by targeting three screen sizes: phone, tablet, and desktop. First you arrange the page elements as you want them to look at one screen size, with each element aligned to the invisible background grid. Then you click an icon to switch to a different screen size, and arrange the elements in a different way on the grid. So, for example, a phone will display your whole page in a single column with a dropdown navigation menu at the top, while a tablet will display parts of the page in three columns, with a wide navigation bar at the top. The underlying CSS automatically switches between layouts according to the screen size of the device displaying the page. The multiscreen preview panel lets you change any or all of the three built-in screen sizes, so you can test the way the fluid grid will work on any size you want.

Flash Integration

Dreamweaver, predictably, is tightly integrated with Adobe’s Flash format. But if you’re developing for iOS, you can’t use Flash in your apps or Web pages, unless you buy Adobe’s $4,500 Flash Media Server to stream Flash in a way that iOS permits. Dreamweaver let me drop Flash video into my Web pages without an hiccup and with plenty of layout options, but when I tried to add HTML5 video to my page, I had to figure out for myself that I needed to download and install an HTML5 Video “widget” and then modify the widget’s code by hand.

Interface

Like the rest of the Adobe’s Creative Suite Dreamweaver’s interface is a forest of panels and “tab groups” and toolbars that takes time to get used to. Unlike the rest of the suite, which uses a graphic interface to edit graphic objects like animations, photos, illustrations, and printed pages, Dreamweaver’s graphic interface is a set of tools for editing raw HTML, CSS, JavaScript, and other text-based code. Most of the time, you can use one of Dreamweaver’s GUI-based buttons and menus for modifying the underlying code, but sometimes you can’t and that means getting your hands dirty while editing the code directly. This is good if you know how to edit raw code, frustrating if you don’t. Sometimes, especially while working with the new fluid layout grid feature, I gave up trying to find a menu or toolbar for modifying a layout detail, and had to dig through the raw code to make the change. The fluid layout grid feature is obviously a work in progress, and future versions will make this kind of thing easier, but you should be prepared for some minor first-version frustrations in the meantime.

Extreme Flexibility

For basic HTML and CSS editing, I still tend to prefer Microsoft Expression Web 4, but Expression Web works only on Windows, while Adobe’s apps work more or less identically on Windows and Mac machines. Also, Dreamweaver CS6 is unquestionably the first and only Web-building tool that works smoothly and capably in the new multi-platform world. It’s got its rough edges, but Adobe Dreamweaver CS6 also has more power and flexibility than anything else in its category, and it deserves our Editor’s Choice.

More Photo, Video, and Graphics Software Reviews:

Best Photo & Design Picks

Further Reading

Final Thoughts

Adobe Dreamweaver CS6 is far away the world?s most powerful Web editor, though it's a little rougher around the edges than its admittedly less-capable, Windows-only rival, Microsoft Expression Web. - Adobe Dreamweaver CS6

Adobe Dreamweaver CS6 Review

4.0 Excellent

Adobe Dreamweaver CS6 is far away the world?s most powerful Web editor, though it's a little rougher around the edges than its admittedly less-capable, Windows-only rival, Microsoft Expression Web.

Get It Now

Buy It Now

About Our Expert

Edward Mendelson

Edward Mendelson

My Experience

I've been writing about software and hardware for PCMag for more than 40 years, focusing on operating systems, office suites, and communication and utility apps. I've specialized in everything related to word and document processing, including format conversion, OCR, and PDF apps. In my spare time, I build apps for Macs and Windows PCs that make it easy to run legacy operating systems (such as old versions of macOS and Windows) and work with legacy documents.

I've also written about technology for non-technical publications, such as The New York Review of Books. Before joining PCMag, I reviewed music and sound equipment for audio magazines. In my other career, I'm the Lionel Trilling Professor in the Humanities at Columbia University and write books about modern literature.

The Technology I Use

For work, I use a Lenovo ThinkCentre M901s desktop (one at home, one in the office) and a Lenovo ThinkPad X13 laptop. For everything else, I use an M4 MacBook Air and an M4 MacBook Pro. I also have an iPad Air and a closet full of obsolete ThinkPads and Macs that I use for testing and nostalgia. I still use an iPhone 13 mini because it's the smallest iPhone that Apple still supports.

My speakers are a mix of Bang & Olufsen and Sonos models, driven by a mix of tube-based and solid-state electronics and a WiiM Pro streamer.

Read full bio