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
Related Articles
- Microsoft Expression Web
While the internet and Microsoft are both central to modern computers, the latter's longstanding web-authoring application, FrontPage, has generally been viewed with contempt.
- Creating Website Graphics
- Flash Tricks For Improving Search Engine Rankings
- Adobe Photoshop Lightroom
- Site Assist extension for Dreamweaver
- Software In Review: WebAssist eCart
- Adobe Photoshop CS3
- About Sandvox
- CSSEdit 2.5
- SEO Basics
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

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

Topics:
Advertising Family Home Services Real Estate Resources
Business Services Fashion Industrial Goods & Services Retail & Consumer Services
Career Financial Services Insurance Software
Cars Food & Beverage Internet Technology
Computer Hardware Franchise Legal Telecommunications
Construction Health Miscellaneous Trade Shows
Education Holidays Nightlife Travel
Entertainment Home Appliances Online Database Weddings
Environmental Home Electronics Pets World History