Thursday, July 16, 2009

New Features in Adobe Dreamweaver CS3

By Andrew Whiteman

A lot of software upgrades are not really worth buying, being over-priced and often full of bugs. Dreamweaver upgrades, however, always tend to be worth getting.

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.

Manipulation of CSS code has also been made easier with the addition of features for reorganising styles and transferring them between style sheets. Users can now automatically transfer an inline CSS style to a style sheet or convert an embedded style sheet into an external one.

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.

As well as enhanced support for CSS, Dreamweaver now allows the inclusion of elements of the new Ajax technology which uses JavaScript to add a new level of interactivity to web pages by updating the page with elements from a server without having to reload the page. Dreamweaver's implementation of Ajax is via the Spry framework. This is a collection of JavaScript-based code which provides a simple way for web designers to add Ajax content to their pages without having to type a line of code.

Dreamweaver' Spry content is divided into three categories called widgets, special effects and data sets. The widgets offer several different interface elements such as tabbed panels which allow designers to display content in a given part of the page which changes when the user clicks a particular tab. Other widgets include form validation utilities which check data entered into elements on a form and menus and sub-menus for navigation.

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 objects that display data from an XML source in an HTML table. There is also a useful drill-down capability whereby users can click on summary information displayed in rows of a table to display detailed information in another region of the page.

Dreamweaver CS3 is the first Dreamweaver version to run on Intel-based based Macs as well as PowerPCs. There are also versions for Window XP and Window Vista.

About the Author:

No comments: