13.1. Creating site navigation with sprites

Figure 13-2 shows a completed site design built in Fireworks. Notice that the navigation, located at the top center of Figure 13-2, is mocked up to show a hover state as well as active, focus, or selected state scenarios. To allow this type of functionality in a working web site, we'll need to re-create the navigation on its own page and export it out as a single bitmap separate from the rest of the export slices.

Figure 13-2. Example site design

Get Foundation Fireworks CS4 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.