Image maps

Image maps are parts of an image and can be used to assign a behaviour.

To create an image map it's necessary to previously select the image in which you want to create the map, and then to open the properties inspector.


It's possible to create a map through the properties inspector. The button has this aspect: . If you can't see it, you have to unfold the Properties Panel to have a complete view.

The three last buttons are used to create the maps.These maps can have rectangular, circular or free-form shapes, it depends on the button pressed.

When you press one of these three buttons, the appearance of the mouse changes when you place it over the image. It's then possible to paint a map over the image, clicking on the places you want to start and finish the map, and it's the same for the resting places (in order) which you want the map to be.


When you select a map, the Properties inspector changes. It allows you to assign a link and an alternative text to that map as you can see below:

The first button (arrow) has to be clicked on when you finish the creation of a map in order to let the mouse recover its original shape whilst it's over an image. In this way you can move the points of the map, in case that they have not been created in the required places and to adjust them better within the image.

Here you have an example of an image map. Place the mouse upon the dog's head which contains the map to see what happen.

To practice you can perform the Step by step exercise in Creating an image map



Legal warning: Authorised on-line use only. It is not allowed the use of these courses in companies or private teaching centres.
aulaClic. All rights reserved. Reproduction in any form whatsoever is prohibited.