• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Part: IV Web Page Design > Graphical Links and Imagemaps

Hour 13. Graphical Links and Imagemaps

If you've read Hour 9, “Putting Graphics on a Web Page,” you know how to make an image link to another document. (If you don't quite recall how to do it right now, it looks like this: <a href="gohere.htm"><img src="image.gif" /></a>.)

You can also divide an image into regions that link to different documents, depending on where someone clicks. This is called an imagemap, and any image can be made into an imagemap. A Web site with medical information might show an image of the human body and bring up different pages of advice for each body part. A map of the world could enable people to click any country for regional information. Many people use imagemaps to create a navigation bar that integrates icons for each page on their Web site into one cohesive imagemap.

Netscape and IE enable you to choose between two different methods for implementing imagemaps. Nowadays, all your imagemaps should be done using the latest method, which is called a client-side imagemap. You might also want to make them work the old-fashioned server-side way, for users of older browser programs. I explain both kinds of imagemaps in this hour. The client/server model of the Web was explained in Hour 1, “Understanding HTML and XML.”

An imagemap is an image on a Web page that leads to two or more different links, depending on which part of the image is clicked. Modern Web browsers use client-side imagemaps, but you can also create server-side imagemaps for compatibility with old browsers.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint