How to make an imagemap
   
Home
 
Books
 
File Formats
 
Glossary
 
Software
 
Tutorials
     
GraphicsAcademy.com  >  Tutorials  >  Make An Imagemap

How To Make An Imagemap

Introduction

Imagemaps are graphics used in HTML web pages, containing hyperlinked regions. When the a user clicks within a region, the user is typically sent to an associated web page.

By way of illustration, consider an imagemap containing a map of the world. When the user clicks on the region corresponding to a particular country, the user might be sent to a web page about that country.

(By the way, you needn't limit your use of imagemaps to represent actual maps. You could, for example, use an imagemap to enable different clickable regions on your web site's navigation controls).

In this tutorial, I'll explain over three chapters how to create your own imagemaps:
  1. Server-Side Imagemaps
    I'll begin by introducing you to Server-Side imagemaps. I don't recommend doing things this way for reasons that will soon become clear, so I'll just show you the basics of how it works, as well as give you links to web sites where you can find out more.

  2. Client-Side Imagemaps
    Next, I'll show you you how to create imagemaps in HTML code that user's browsers (Client-Side) will figure out.

  3. Easier Ways To Make Imagemaps
    By this point, you'll have a good idea of the technical details behind imagemaps, but you'll probably also be daunted by the amount of work involved in creating them (they can be hard work to do manually!). So, we'll finish up by discussing easier ways to create imagemaps. I think that you'll like this.

Web Hosting

Related Software:
  • Trellian ImageMapper
    Trellian Image Mapper is the quickest way to create image mapped images for your website. Full support for hyperlinked rectangles, circles and even polygon regions is provided and you can import all your current image maps. After you have created your image map, Trellian Image Mapper will generate the required HTML code ready to be pasted directly into your favorite HTML editor. You can even use the built-in image map previewer.

  • Web Hotspots
    Software for creating Client-Side Imagemaps.



  
How To Make An Imagemap:
 
 
   Introduction   1   2   3Next >>  
   
 
   
 
Privacy     Terms Of Use

Copyright © 2005-2008, Answers 2000 Limited

With any business, it is up to the individual owner of said business to ensure the success of the business. You may make more or less than any sample figures or results that might be quoted on our web sites or other publications. All business involves risk, and many businesses do not succeed. Further, Answers 2000 Limited does NOT represent that any particular individual or business is typical, or that any results or experiences achieved by any particular individual/business is necessarily typical.

In Association With Amazon.com
All trademarks are property of their respective owners.
All third party content and adverts are copyright of their respective owners.

Some graphics on our web sites are Copyright (C) 1997-2000 Hemera Technologies Inc., and used under license. All such pictures are provided for viewing purposes only and are not to be saved or downloaded. All such pictures of recognizable individuals are models and used for illustrative purposes only, and not meant to imply any association or endorsement of said individual with any product or service.