Dreamweaver, Macromedia’s professional visual Web editor, has often been lauded for its easy-to-use but powerful visual-editing environment. Dreamweaver 4.0 shifts focus a bit with improvements to its coding environment. The new features are simple, yet they will be helpful to those developers who like to hand-code much of the time but who use Dreamweaver for its ability to design complex tables and place layers or rearrange a page’s layout visually.
A New Emphasis on the Code
Prior versions of Dreamweaver forced Web builders to hand-code in its paltry HTML Inspector or launch an external editor if they wanted to get their hands on their own HTML code. Dreamweaver 4.0 not only provides the HTML Inspector for hand-coding but also includes an integrated text editor with improved customization options, such as live syntax coloring, code navigation, and auto-indenting features. You can flip between the Code View, the Layout View, and, most notably, the Split View with the new code-centric toolbar. In our opinion, the program has gone a little code-crazy: you could, if you wanted, have the Code View open in the main window and launch the HTML Inspector on top of it. Future versions of Dreamweaver should phase out the HTML Inspector, which now seems extraneous (especially with the Quick Tag Editor, launched in version 3.0).
Macromedia even has you covered if you don’t know much about code; it has teamed up with O’Reilly Publications to bring you a comprehensive Code Reference for HTML, CSS, and JavaScript. If you launch the Code Reference while your cursor is within a tag, it will open to that tag’s section, detailing its attributes, browser capability issues, and more. The content can be a bit long-winded (a list of attributes and capability quirks would have sufficed), but the context-sensitive implementation and the drop-down navigation make it easy to find any element you want.
Playing Well With Others
One of the best features of Dreamweaver is its integration with other Macromedia products. The program offers round-trip graphics editing with Fireworks, and it’s even easier to add Flash content to your pages. Along with the Macromedia Exchange, where you can share extensions with other developers, these aspects of the program add to the functionality of Dreamweaver without adding too much to the price (a Dreamweaver/Fireworks bundle costs $449). Dreamweaver even has a CourseBuilder add-on that lets developers easily create distance-learning sites. Working with other technologies is easy enough, as well. Any non-HTML file opens in the Code View automatically so that its source code is not altered. Dreamweaver 4.0 also has a new JavaScript Debugger to help you execute and fix any script errors.
Site Management Still Powerful
Although the site-management features of Dreamweaver are still more powerful than those found in many other editors, some of the new tools are rather lackluster. For instance, several of the new site reports are just a retooling of the HTML Clean-Up command (Remove Empty Tags, Remove Redundant Nested Tags, and so on). You can find more reports in Microsoft FrontPage, which has data on slow pages, recently added files, uncompleted tasks, and more. (However, the beta version we reviewed did not include the Check External Links report, which should prove very helpful.) Instead of reports listing different media files, Dreamweaver’s Asset Panel helps you manage all of your site’s different media files. You can sort the files, add them to a favorites list, or group them in categories.
All in all, Dreamweaver continues to be one of the very best visual editing tools on the market. Although its newest features don’t seem groundbreaking in themselves, it’s the overall emphasis on hand-coding that makes Dreamweaver an even more well-rounded program. We know of few Web builders who worked only in the Layout View. So, if you’ve avoided Dreamweaver in the past because you didn’t want to go WYSIWYG, now is the time to make the leap from a code-based editor. Dreamweaver does both equally well.