O'Reilly logo

Adobe Creative Suite 6 Design and Web Premium All-in-One For Dummies by Fred Gerantabee, Christopher Smith, Jennifer Smith

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required