Would you also be able to recommend a Free Site Map maker for me please?
Thank you.
PS : I know there are many in google search, but I would like to have one that tried and tested.
Printable View
Would you also be able to recommend a Free Site Map maker for me please?
Thank you.
PS : I know there are many in google search, but I would like to have one that tried and tested.
All a site map is, is a separate html page that has links to all the other pages. EG., "sitemap.html" has a link to every page you create. ie. home, or index.html, pictures.html, links.html, contact,html, etc. If that's what you're looking for, it just requires that you make an extra page. If by some chance you mean "image map", which is basically the same thing but has "clickable images, or areas" when clicked will send the user to a different page. If so, this code will help you get started.
What you need:
an image
an image editor
an HTML or text editor
some time
Most image editors will show you the coordinates of your mouse when you point in the image. This is all you need to get started with image maps.
First you create the map on your Web page, all it needs is a name.
<map name="name">
When you create an image map, you are creating an "area" that is clickable on the image. There are three shapes you can create:
rect - a rectangle or four sided figure
poly - a polygon or multisided figure
circle - a circle
To create the areas, you need to know the coordinates you would like to map.
For a rectangle, you map the top left and bottom right corners. All coordinates are listed as x,y (over,up). So, for upper left corner 0,0 and lower right corner 10,15 you would type: 0,0,10,15. You then include it in the map:
<map name="name">
<area shape="rect" COORDS="0,0,10,15" href="http://webdesign.about.com/">
For a polygon, you map each coordinate separately. The Web browser automatically connects the last set of coordinates with the first.
<map name="name">
<area shape="rect" COORDS="0,0,10,15" href="http://webdesign.about.com/">
<area shape="poly" COORDS="10,0,14,3,7,10" href="http://webdesign.about.com/">
Circle shapes only require two coordinates, like the rectangle, but for the second coordinate you specify the radius, or the distance from the center of the circle. So, for a circle with the center at 20,10 and a radius of 5 you would write: 20,10,5:
<map name="name">
<area shape="rect" COORDS="0,0,10,15" href="http://webdesign.about.com/">
<area shape="poly" COORDS="10,0,14,3,7,10" href="http://webdesign.about.com/">
<area shape="circle" COORDS="20,10,5" href="http://webdesign.about.com/">
The only thing left for your image map is to close the map and link to it in your image.
<map name="name">
<area shape="rect" COORDS="0,0,10,15" href="http://webdesign.about.com/">
<area shape="poly" COORDS="10,0,14,3,7,10" href="http://webdesign.about.com/">
<area shape="circle" COORDS="20,10,5" href="http://webdesign.about.com/">
</MAP>
< IMG SRC="image" USEMAP="#name">
Thank you emty.Great info...I shall have a go at it!!
Basically the main reason I wanted to have a Sitemap because I understand that search engines can actually find and rank your web site allot easier:confused: