Developing Webs logo
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Remember to book mark this site!

Request a Tutorial

Creating an Image map 

(hot Spots)

1. Insert your image into your document.

2.   Highlight your image so the image properties panel is available.

3. Click the downward arrow on the lower right hand corner of the image properties panel to open up the panel to the image mapping features.

4. Name your image map. Make sure there are no spaces in the name. You may only have one image map with that name.

5. Use the rectangle, oval OR the polygon tool on the toolbar to draw hotspots over sections of y9our iamge.

6. When you complete the hotspot, the hotspot properties panel appears. Drag or browse for the file you are linkging to, or type it in. Set the ALT tag by typing in what the link is for. Select the window you want it to load in, if needed.

7. Click the drawing tool for the next hotspot and draw it on the image. Select the link, target and type in the ALT.

8. Continue this until it is complete. Click elsewhere on your document and continue with your page.

9. Your image map will them come out like our example below.






"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2018 All Rights Reserved
Privacy and Legal