Article Advise

submitted: Aug 15th 2008 | by: AndrewWhiteman | Total views: 1 | Word Count: 670 | |

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.

The new browser compatibility feature in Dreamweaver CS3 allows users to check for issues within their pages relating to specific browsers (IE, Firefox, Opera, Safari, Netscape). It creates a report explaining problems which may occur when CSS on your pages is rendered in a particular browser.

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' 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 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, a UK IT training company offering Adobe Dreamweaver training courses in London and throughout the UK.

Comments

No comments posted.

You do not have permission to comment. If you log in, you may be able to comment.