Dreamweaver 3.0"A Completely Customizable Program" |
||
Click on a thumbnail to enlarge it. Use your browser's "BACK" button to return to this review when done. |
||
Macromedia has released its latest version of its Web authoring application: Dreamweaver 3.0. This visual editor is known for its excellent page templates, strong site management tools, and its respect for HTML code (it won't rewrite your HTML or JavaScript). For an overview of Dreamweaver features, see our review: Dreamweaver 2.0. The new version has added innovative page-editing tools, better features for design teams, and unparalleled extensibility. It is available for both the PC and Macintosh, and Macromedia has rewritten this latest version for the Mac from scratch as a fully native Macintosh application. Dreamweaver 3 includes a full copy of either Bare Bones BBEdit 5.0 for Macintosh users or Allaire HomeSite 4.0 for Windows users. Macromedia has an excellent site to visit, with all sorts of information, freebies, and tutorials: http://www.macromedia.com You can purchase Dreamweaver 3 as a stand alone product or as a packaged deal with Fireworks 3: Dreamweaver 3 with Fireworks 3 Studio $399; Dreamweaver 3 with Fireworks 3 Studio upgrade from any commercial version of Dreamweaver or Fireworks $249; Dreamweaver 3 with Fireworks 3 Studio upgrade for owners of both Dreamweaver and Fireworks $199; Dreamweaver 3 Windows or Macintosh $299; Dreamweaver 3 Upgrade from 1, 1.2, and 2 $129; Dreamweaver 3 Educational Version $99. |
||
Advanced Beginners, Intermediate and Advanced computer and Web designers. I would suggest you have some experience with computers and Web design before you use this program. It is well-suited for professional Web developers who want control and access to their source HTML; graphic artists and page layout professionals who need a software that uses visual page layout, design metaphors, and is easy to use; corporate Web Masters who need standard templates, compatibility with dynamic publishing and e-commerce solutions, cross-platform reliability, and customization to suit a variety of skill levels; and casual business users who want to use Microsoft Word or Excel for their content and want to bring it into Dreamweaver. | ||
Editing HTML | ||
|
||
Managing Sites | ||
|
||
Creating and Editing Objects and Page Elements | ||
|
||
Streamlining Your Workflow: Integration and Communication | ||
|
||
Customizing and Extending Dreamweaver | ||
|
||
History Palette | ||
Photoshop users will love the new History Palette in Dreamweaver as it is very similar to Photoshop's. It shows a list of all the steps you've performed in the active document and allows you to undo one or more steps. It also allows you to replay steps; copy steps; and to create new JavaScript commands to automate repetitive tasks. This means that you don't have to worry about making mistakes or leaving out steps when you make macros. After you have finished various steps, you just save them as a JavaScript command. Non-adjacent steps can be replayed; you can apply steps to any object in the Document window, not just a similar type; and you can copy and paste steps between documents. The history palette can be cleared, which frees up memory when the history list gets too large, and the undo history command extends past any file saving, so you can undo steps that have already been saved to the source file. Extension authors can now shorten their development cycles. Using the History Palette, you can build out a series of steps, then quickly save this as a JavaScript command. This rapidly constructs the skeleton of your extension. Then, if needed, you can open up the file and add the extra code. |
||
Microsoft Office Integration | ||
|
||
Quick Tag Editor | ||
The Quick Tag Editor lets you inspect and edit the HTML source without leaving the design window. It is a free-floating pane on top of the document and has three different interfaces to access and modify the code: Edit Tag; Wrap Tag; and Insert HTML. The Edit Tag mode allows you to edit an existing tag, but you can only edit a single opening tag. The Wrap Tag mode is used to wrap a new tag around the current selection. As with the Edit Tag mode, you can only enter a single opening tag. The Insert HTML tag mode is used to insert new HTML code. You can enter arbitrary HTML strings in the editor, including multiple tags and text or other content between tags, and if you leave tags unclosed, the corresponding closing tags are added automatically. The Quick Tag Editor also introduces a tag hint feature that presents itself as you type. A list of tags that match the text you have entered appears in a drop-down list. This feature can be disabled also. I think the Quick Tag Editor is a great feature, but I wanted it to do more in the Edit Tag and Wrap Tag modes. It still is the easiest way to quickly inspect and edit the HTML source of a single tag without having to switch to the HTML Source Inspector and back again. |
||
HTML Styles | ||
This feature is wonderful for users who want to apply global text and paragraph formatting automatically and easily without worrying about different browser support. You can select any document text and use it as the basis for a new HTML Style or by using the HTML Style palette, you can define new styles from scratch by choosing character or paragraph level settings, selecting font face, size and color, and even creating additive styles that can be applied together. Style sheets for a site are stored in a portable XML file that can be easily edited or shared between team members or used on other sites. Unlike CSS styles, though, HTML style formatting only affects text that you apply it to, or text that you create using a selected HTML style. If you change the formatting of an HTML style you have created, text that was originally formatted with that style is not updated. This could be an advantage if it is what you want to do. |
||
Design Notes | ||
You can keep track of extra file information associated with your documents, such as an image source file names and comments on the file status by using the Design Notes command. This would be beneficial if you copy a document from one site to another. You can add Design Notes for that document, with the comment that the original document is in the other site folder. Then if you update the document (or someone else does), you'll know that you need to update the original page as well. You can also use Design Notes for information about how the document was created, or notes on how a particular price or configuration was chosen, or what marketing factors influenced a design decision. Design Notes can be created for documents, templates, applets, ActiveX controls, images, Flash movies, Shockwave objects, and image fields. Since Design Note information is stored as an XML document separate from the HTML source file, this extra information does not add bulk to the source files. |
||
Roundtrip Graphics Editing with Macromedia Fireworks | ||
The integration of Dreamweaver and Fireworks is tighter than ever. You can roundtrip your graphics and code between the two applications, and both code and graphics remain editable all the time. You can edit any graphic from Dreamweaver. When the Fireworks application is launched, you have the option of editing the JPEG or GIF or accessing the original Fireworks PNG source files. Any changes that are made in Fireworks are automatically updated on the Web page. Dreamweaver 3.0 includes two new objects that insert Fireworks HTML with all the graphics and code associated with rollover objects and entire navigation bars from Fireworks. For the smallest, highest-quality files possible, you can use the Optimize Image command in Dreamweaver to load the Fireworks Export Preview interface instantly. All Fireworks' behaviors are recognized as native Dreamweaver behaviors. Also graphics created in Fireworks and exported as a Dreamweaver library item are automatically placed in the Dreamweaver library. When sharing files between Fireworks and Dreamweaver, information about the files stored in Design Notes is accessible in both applications. Fireworks 3 is now fully scriptable via JavaScript and has an architecture that enables Dreamweaver to drive operations in Fireworks directly from within the Dreamweaver application. For example, you could make a rollover button script that allows you to enter text in the Dreamweaver application that automatically launches Fireworks, invokes a template, and returns the necessary button states and JavaScript from Fireworks. Or you could create scripts that take all the text headings in Dreamweaver and turn them into stylized GIFs in Fireworks, without ever having to leave the Dreamweaver application. |
||
Extensibility Through the Dreamweaver DOM and Extensible Menus | ||
|
||
Site Management and Synchronization | ||
Dreamweaver 3.0 offers the ability to synchronize local and remote sites. This compares all the files at both locations and copies the files to the right location, depending on which synchronization direction you chose. Site Synchronization even removes orphan files that are no longer part of the site directory, reducing bandwidth-taxing overhead. Before the synchronization is actually performed, Dreamweaver presents you with a detailed summary of the actions it is about to perform. You have the ability to override single assets before invoking the action. Unchecked files will not be processed. When the action is completed, this dialog is presented again with a status of every line item. | ||
Repeat Last Action | ||
The 'Repeat Last Action' shortcut was one of the most requested features on the Dreamweaver Wish List. To repeat the last action, you can use a keyboard shortcut: (Ctrl-Y on Windows, Command-Y on Macintosh). To inspect which action is the last action, you select the Edit menu and inspect the second menu option. | ||
More Objects | ||
The Object Palette has been expanded to include even more commonly-used elements, including e-mail links, navigation bars, jump menus, and dates. New objects for Macromedia Flash 4 and Generator 2 make it easy for you to add rich content to your pages. Rich-media files can be played inline at design time to give you more control. You'll also notice more options in the pop-up menu at the top of the Objects Palette, including a set of frame objects that make designing framesets simpler than ever; and a set of special character objects so that you'll never have to remember what "™" means again. It includes special character objects for copyright or trademark. If there is a special character that is not part of the Objects in this view, you can access the Extended Characters dialog box for a larger subset of special characters. | ||
With the release of Dreamweaver 3, Macromedia has a Web layout program that is truly designed for users that don't want to work with HTML code and programers that want total control over their HTML. And the new native Macintosh version will be highly appreciated by Mac users. When I first installed the new version, I thought, "well, there isn't really anything revolutionary about it." But as I went through the program and tried all of the new features and options, I thought, "how did I live without these features." This is an excellent upgrade with just enough well thought-out new features to please previous Dreamweaver users. Over 75% of the requested features have been incorporated in Dreamweaver 3. Such features as the History Palette make it easier than ever for novices to use the program, and its focus on customization of the entire application is a must have ability for serious developers. | ||
Windows Macintosh |
||
Graphics:
Adobe Illustrator & Adobe Photoshop
Web Page Editor: Macromedia Dreamweaver 3.0 Scanner: Hewlett Packard ScanJet 6250C Professional Series |
||