Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Image Maps


Personally I think it's a lot easier to download a small program for free to do your image mapping for you, but it's up to you. I have quite a few image mapping tutorials, so try them all to find out which way you like best. Image mapping is where you have part of an image clickable; you can click it and go to a menu or another site; an example is at the bottom of this page.

1. Open the image you want to map in PSP. Make sure it's already saved with the file name you want it as.
2. Go to File > Export > Image Mapper, and then follow the instructions on this pic below, starting with drawing your shapes.



3. Once you've clicked the eye button, a preview of your image should appear in your Internet browser. Right click the page that comes up and select 'View Source'. Then copy all the code and paste into a page of your web site. Make sure you put the page in the same folder as your image, or it won't work unless you alter the image name.



4. Below is an example of image mapping. Click the balloons or the text on the image below to visit different sites.




If this tutorial helped you, please link me on your site.

Star-Girl.org


Want another button? Click here.

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.