Image Rollovers in Adobe CS5 Dreamweaver
How to Create Gradients in Fireworks CS5 Graphics
How to Add Text Effects in Adobe Fireworks Creative Suite 5

How to Create Hyperlinks in Fireworks CS5

Adobe Fireworks Creative Suite 5gives you lots of ways to take advantage of hyperlinks. You can create a hotspot — essentially, a simple link from text or a graphic to a URL (Universal Resource Locator) on the web.

Define a hotspot

To link text or a graphic to a web URL, you must first define it as a hotspot. You can define a hotspot by using either of two methods:

  • Select the Hotspot tool in the web section of the Tools panel and click and drag over the part of the image you want to create as the linked part of the image. Click and hold down the Rectangle Hotspot tool to see that you have a choice of creating a rectangular, circular, or polygon hotspot.

    image0.jpg
  • Select the item (text or graphics), right-click (Windows) or Control-click (Mac) the selected item, and choose Insert Hotspot from the contextual menu.

Link a hotspot

After you define a hotspot, you can define the location (typically, a web page) that you want the hotspot to link to. Follow these steps:

  1. Choose Window→URL.

    The URL panel appears.

    image1.jpg
  2. Type a URL address that you want the viewer to go to after selecting this region.

    Note that you can add your URL to a library for later use by clicking the plus sign to the right of the URL text box.

    When you reference pages beyond your website (external links), you must start the link with http://.

  3. Choose Window→Layers to display the Layers panel, if it isn’t already open.

    The hotspot you created appears as a separate sublayer of the web Layer.

  4. Double-click the name of this sublayer and give it a more appropriate name.

    image2.jpg
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
How to Use Slicing in Fireworks CS5
How to Test and Export Image Maps in Fireworks CS5
How to Edit a Symbol in Fireworks CS5
How to Convert Artwork to a Symbol in Fireworks CS5
Image Placement in Adobe CS5 Dreamweaver Pages
Advertisement

Inside Dummies.com