Images Maps

With the html code, you can also make an area of ​​an image, lead us to a specific page. That is, make a link or links.

The Dreamweaver, greatly simplifies the process and is much easier. Insert any picture, select it and in the Property Inspector, clicking on it:

1

2

We may use any of them, Rectangular, create a rectangular, oval, circular, oval or polygonal, we pressing on the area you want to make irregular (similar to the vectors of PSP) and is being selected by a 'shadow' blue:

3

So to, in my case all the way:

4

In the Property inspector see:

5

1, Map: The map name and refers to the entire image, and always have it. If the same document, we create more maps (links in different images) each must have a different name than the other. For example, Map, Map1, Map2 etc. ..

2 º Link: We have to replace the sign 'pad' for a link may be external or may link to an image, or document that we have on the Site. I link to Google, Images Road, so, pressing on the road you will have to get there.

3 º To: usually, and if a link is not on our site, we will put blank, meaning that opens in a new window. We do not want through the link, go to another site, losing ours. No?

4 ° Text Alternative: A definition of what is the link. In Mozilla, not seen, but it requires the test of 3w. In IE if you can see that text.

6

I think another area where the trees

7

Example here

(Click on the path to find ways, in the trees to find trees in the sample page)

In another image, check the leaves first and then the flowers:

8

9

And now we see that the map name change ;) link to Google, Images Leaves.

And flowers, too, Images Flores.

See example

Be, today I have no imagination for anything else chiquis. This is the process, the rest is the same and as I said before an image of the site, document, even a zip file. Facilitated not? finally something we do not put the nerves ;)

Answer