Home | Internet & Businesses Online | Web Design


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.

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.

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.

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 wide range of HTML components and include the ability to fade, highlight, zoom and shrink page elements in response to user interaction.

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.

Article Source: http://www.articlewheel.com

The The writer of this article is a trainer and developer with Macresource Computer Solutions, an independent computer training company offering Adobe Dreamweaver Classes at their central London training centre.

Social Bookmarks:
AddThis Social Bookmark Button Social Bookmarks



  Site Links We Support:
  Home
About Us
Contact Us
RSS Feeds
Privacy Policy
Terms of Service
Link Partners
 
 


**scoop**

Powered by Article Dashboard