Skip navigation
Currently Being Moderated

Creating internal links in Fireworks

Oct 6, 2009 5:53 AM

It's totally easy to create a link to an external page in fireworks but i can't work out how to link to somewhere within the page itself.  I've got quite a long page and want to create links at the top that jump down to the relevant area within the page..  please if someone could help i'd really appreciate it!

  • Currently Being Moderated
    Oct 7, 2009 5:30 PM   in reply to Kguy2

    Fireworks is image creation and editing software. Although it is tempting to try to use it as a WYSIWYG editor, it usn't meant to be used it that way, so functions like the one you are looking for are not available. The best way to do what you want is in Dreamweaver.

    Mark as:
  • Currently Being Moderated
    Oct 9, 2009 4:52 PM   in reply to Linda Nicholls

    Yes, editing the exported HTML is the best way to accomplish this. There is no way to embed anchor tags within a page in Fireworks - you can add a link that includes an anchor tag, but you'll have to add that anchor manually after the page is exported.


    And remember - the HTML and CSS that Fireworks exports is a starting point, not final production ready code. It's fine to use as demonstration, but there are always things than can be optimized, added, and improved.



    Mark as:
  • Currently Being Moderated
    Sep 27, 2010 9:20 AM   in reply to Kguy2

    If you are using FW to create wireframes -> you can create internal document links to other pages like this:


    (I am assuming that you have a master page and multiple document pages)


    1. navigate to the object that you want to make into a link
    2. click the web layer
    3. select the Rectangle Hot Spot tool
    4. Draw a hotspot over your link
    5. from the dropdown in the properties panel - choose the internal FW page that you want that link to go to!


    btw -> it is 1,000 % ok to use FW to create wireframes and use internal link

    Mark as:
  • Currently Being Moderated
    Jan 15, 2014 10:17 AM   in reply to Kguy2

    This is actually not entirely that difficult.


    1. Navigate to the area where you want the anchor to reside.  The point at which the scroll will jump to. 
    2. Add an HTML Slice at that point and Click the Edit button in the Properties panel to add the html "<a name="#name"></a>" to the slice.
    3. Also in the properties panel, set the width and height of that slice to 1x1 so it only takes up a pixel.  When rendered the slice will appear as a white pixel.
    4. Now create another slice over where you want the link to that spot as an image or whatever.
    5. In the properties panel, change the "Link" option to #name and the target option as "_self."
    6. Go to File >> Preview in Browser >> Preview All Pages in [Browser Name] and watch your anchor links in action!


    Let me know if this is helpful or not.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points