Macromedia Dreamweaver MX 2004
"A Super Upgrade with Features for Both Coders and Novices!"
Macromedia Dreamweaver debuted in 1997 and quickly became an industry-standard solution for professional web development. And it's gotten better with each version. In May 2002 Macromedia released Dreamweaver MX, a version which supported the broadening roles of modern web professionals. It combined the best development features of UltraDev and key code-editing features of Macromedia HomeSite into the core Dreamweaver environment. This was the first step Macromedia made towards creating a single development environment for web professionals, one that would let them build a variety of sites and applications the way they wanted to--by hand-coding, visual design, or a combination of the two.
Dreamweaver MX 2004 builds on the foundation of Dreamweaver MX yet incorporates many new features that will help users of all levels to build static and dynamic sites that meet today's tough standards for accessibility, functionality, CSS development, efficient workflow, and fast-paced content management.
Dreamweaver MX 2004 is available for Macintosh and Windows. Price: $399 for Dreamweaver MX 2004 commercial full version, box or electronic download. Price: $199 for Dreamweaver MX 2004 commercial upgrade from any prior version of Dreamweaver 4, Dreamweaver UltraDev 4, Dreamweaver MX, ColdFusion Studio 5. Price: $99 for Dreamweaver MX 2004 educational version. Dreamweaver MX 2004 is also included in a bundled package, Studio MX 2004. See the Macromedia website for price.
Macromedia has an excellent site to visit, with all sorts of information, freebies, and tutorials: http://www.macromedia.com
|Advanced Beginners, intermediate, and advanced computer users. Each new version of Dreamweaver has included tools and features that make it easier for beginning web designers to use it. Though the program is not difficult, it is powerful and has numerous features. I would suggest you have some experience with computers and Web design before you use it.
New and enhanced features includes the following:
I. Streamlined Design and Development Interface
II. Modernized Page Layout and Design Environment
III. Powerful and Open Coding Environment
Below is a more indepth look at some of the new features and enhancements. I've also included a list of the variety of resources for Dreamweaver for those novices who are thinking about trying the program but don't know where to go for additional help.
|Installation, User Guide, and Help
Installation is easy. Dreamweaver includes a variety of resources to help you quickly learn the program: (1) Dreamweaver Help systems; (2) Macromedia website resources; and (3) additional books and training.
(1) The Dreamweaver Help systems are accessible through the Help menu and include the following:
(2) The Macromedia website resources are as follows:
(3) Additional books and training can be found online:
|Updated User Interface
Dreamweaver MX 2004 has a new streamlined interface with an overall look and feel that is cleaner and clearer. Also, the refined elements like tabs and shadowed buttons present the user with a cleaner and clearer workspace that is more intuitive and easier to understand. Another plus for Windows users only is that the MX 2004 interface is contained within an integrated workspace which means the document window and all of the panels are positioned within a larger window. This makes working with multiple documents and panels easier because the panels and document windows don't float all over the screen as separate objects. See the image to the left for a view of the Windows interface.
A new feature you will see when you first open Dreamweaver MX 2004 is the Start page, which provides quick links to frequently used features. This Start page is broken up into separate columns so you can quickly select and open a recently used file, open a new document, or open a sample starter document. This is an excellent feature for novices but advanced users might want to hide it. You just check the Don't Show box at the bottom of the screen.
|Insert Bar Improvements
|The new Insert bar frees up more space in your workspace. You access the various categories via a drop-down menu. Each category has icons representing the objects in that category. Each object (images, tables, and layers) is a piece of HTML code that allows you to set various attributes as you insert it. When you select an object from one of the menus, the visible icon changes to the last used object. The best thing about the new Insert bar is that there is a Favorites category. You can add all your own most-used items into one category for quick access.
|Table-Editing Visual Feedback
Dreamweaver MX 2004 has some new table features that make it easier to design and edit with tables. When you insert a table, by default you'll see a transparent ruler at the top or bottom that contains easy-to-use context menus so you can easily select columns, change column widths, insert or delete columns, or make the column widths the same. You can also select to hide this ruler if it gets in your way or if you prefer not to use it. For a view of the transparent ruler and the options, see the top image to the left.
Also new to Dreamweaver MX 2004 is the Expanded Table view which adds padding to the cells to make it easier to see the structure. Normally you might find this a difficult way to work, since the expanded view will throw off how the design looks. But in an instance like in the image to the left which shows nested tables, it makes editing and cleaning up the table easier. For a view of nested tables in normal and expanded view, see the image to the left.
|Find and Replace Improvements
|With Dreamweaver MX 2004, you can now save your searches, plus there are more search options. One of the new capabilities I like is the ability to search a specific selection. You just highlight the text you want to search and in the Find and Replace dialog box, choose the Selected Text option from the Find In drop-down list. You can also search just selected code, too. See the image to the left for a view of the Find and Replace dialog box.
|Dynamic Cross-Browser Validation
It's always been a problem trying to determine exactly which tags, attributes, and CSS constructs work in the browser combination you're developing for. Dreamweaver MX 2004 now checks your page against whichever browsers you specify in the Target Browsers dialog box. You have the option of choosing any or all of six different browsers and specifying the minimum acceptable browser version. Dreamweaver designates errors it finds by placing a highly visible icon in the Document toolbar. See the image to the left for a view of the Target Browsers dialog box.
|Integrated Tag Inspector
|With the integrated Tag inspector, you can make comprehensive edits. It lists every available tag attribute that applies to a current selection, as well as CSS Rules and behaviors. The inspector has three panels: Attributes, Behaviors, and Relevant CSS. You can edit using the Attributes panel and the Relevant CSS panels. You can select any of the style or tag names and see the properties for that style. You can view all the properties in List view or use Category view. See the image to the left for a view of the Tag inspector.
|CSS Rule Inspector
The CSS Rule inspector is actually part of the Tag inspector panel's multifaceted nature. It allows you to see which CSS rules apply to the current selection. By clicking a rule, you'll be able to see the attributes of that rule. A red strikethrough indicates an attribute that has been overridden by another rule. You can edit the rule and see the changes in Design view. See the image to the left which shows overridden rules with a red strikethrough in the CSS Rule Inspector.
|Improved CSS Styles Panel
The improved CSS panel provides more options for editing and working with styles. It displays all the current styles--both internal and external--with detailed characteristics. Presented in a collapsible outline, Dreamweaver shows the styles in the order in which they are defined in the code. The style list is more than just a pretty display--it's direct pipeline to editing each style. You can select any style and click the Edit Style Sheet button, and Dreamweaver displays the CSS Style Definition dialog box with the current style's settings. See image to the left for a view of the Styles panel.
|New CSS-based Text Property Inspector
|In addition to automatically creating CSS styles, Dreamweaver MX 2004 now enables you to apply any defined style directly through the Property inspector. And the styles added via the Property inspector will be embedded into the head of your document. The new Style drop-down box in the Property inspector allows you to preview and select all available styles from a given CSS file, which saves a lot of time. Plus, the Style menu displays the attributes of the style which lets you find styles by appearance instead of by name only. For example if a style is supposed to display red text, then the style name will appear in the Style menu as red text. In the image to the left, I created a font style which included the color of red.
|New CSS-based Page Properties
|This new version of Dreamweaver MX 2004 sports an overhauled Page Properties dialog box with various categories from which to select, making it easier to locate what you need to set such as link behaviors, headings, etc. The biggest change is that the code written is CSS, not HTM, and the choices you make are written as styles into the head of the document. See the image to the left for a view of the Page Properties dialog box.
|CSS Code Hints
|You can now hand-code CSS styles faster by viewing the appropriate options in Code view, or bringing up code hints. With code hints, a list appears when you type the first letters of a tag, attribute, or CSS property. The list has options you can choose to complete what you were inserting. You can also use it to simply see the available attribute. This feature is really useful to individuals starting out who are not sure of their coding techniques.
|Integrated Image Editing Toolbar
|With previous versions of Dreamweaver, you had the ability to change the size of an image in the Property inspector, but all it did was change the physical size not the file size. And, if you wanted to edit the image directly, you had to have an image editor. Fireworks is still the best choice for image editing, but for a quick crop, resize, or minor edit, you can now use Dreamweaver. In Dreamweaver MX 2004, when you crop an image, you can now resample it. And if you change the dimensions rather than use the Crop tool, you can also choose to resample it. Plus, you can add brightness/contrast and sharpen, but you have no control over these tools as far as settings are concerned. You can still use Fireworks roundtripping for editing or the Fireworks Optimization option, but for easy quick fixes, this new feature is great. See the image to the left for a view of the Brightness/Contrast and Sharpen dialog boxes that appear in Dreamweaver when you edit an image.
Dreamweaver MX 2004 attempts to satisfy the needs of hand-coders and beginning designers and succeeds quite well. The design environment upgrade is not only attractive but it's highly functional and offers one-click access to many of Dreamweaver's starting points which is an advantage for novice users. The re-engineering of Dreamweaver to be CSS-centric from top to bottom is a welcome addition to those hand-coders who rely on Cascading Style Sheets in web design. And advanced users will like the numerous improvements to the various supported server models. While this upgrade might not seem as dramatic or flashy as the first MX release, the improvements are solid and make the program a lighter, leaner, meaner package!
Graphics: Adobe Photoshop 7.0
Web Page Design: Macromedia Dreamweaver MX 2004
This site is (c) Copyright 2001, by PC Cafe Online. All World Wide Rights Reserved