Review: Dreamweaver CS3
- Article 45 of 89
- MacFormat, June 2007
Dreamweaver’s the industry leader, but it’s in new hands. Has Adobe carried on where Macromedia left off?
If there was a jewel in the crown of Adobe’s acquisition of Macromedia, it was Dreamweaver. Without doubt the de facto standard of professional web development, it’s been streets ahead of Adobe’s GoLive application in popularity for years. Now part of the Adobe family, Dreamweaver has already replaced GoLive in the Creative Suite 3 collection, relegating the former rival to standalone status; every new web function in Creative Suite 3 now uses Dreamweaver instead of GoLive. But what of the program itself? What has Adobe done to make everyone glad of the change of the ownership and willing to hand over money for the CS3 upgrade?
The first thing that’s immediately obvious is that Adobe hasn’t changed the interface at all. Stick Dreamweaver MX 2004 next to Dreamweaver CS3 and you’d be hard pushed to notice a difference. This is surprising, partly because Adobe loves to tinker with interfaces, but also because every other app in the CS3 family now has the same look, more or less. The interface was also the biggest problem with Dreamweaver, since it was especially Windows-y in the way it handled things like site management. No change might please some of the installed base, but with all the advantages the new CS3 interface offers, it’s a somewhat baffling choice and one that leaves Dreamweaver suffering from death by palette as well. Expect a new look in CS4 instead.
What it does have in common with the rest of the CS3 family, however, is universal binary status. While initial operations encountered the spinning beachball of death, Dreamweaver quickly sped up on our test Mactel to the point of downright nippiness, something not necessarily true of MX 2004 on either PowerPC or Intel.
The new features in Dreamweaver are quite impressive and cross a wide range of areas, although GoLive users will feel a certain amount of déjà vu as they look down the list. Images are, of course, vital in web design and Photoshop and Fireworks are the kings of web images. Dreamweaver now includes an import function for Photoshop and Fireworks images you’ve copied to the clipboard. Simply paste the image into your document and a version of the familiar Creative Suite “Save for Web” dialogue box will pop up. Choose the file format you want the image to be in, compression and colour options, then save a web version to the site folder; you’ll also be prompted for Alt text. More cleverly, if you make changes to the original image and copy and paste over the version in the HTML document, Dreamweaver remembers the optimisation settings for the image and creates a new version using those settings. It’s not a patch on GoLive’s Smart Objects function, which does the same thing but automatically, but it will save you a few round-trips to your favourite image editing app from Dreamweaver.
Another GoLive-esque feature is the library of commented CSS layouts. If creating multi-column fluid or fixed layouts or various hybrids thereof without recourse to tables is something you’ve found hard in the past, rejoice, because Dreamweaver CS3 comes with a set of templates for creating virtually every combination you can think of. Each layout contains a wealth of comments about how best to use it, including image-use, setting font sizes and so on, making it easy to learn the secrets of CSS at the same time.
Part of the problem with CSS layouts is getting them to display properly in all browsers. Another of Dreamweaver’s new capabilities is a Browser Compatibility Check function that helps you test your code for CSS properties and values that might cause problems in particular browsers. The potential problems get flagged up in Code view, but you’ll need to consult the Adobe CSS Advisor web site for tips and possible fixes. We’ll have to wait to see how well that works out in practice: if other Dreamweaver users (or Adobe support staff) can find the time to help out, this could be a useful site. At the moment? Not so much and you can’t help but feel something similar to the built-in O’Reilly reference books would have been handier.
Probably the best of the new Dreamweaver functions, however, is Spry integration. Unless you’ve been under a web-design rock for a few years, you’ll have heard of AJAX – Asynchronous JavaScript And XML. Think “Google Maps” if you’re not sure what this is. Spry is Adobe’s AJAX framework, which includes libraries of CSS and JavaScript for adding interactive functions to web pages.
Just about everyone can be happy with “Spry effects”, once they’ve found out how to apply them: select an attribute, make sure it has an ID, then add the effect using the Behaviours palette and a dialogue box. Spry effects can make page elements grow, shrink, fade, highlight and more. Easy to use and they look good in every browser. There’s a good range and they’re the sort of things you’d always wished were simple to add to your web page but weren’t.
The more advanced use of Spry is Dreamweaver’s collection of “Spry widgets”. These are customisable components for incorporating XML-driven lists and tables, ‘accordions’ (those things that reveal extra information on a web page when you click on them), tabbed interfaces, forms with validation, repeatable web-page regions and other common interface elements.
In construction, Spry widgets are just like OS X’s widgets. They’re blocks of HTML, with JavaScript to define behaviour and CSS to change the look of the widget. When you add them to a page using the Spry toolbar, the HTML gets added to the appropriate section of the page code and the page gets linked to the corresponding CSS and JavaScript.
Unfortunately, while we’ve already covered the JavaScript side of AJAX, there’s also XML to consider. Most of the widgets rely to some degree on XML, so if that scares you as much as Dreamweaver’s Bindings palette, the Spry widgets won’t be your cup of tea. If XML is your thing, though, be doubly happy because XML handling in Dreamweaver is significantly easier in CS3 and the Spry widgets make it all a lot easier to use.
Dreamweaver CS3 is not the absolute tour de force you might have hoped for from Adobe. It lacks built-in support of Web 2.0 features such as blogs, podcasts and so on. It still feels a little clumsy in comparison to GoLive, with its constant addiction to dialogue boxes. But Dreamweaver CS3 has definitely benefited from its period in new ownership. CS3 is a worthwhile purchase at £393 for the full version, £163 for the upgrade, for anyone who’s into serious web design.