Lesson overview

In Fireworks, you can create complex, interactive prototypes to demonstrate how a final project will work. As you work through this lesson, remember that Fireworks is an excellent graphics editor—but keep in mind that it is not designed to be, nor should you expect it to be, an HTML web-page editor.

For the purposes of prototyping, you won’t be focusing on image optimization to any great degree in the lesson, and you’ll only use slices when they are needed for visual effects such as rollovers.

In this lesson, you’ll learn how to do the following:

• Create a multipage website prototype

• Use the Slice tool for interactivity

• Use the Hotspot tool to trigger a disjointed rollover (a pop-up window)

• Simulate a Spry data table (disjointed rollovers)

• Preview an interactive web-page design in a web browser

• Export an interactive mockup of a website