A–C
D–H
I–Z
Developer services
Project centers
Community resources
- Flex cookbook (share code)
- Adobe AIR cookbook (share code)
- CSS Advisor (browser bug fixes)
- Exchanges (share components)
- Adobe Labs
- Adobe Open Source
- Forums
- RSS feeds
- Bug base
- User groups
- Adobe Community Experts (ACE)
- Developer events
Integration
Product documentation
Downloads
Samples
Training and books
- Online training
- Classroom training
- Certification
- Adobe Developer Library
- Adobe Press
- Safari Books Online
Newsletters
Blogs
Archives
ADC program
Additional resources
Matt Stow
Table of Contents
- Introduction
- Setting up the project in Dreamweaver
- Designing a Spry menu bar in Fireworks
- Slicing and exporting the Spry menu
- Skinning the Spry menu
- Styling the Spry menu with CSS
Designing and implementing a Spry menu
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.
Requirements
In order to make the most of this article, you'll need the following software and files:
Dreamweaver CS3
Fireworks CS3
Sample files:
- spryte_menu.zip (ZIP, 368K)
Prerequisite knowledge
This article assumes that you have basic knowledge of working with Dreamweaver and Fireworks and some familiarity with CSS authoring.
About the author
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.
