Creating a DHTML Interaction with Fireworks and Dreamweaver

This Tutorial is from Special Edition Using Fireworks MX (que) by Jeffrey Bardzell
In this tutorial, you will create a simple quiz interaction using Fireworks’ export to CSS option
and the Dreamweaver Show-Hide Layers behavior. Few software programs enable you to create interactivity without having to do any scripting, but Dreamweaver is one of them. When you add the Fireworks export to CSS layers feature to the workflow, you have an easy way to add graphics into the interaction.
Read it at the external site...
| User Level: | Intermediate |
|---|---|
| Product: | Dreamweaver MX 2004, Fireworks MX 2004 |
In this particular quiz, you will ask the user to specify the author of a book by clicking the author’s name from a list. A green check or red X graphic will appear, depending on the answer.
Before jumping into the steps of the tutorial, you should have a sense of the overall process. To create a DHTML interaction with graphics, first build all of the graphic elements in Fireworks. Next, export them as CSS layers. Then, moving to Dreamweaver, import the graphics in the CSS layers, and assemble the remaining static elements. The last step is to add the behaviors that create the interactivity.
Press the read it at external site link for the complete tutorial.


