|
  |
Web GraphicsImage MapsImage maps let you specify different hot spots on a single image. For example, the image below has two hot spots linking to two different URLs.
Many Web publishing programs like Microsoft FrontPage and Macromedia DreamWeaver support image map creation. Adobe Photoshop can also be used to create image maps. In addition, there are numerous inexpensive programs available. This tutorial outlines the process for creating image maps with using DreamweaverMX, which is available for a discounted price for students, faculty and staff of the University of Texas at the Campus Computer Store. The instructions below describe client-side image maps. Client-side image maps store link and coordinate information in the HTML page itself rather than in a separate file on the server. Client-side image maps are supported by Netscape Navigator 2.0 and later, NCSA Mosaic 2.1 and 3.0, and all versions of Microsoft Internet Explorer. Creating Image Maps with Dreamweaver MX In the Dreamweaver Property Window, choose Insert, Image or choose the image icon from the toolbar to place an image in a Web page.
Click once on the image to select it. When the image is selected, look at the property inspector and choose a type of hotspot appropriate for your needs.
 When all hotspots have been created, choose File Save to save the document. Now when you preview your html page in a browser, the gazing ball will be a hotspot. The pointer will change to the hand when it's over the hotspot. |
