The Great New Features Offered By Adobe Dreamweaver CS3

By Andrew Whiteman

Some upgrades are rip-offs, some are bug-ridden, some are too minor to worry about, but some are usually must-haves. Dreamweaver upgrades tend to fall into this last category.

Since Dreamweaver Is a web development tool, new features tend to reflect changes in the web technology, such as the growing importance of CSS. It's not usually just a case of introducing a few snazzy new tools for the sake of it.

Since the release of Dreamweaver 8, way back in 2005, the use of cascading style sheets (CSS) in web page layout has become widely recognised as the way forward. However, CSS page layout coding can be a little daunting for new web designers. Dreamweaver CS3 includes a wide range of customisable CSS layouts which include useful comments for inexperienced developers explaining how the designs function. The layouts may be used not only to create individual pages but also Dreamweaver templates.

This new version of Dreamweaver embraces the change that has taken place in the way web pages are supposed to be built. When the last version of Dreamweaver, version 8, was released, web designers were mainly using tables to lay out the content of their pages. Now, the recommend method is to use cascading style sheets (CSS). The new Dreamweaver contains a variety of CSS layouts which can be used for creating both pages and templates and which contain useful comments for designers on how the layouts work.

Dreamweaver CS3's browser compatibility check allows developers to target specific versions of all the major browsers (Firefox, Internet Explorer, Netscape, Opera, Safari) and generate a report detailing CSS-related issues with elements on the current page.

Dreamweaver has long had great features for integrating content with Fireworks. This new version extends a similar level of integration with the more widely-used Adobe Photoshop. Documents, slices or selections can be copied from Photoshop and pasted straight into Dreamweaver. An Image Preview window then appears in which compression and optimisation settings may be specified before the image is saved.

The fact that Dreamweaver and Photoshop are now both Adobe products is reflected a new level of compatibility between the two programs. It is now possible to make a selection in Photoshop, or to select a slice, copy it, switch to Dreamweaver and paste. The selection will automatically be converted into a web image and a new window will appear offering you a series of options for optimising the image. Dreamweaver CS3 also embraces the new Ajax technology. Ajax is a programming model which allows developers to create extremely interactive pages which are constantly refreshed with content loaded from a server but without reloading the page. Dreamweaver's version of Ajax is through the Spry framework. This is a collection of JavaScript routines which can be inserted on the page and automatically generate all the necessary code.

Dreamweaver CS2 has several different kinds of widgets. For example, there are menus and submenus which allow developers to design complex navigation systems which would otherwise take days to code. Then there are form validation widgets which check the content entered by a user into form fields. There is also a widget for creating a tabbed interface which displays different content in the same place depending on which tab the user clicks on.

Spry effects can be applied to a wide range of HTML elements. They allow designers to have images and other page content fade, shrink, zoom etc. in response to actions carried out by the user such as moving the mouse pointer over a particular element.

Spry data sets will bring in data from an external XML data source and display it on the page. Data sets offer a drill-down facility whereby users can click on information already displayed to bring up more detailed information on that particular item somewhere else on the page.

Dreamweaver CS3 is also the first version of the program to offer compatibility with Intel-based and PowerPC Macintosh systems. It also runs on Windows XP and Windows Vista systems.

About the Author:

Author is a developer and trainer with Macresource Computer Solutions, an independent computer training company offering Adobe Dreamweaver Classes in London and throughout the UK.