We are going to explain a fast and easy way to create an HTML Image map with Fireworks.
First, just explain that an html image map, is to add different active area over a picture that can contain different links.
Let’s suppose you have to do an interactive map, where each country or province need to be clickeable, to do an interactive image map
will be the perfect solution, and the tricky think in that sample would be to create different active area for each region, but with
1– Select the “Polygon Hotspot Tool”
2– Create the active areas, just drawing polygons over your picture.
3– Export. Once all areas are finished, just export it, this time fireworks will not export just a picture, will create also an HTML file which will contain a code with all the coordinates of your polygons.
And it is done, you got what you where looking for, a way to create even a very complex image map fast and easily, the code
is ready to be used and it is quite simple, so feel free to customize it with CSS to have a more dynamic hover effect.
You can hover your mouse over the continents and find different titles for each one.