This is a place where you can learn the linking to various pages as of the same image by means of image maps with the help of Dreamweaver.

An image map is an image which consists of regions, or "hotspots". An action occurs when this hotspot is clicked, for example: we can get into new desired location. An image which is shown here is the best example for an image map. Every links are in a single image which is linked to several other pages.

Here there are some steps which help you to create an image map using the Dreamweaver

1. First step is to choose an image which you wish to make multiple
2. Click the rectangular hotspot tool which is there in the properties inspector. If you are going to select the rectangle tool and pull the pointer above the image you will get rectangular hotspot. If you're going to select the oval or polygon hotspot tool you will get an oval or polygon selection.
3. Click the folder icon near the hotspot property inspector's link field and browse the file you want to be selected when there is an interaction with the hotspot. Don't forget to type an alternative file name.
4. Keep doing the above steps which helps you to define more hotspots in the image map.
5. By satisfying all these above steps you can simply create an image map. An example for the map code is given below

<map name="tabsMap">
<area shape="rect" coords="-1,0,46,16" href="/default.asp" alt="web development">
<area shape="rect" coords="46,0,108,16" alt="services" href="/services.asp">
<area shape="rect" coords="108,0,172,16" alt="templates" href="/website_templates/">
<area shape="rect" coords="172,0,243,16" alt="portfolio" href="/portfolio.asp">
<area shape="rect" coords="243,0,295,16" alt="testimonials" href="/testimonials.asp">
<area shape="rect" coords="296,0,363,16" href="/contactus.asp" target="_blank" alt="contact us">
</map>