Free Articles at Neutron Marketing Article Publishing and Distribution » Internet-and-businesses-online » Web-design » The Great New Features Offered By Adobe Dreamweaver CS3
Previous Article - Starting Your Own Internet Business
Next Article - Web Hosting on the Cheap

View PDF | Print View | Html Version
by: AndrewWhiteman
Total views: 1
Word Count: 563

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.

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.

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.

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.

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 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 will bring in data from an external XML data source and display it on the page. Data sets offer a drill-down facility whereby users can click on information already displayed to bring up more detailed information on that particular item somewhere else on 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

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

---

Rating: Not yet rated

--Choose-- 0 1 2 3 4 5

No comments posted.

Add Comment

Enter the code shown