How to Use an Image Map in Visual Studio

Microsoft Visual Studio is software made to help developers easily design, edit and test different Windows-based applications. You can build applications in Visual Studio with LINQ, which is a set of language extensions to Visual Basic and Visual C. While using Visual Studio, you can use Image Map, a type of web server control. Image Map will allow you to create an image with different parts (hotspots) that users can click on.

Difficulty: Moderately Easy

Instructions

1. Locate the "Standard" menu option from your Visual Studio toolbox. Within this toolbox, you will find the labeled "Image Map" control. Click on this control and drag it to the desired location on the Visual Studio page you are working on.

2. Open the "Properties" menu to display a new window. While working in this menu, you can select the image that you want to use for the new Image Map function. Within the property box, type the URL of the graphic that you want to use for this Image Map.

3. Choose the type of hotspot you want to create for your new Image Map. Within "Properties," go to the "Hot Spots" tab. Hit "Add" to define the different hotspots you want to make. Your choices will include a circle, rectangle or polygon.

4. Set the Hot Spot Mode property while working in the same window. Specify the web page location for the different hotspots located within the new image you have created. Before you close the window, choose the "Navigation URL" option. To save all of your changes, select "OK."

Tips & Warnings

• Get help and assistance through the Microsoft Developer Network. Browse their library if you have a problem using Image Map in Visual Studio.

Resources

• Browse the MSDN library for Image Map in Visual Studio info