Welcome to Australian PC User Magazine Offline CD-ROM
Software - What's on our latest cover CD. What's New - Like . . "What's new?" Net Guide - Our comprehensive guide to using the Net Web Workshop - Tutorials for Web developers Net Sites - Check out the best on the Web About Us - Find out about PC User Magazine and PC User Net nineMSN
clear.gif (118 bytes)
Web Workshop Contents

Home
Search
Help!

Image Maps - How to create and use client side image maps on your web pages

In February's magazine you'll find step-by-step, simple instructions on creating an image map from a graphic. There are even copies of the graphics we've used on the cover disc.

 

This is the image map with its links to the pages from Parts 1 - 5 of this series and a link to the PCUser home page.

navigation bar

Here is an text alternative :

You should provide these for users who do not use graphic browsers.

Home Page | [ Part 1 ] | [ Part 2 ] | [ Part 3 ] | [ Part 4 ] | [ Part 5 ]

To view this page's source document:

  • If you are using Netscape, use View, Document Source.
  • If you are using Internet Explorer, use View, Source.

A second map example:

In this example the three possible, different shaped clickable areas have been used. There is a circle, a rectangle and a polygon.

Hold your mouse pointer over each of the shapes. Notice how the pointer changes to the shape of a hand when placed over a clickable area and you can read the URL details in the status line.

shapes navigation graphic
View the graphics: [ Circle ] | [ Rectangle ] | [ Triangle ]

Useful resources

by Helen Bradley and by John Hilvert

Revised: 21st November, 1996

corner.gif (190 bytes)

clear.gif (118 bytes)

toppage.gif (1757 bytes)copyrite.gif (1355 bytes)