วันพุธที่ 7 พฤษภาคม พ.ศ. 2551

Creating An Image Hot Spot With Dreamweaver 8

An image hot spot allows you to create a link from an area of an image to some other portion of the Web site. Maps often use image hot spots to pull up additional information about locations. Some designers use hot spots to create a visually dynamic site map, or to supply additional information about some element of a photograph.

To create a hot spot, select an image in a Dreamweaver page. Open the Properties panel. Within the panel, you'll find an area labeled "Map" that shows three shapes - a rectangle, an oval and a polygon. You'll also see a blank text box.

Type a name for the image map into the text box. Naming your map is not essential to the process. Dreamweaver will create a default name based on the file name if you do not name your map.

Select a basic shape for the area of the image map and place it on the image. You'll need to adjust the map to fit your selected image appropriately. To do this, click the arrow button next to the map shapes in the Properties panel. The hot spot shape you've created will become editable and movable. Make all of the necessary resizing, and change the shape to fit the image as precisely as you need it to. Click the shape when you are finished to lock it in place.

You can use Dreamweaver to make several different hot spots on one image or one page. Follow the procedure above to create as many hot spots as you need.

While still in the Properties Panel, add a URL that the hot spot will link to. You can also add alt text and a target window here, if desired. Once you have completed your image map, you may edit it by selecting the hot spot in Design view. Use the Properties panel to create a new image map or alter the existing map.

Claire Blinman is the training manager at Computer Training Solutions, a training centre with centres in Bristol, Bracknell and Solihull. Computer Training Solutions offer Dreamweaver training courses or call 0800 019 6882

Article Source: http://EzineArticles.com/?expert=Claire_Blinman
Sheer Window Panel Store

ไม่มีความคิดเห็น: