Chapter 6: Hotspots, Slices, and CSS Layouts

In This Chapter

check.png Getting familiar with Fireworks layers

check.png Hyperlinking with hotspots and image maps

check.png Creating slices

check.png Exporting images and HTML as tables or CSS

A simple method for organizing content and making a website dynamic is the use of hyperlinks, simple links from one location of a site to another. You can create a link by using a button, text, or even a move of the mouse pointer. By using layers in Fireworks, you can make those links dynamic and visually interesting.

In this chapter, you find out how Fireworks uses layers and then create navigational links by using the Slice feature.

Understanding Layers

Even if you’re an Adobe Photoshop or Illustrator user, the Layers panel in Fireworks may be somewhat of a mystery because it works differently from the way you might expect. Read on to find out how to take advantage of Fireworks layers. To see the Layers panel, choose Window⇒Layers.

Navigating the Layers panel

Figure 6-1 shows the two main components of the Layers panel:

The Web Layer serves as a repository for anything code related, ...

Get Adobe Creative Suite 6 Design and Web Premium All-in-One For Dummies 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.