First Look: Dreamweaver Pairs Well With Photoshop

Tight integration with Photoshop speeds site design and publishing.


1. Introduction

For Web-design professionals, Dreamweaver CS3's integration into Adobe's Creative Suite bundle of applications is the ideal marriage of graphics programs. Fundamental to the revamped Dreamweaver is the software's tight integration with Photoshop.

Former Macromedia Studio users might take a while to adjust to seeing Photoshop open when they double-click an image on a Dreamweaver page (in the past, Studio's Fireworks app would have handled such tasks), but Dreamweaver and Photoshop go together so well that I'm betting it won't be long before those same people are saying, "Firewha?"

I tested a shipping version of Dreamweaver CS3. Alone, the program is $399; alternatively, you can buy it as part of Creative Suite 3 Design Premium ($1799, or $599 as an upgrade from CS2) or Creative Suite 3 Web Premium ($1599, or $499 as an upgrade from CS2 or Macromedia Studio 8, Studio MX, or Studio MX 2004).

I admit I was taken aback the first time I saw an image from a Dreamweaver page layout open in Photoshop as a .psd file. But the integration works well and is bidirectional: You can copy all or part of a Photoshop image and paste it directly into Dreamweaver; a dialog box opens for choosing the options you prefer to optimize the image for the Web. When you subsequently double-click the image in Dreamweaver, it opens in Photoshop with all its original layers, masks, and other .psd attributes.

2. Interactivity Reigns

If you've been looking for a quick and simple way to add the interactivity of Ajax to your site, Dreamweaver provides the Spry framework of widgets and effects. The Spry JavaScript library includes XML-based tables, tabs, and form-field validation, the appearance of which you can customize via CSS. Spry effects let you make elements fade in or out, grow smaller or larger, or move across the screen, all without any scripting, and without requiring any server components. Adobe claims the Spry code is 99 percent HTML, so it should be easy to edit and customize. While a few hard-core developers will surely appreciate the ability to crunch their own JavaScript, using the Spry components with as little alteration as possible is simpler.

The program also adds a Browser Compability Check that lists the problems your site may have when opened in various versions of Internet Explorer, Firefox, Netscape, and any other browsers you want to add; meanwhile, Dreamweaver's code view highlights potential CSS-related problems by underlining the suspect code in green.

Current Dreamweaver users can upgrade to the new version for $199 and continue to use it with Fireworks, Flash (now itself part of CS3), and the other former Studio apps, but they'll be missing out on the new version's biggest productivity booster, its direct link to Photoshop (and to a lesser extent the other tools in CS3). The tandem of Dreamweaver and Photoshop is indeed greater than the sum of its parts.


Adobe Dreamweaver CS3


PCW Rating: 82 Very Good


The program's integration with Adobe Photoshop and the other applications in the Creative Suite promise to speed site design and publishing. The new Spry framework lets you drag and drop Ajax functionality onto your site's pages.

List: $399; $199 upgrade from Dreamweaver 8 and Studio MX; also part of the various Creative Suite 3 bundles
www.adobe.com
Regional Articles
- First Look: Dreamweaver Pairs Well With Photoshop Alabama
- First Look: Dreamweaver Pairs Well With Photoshop Alaska
- First Look: Dreamweaver Pairs Well With Photoshop Arizona
- First Look: Dreamweaver Pairs Well With Photoshop Arkansas
- First Look: Dreamweaver Pairs Well With Photoshop California
- First Look: Dreamweaver Pairs Well With Photoshop Colorado
- First Look: Dreamweaver Pairs Well With Photoshop Connecticut
- First Look: Dreamweaver Pairs Well With Photoshop DC
- First Look: Dreamweaver Pairs Well With Photoshop Delaware
- First Look: Dreamweaver Pairs Well With Photoshop Florida
- First Look: Dreamweaver Pairs Well With Photoshop Georgia
- First Look: Dreamweaver Pairs Well With Photoshop Hawaii
- First Look: Dreamweaver Pairs Well With Photoshop Idaho
- First Look: Dreamweaver Pairs Well With Photoshop Illinois
- First Look: Dreamweaver Pairs Well With Photoshop Indiana
- First Look: Dreamweaver Pairs Well With Photoshop Iowa
- First Look: Dreamweaver Pairs Well With Photoshop Kansas
- First Look: Dreamweaver Pairs Well With Photoshop Kentucky
- First Look: Dreamweaver Pairs Well With Photoshop Louisiana
- First Look: Dreamweaver Pairs Well With Photoshop Maine
- First Look: Dreamweaver Pairs Well With Photoshop Maryland
- First Look: Dreamweaver Pairs Well With Photoshop Massachusetts
- First Look: Dreamweaver Pairs Well With Photoshop Michigan
- First Look: Dreamweaver Pairs Well With Photoshop Minnesota
- First Look: Dreamweaver Pairs Well With Photoshop Mississippi
- First Look: Dreamweaver Pairs Well With Photoshop Missouri
- First Look: Dreamweaver Pairs Well With Photoshop Montana
- First Look: Dreamweaver Pairs Well With Photoshop Nebraska
- First Look: Dreamweaver Pairs Well With Photoshop Nevada
- First Look: Dreamweaver Pairs Well With Photoshop New Hampshire
- First Look: Dreamweaver Pairs Well With Photoshop New Jersey
- First Look: Dreamweaver Pairs Well With Photoshop New Mexico
- First Look: Dreamweaver Pairs Well With Photoshop New York
- First Look: Dreamweaver Pairs Well With Photoshop North Carolina
- First Look: Dreamweaver Pairs Well With Photoshop North Dakota
- First Look: Dreamweaver Pairs Well With Photoshop Ohio
- First Look: Dreamweaver Pairs Well With Photoshop Oklahoma
- First Look: Dreamweaver Pairs Well With Photoshop Oregon
- First Look: Dreamweaver Pairs Well With Photoshop Pennsylvania
- First Look: Dreamweaver Pairs Well With Photoshop Rhode Island
- First Look: Dreamweaver Pairs Well With Photoshop South Carolina
- First Look: Dreamweaver Pairs Well With Photoshop South Dakota
- First Look: Dreamweaver Pairs Well With Photoshop Tennessee
- First Look: Dreamweaver Pairs Well With Photoshop Texas
- First Look: Dreamweaver Pairs Well With Photoshop Utah
- First Look: Dreamweaver Pairs Well With Photoshop Vermont
- First Look: Dreamweaver Pairs Well With Photoshop Virginia
- First Look: Dreamweaver Pairs Well With Photoshop Washington
- First Look: Dreamweaver Pairs Well With Photoshop West Virginia
- First Look: Dreamweaver Pairs Well With Photoshop Wisconsin
- First Look: Dreamweaver Pairs Well With Photoshop Wyoming
Rate Article
     
Articles Insider

Rss   Delicious   Digg   Add To My Yahoo   Add To My Google   Bookmark   Search Plugin

Topics:
Advertising Educational Content Home Appliances Real Estate Resources
Business Services Entertainment Home Electronics Software
Career Family Home Services Technology
Cars Fashion Internet Telecommunications
Chamber of Commerce Financial Services Legal Trade Shows
Computer Hardware Franchise Miscellaneous Travel
Construction Health Nightlife Weddings
Education Holidays Online Database World History