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.
Intel Pentium 4 or AMD Athlon 64 processor
Microsoft Windows XP with Service Pack 2 (Service Pack 3 recommended); Windows Vista Home Premium, Business, Ultimate, or Enterprise with Service Pack 1; or Windows 7
512MB of RAM
1GB of available hard-disk space for installation; additional free space required during installation (cannot install on removable flash storage devices)
1280x800 display with 16-bit video card
Java™ Runtime Environment 1.6 (included)
DVD-ROM drive
QuickTime 7.6.6 software required for HTML5 media playback
_(Platinum_Edition_2-Disc_DVD).jpg)
