
With the release of the Spry framework and its integration into Adobe Dreamweaver CS3, it's now very easy to rapidly develop Ajax-powered web pages.
In this article I'll demonstrate how to insert a Spry menu bar into an existing HTML document, design and export a new skin in Adobe Fireworks CS3, and implement this skin into the Spry menu bar using CSS.
After completing this sample project you will have learned a variety of skills for both Fireworks and Dreamweaver, how to write CSS, and best practice techniques to create an accessible menu system that also supports text resizing in the browser.
In order to make the most of this article, you'll need the following software and files:
This article assumes that you have basic knowledge of working with Dreamweaver and Fireworks and some familiarity with CSS authoring.
Matt Stow is a web and user interface designer who specialises in designing and developing accessible, standards-compliant websites. From conception to completion, Fireworks (and Dreamweaver) are his most important companions. Matt is a Fireworks evangelist and can often be found championing its abilities.