New Features in Adobe Dreamweaver CS3
If you like this post, please subscribe to our RSS feed to read our new posts every day.
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.
Dreamweaver is used in web-development and, because the web is constantly evolving, each new Dreamweaver release usually offers features which reflect the rapidly changing environment in which the program is used. Adobe recently acquired Macromedia, the company who created Dreamweaver. So what have Adobe come up with in this their first upgrade since inheriting everybody’s favourite web development tool?
The previous version of Dreamweaver, version 8, assumed that most users were using tables for the layout of their pages. Since then, there has been a shift towards creating more accessible page layouts using cascading style sheets (CSS). This change is reflected in Dreamweaver CS3 which now includes a series of useful CSS layouts which can be used as the basis for new pages or, more typically, new templates. Each layout contains HTML comments which explain how they are put together and how they can be modified.
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.
One of Dreamweaver CS3’s nicest new CSS features is the ability to move CSS code form one place to another. This is particularly useful for updating pages created before CSS was used for page layout. CSS code can now be easily transferred from inside a page, both embedded style sheets and inline styles, to an external style sheet.
The new version of Dreamweaver now contains a great utility called the browser compatibility check. This lets you choose a particular browser, such as Internet Explorer, Opera, Firefox, Safari or Netscape, and comes up with a detailed report of any issues with the display of your CSS in the specified browser.
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.
There are three types of Spry content: widgets, special effects and data sets. Spry Widgets are clickable page elements which respond to user interaction in funky ways. For example, there is a tabbed panel widget which displays different content in the same part of the page depending on which tab the user clicks on. There are also widgets for creating navigational menus and submenus and for validating text fields, text areas and select elements on a form.
Spry effects work on most HTML elements. In response to user actions, they will do things like fading, zooming or shrinking an element. The kind of stuff traditionally done using Flash.
Spry data sets are JavaScript components which allow Dreamweaver users to design pages that display data pulled in from XML files. The data can be set up in a summary/detail fashion such that anyone viewing the page can click on a something already displayed to bring up detailed information on that item.
Adobe has not forgotten Mac users in this upgrade either. Dreamweaver CS3 now has Intel-based Mac Compatibility. This makes CS3 the first version of Dreamweaver to run natively on Intel-based Macs (as well as PowerPCs).
