In this tutorial...I will show you how to Image Map a layout. :)
So first, make your navigation on your picture/layout/ect.
This is what mine looks like: (Click to Enlarge)
Now go up to "File >> Export >> Image Mapper"
A window should pop up, and all you do is drag the image untill you see where your navigation is.
So you will see where it says "TOOLS" And then you will see a small square. Click that, and then go around ONE of your links.
When you are done, go to where it says "URL" and write in the URL of the page you want it to be.
And then you do the same for all of the other links.
Now to save it...
First, you'll want to OPTIMIZE your image. So press "Optimize Image >> Colours >> Optimized Octree" That should make your image good quality.
Press OK.
Then press "Save To Clipboard >> OK >> Select where you want to save your image >> OK"
Then open up your html box/page/ect. and press COPY or CTRL V.
That is your code.
It should look like this:
<![CDATA[
<img name="gaga70" src="../C:/Users/hp/Pictures/gaga7.gif"
width="500" height="750" border="0" usemap="#gaga7" alt="" />
<map name="gaga7">
</map>]]>
Now you have to upload your layout/picture to a picture host. e.g. tinypic/photobucket/ect.
Then, you just add the URL where it says:
="../C:/Users/hp/Pictures/gaga7.gif"
And you are all done!
