What’s new in Adobe Dreamweaver CS3
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?
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.
Dreamweaver CS3 has useful new features for transferring CSS code from one location to another. You can move an internal CSS definition from inside an individual page to an external style sheet. It is also possible to take inline CSS (located next to the item it described) and transfer to an external style sheet.
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 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 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).
Tags: information technology