Image mapping



Especially for the ones who make a site for the first time, it is difficult to code your whole layout. Also I had problems with that, but since Dani told me about image mapping, it was no longer a problem for me! So here's a little tutorial how to use the programm.

1- First make your layout in paint or in an other programm
2- Save it. It doesn't matter if it's GIF or something.
- Than download the programm
image mapping.
3- Now, if the download ended, open the programm



4- Now you see this if everything went well:



5- Click on the map, the icon had a red circkle in the image above

6- Search for your layout and open it.
7- Than you use the square-icon. The one that is next to the arrow.
8- Select the parts that you want to have clickable. Look at the example:



9- Than you write in the 'tooltip' and 'HREF' areas the name of the page that must appear if you click on the selected image. I've written 'you.htm' for example. IMPORTANT: Don't forget to write '.htm'



10 - Repeat steps 7, 8 and 9 until all your buttons of your navigation are done.
11- Than click on the 'place on clipboard' button and paste the code on your index-page.
12- Upload your layout and replace the code that is marked red on the example by your layout-code:



13- Save your page and there's your layout!! =D