Dreamweaver CS3
Adobe's Spry Framework offers help with designing dynamic Web pages.
This Web site layout program gets more complicated for newbies, while making advanced features easier to wrangle for those in the know.
As always, Dreamweaver lets you view page layout and underlying code at the same time, while letting you hide or display the various panels of tools. The interface of this former Macromedia property looks a tad different as it adopts the Adobe CS3 style.
Thanks to universal binary support offered by Creative Suite 3, Dreamweaver serves users of both Intel- and PowerPC-based Macs.
Dreamweaver may be overkill for creating a simple HTML site like this one. You'd be wise to do some patient reading or take a class to before diving into complex, dynamic Web design. Adobe's video tutorials are clear, but they assume prior coding knowledge. However, those who dabble in DHTML and include CSS, AJAX, and Javascript in their Web designs might like some of Dreamweaver's WSIWYG shortcuts.
Dreamweaver's integration with Adobe Bridge helps to manage images and other components of a Web site.
Bridge.jpg
We experienced delays running Dreamweaver, Fireworks, Firefox, Microsoft Word 2003 and Windows Media Player (to play a CS3 tutorial video) at the same time on a 300GHz, Windows XP SP2 computer with 1GB of RAM. At one point, we waited more than 30 seconds to open Fireworks while the other applications were already running. If you plan to multitask with Adobe Creative Suite 3, make sure you have a beefy system first.
Dreamweaver's Spry Framework, written largely in HTML, is supposed to make it relatively easy to work with Javascript and Cascading Style Sheets.
Just as Dreamweaver prompts you to copy images on a Web page to the proper folder, it reminds you to insert and upload dynamic CSS and Javascript elements.
Playing with the Spry menu, we accidentally inserted an Accordion Panel. When we tried later to delete part of it, Dreamweaver walked us through finding related JavaScript so we could get rid of it and prevent Web page errors.
As in the past, you can export a Fireworks PNG layout as HTML, as CSS layers or as a Dreamweaver library.
An HTML file brought into Dreamweaver includes the underlying code including hotspots and other interactivity, so you can clean up and add to the code.
We tried to copy and paste layers from a Fireworks PNG file, but found out quickly that we were going about it the wrong away. While Adobe has added integration throughout its Creative Suite 3, not everything is an easy, drag-and-drop function. Again, do your research before diving in.
When we tried to copy layers of a PSD image from Fireworks and paste them into Dreamweaver, there was no option for accepting and rejecting layers, which you can do when moving a PSD directly from Photoshop. Creative Suite 3 improvements may feel intuitive for those who are already familiar with the applications. However, overall, we wish that the suite were more intuitive for those new to it.
More Galleries
My Favorite Shots From the Galaxy S24 Ultra's Camera
My Favorite Shots From the Galaxy S24 Ultra's Camera
20 Photos
Honor's Magic V2 Foldable Is Lighter Than Samsung's Galaxy S24 Ultra
Honor's Magic V2 Foldable Is Lighter Than Samsung's Galaxy S24 Ultra
10 Photos
The Samsung Galaxy S24 and S24 Plus Looks Sweet in Aluminum
The Samsung Galaxy S24 and S24 Plus Looks Sweet in Aluminum
23 Photos
Samsung's Galaxy S24 Ultra Now Has a Titanium Design
Samsung's Galaxy S24 Ultra Now Has a Titanium Design
23 Photos
I Took 600+ Photos With the iPhone 15 Pro and Pro Max. Look at My Favorites
I Took 600+ Photos With the iPhone 15 Pro and Pro Max. Look at My Favorites
34 Photos
17 Hidden iOS 17 Features You Should Definitely Know About
17 Hidden iOS 17 Features You Should Definitely Know About
18 Photos
AI or Not AI: Can You Spot the Real Photos?