Jump to content

  • Log in with Facebook
         Sign In   
  • Create Account

how to use Image mapping


  • Please log in to reply
12 replies to this topic

#1 wualada

wualada

    Sergeant

  • Members
  • PipPip
  • 27 posts

Posted 24 December 2011 - 05:41 AM

Image mapping provides us cleaner code and could overcome the issues thrown up by button states.So it is almost purely beneficial to use image mapping,but i do need your help on how to use that,can you help?

Thanks.

#2 jonsborn

jonsborn

    Corporal

  • Members
  • Pip
  • 3 posts

Posted 26 December 2011 - 05:16 AM

An image map is a single graphic image that allows users to access different web pages by clicking on different areas of the graphic image. On our web site, we use an image map as a means of site navigation at the top of our page. Below is the HTML for this map.

<MAP NAME=mymap>
<AREA HREF="/reference/" ALT="HTML and CSS Reference" COORDS="5,5,95,195">
<AREA HREF="/design/" ALT="Design Guide" COORDS="105,5,195,195">
<AREA HREF="/tools/" ALT="Tools" COORDS="205,5,295,195">
</MAP>
<IMG SRC="Picture.gif" ALT="Site map" USEMAP="#mymap" WIDTH=250 HEIGHT=250>

#3 glorizjack

glorizjack

    Corporal

  • Members
  • Pip
  • 1 posts

Posted 26 December 2011 - 10:17 AM

Image map is an hyperlink on a image by clicking at a particular area of that image.

#4 vincentroberts

vincentroberts

    Sergeant

  • Members
  • PipPip
  • 24 posts
  • LocationCalifornia

Posted 27 December 2011 - 12:12 PM

You can also do it easily with the help of image mapping tools  :unsure:

#5 MichelClark001

MichelClark001

    Sergeant

  • Members
  • PipPip
  • 24 posts

Posted 23 February 2012 - 02:58 AM

You can also do it quickly with the help of picture applying tools

#6 MichelClark001

MichelClark001

    Sergeant

  • Members
  • PipPip
  • 24 posts

Posted 28 February 2012 - 03:53 AM

Many of us always try to impress our visitors with Java Scripts, Java Applets, Flash Players, stunning graphics and so on, but we keep forgetting that good old HTML can also impress visitors. with a little help. In this tutorial, I'll explain how image maps work, how they are created and what they're used for.

#7 MichelClark001

MichelClark001

    Sergeant

  • Members
  • PipPip
  • 24 posts

Posted 05 March 2012 - 03:38 AM

You can also do it quickly with the help of picture applying resources

#8 susan_jane

susan_jane

    Colonel

  • Members
  • PipPipPipPip
  • 138 posts

Posted 11 June 2012 - 05:03 AM

Image maps are images with "hot spots" that are clickable and take your readers to other Web pages. Dreamweaver MX has a built-in image map creation tool to make it easy to create image maps for your Web pages.

#9 vishalchadha53

vishalchadha53

    Major

  • Members
  • PipPipPip
  • 30 posts

Posted 15 June 2012 - 09:11 AM

An image map is a picture in which areas within the picture are links. Creating an image involves using the
<IMG ...>, <MAP ...>, and <AREA ...> tags. Suppose we want to make an image map using this image:


<AREA
   SHAPE=RECT COORDS="6,116,97,184">
   HREF="products.html" ALT="Products" TITLE="Products"
<AREA
   SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257">

   ALT="map of GH site" BORDER=0 WIDTH=300 HEIGHT=300

[ <A HREF="products.html" ALT="Products">Products</A> ]
[ <A HREF="new.html"      ALT="New!">New!</A> ]

#10 atyq

atyq

    Sergeant

  • Members
  • PipPip
  • 27 posts

Posted 08 August 2012 - 02:06 PM


For the uninitiated, an image map is one image with multiple "clickable" areas.


#11 Daneil_Hill

Daneil_Hill

    Sergeant

  • Members
  • PipPip
  • 25 posts

Posted 28 August 2012 - 04:00 AM

Guys a little more information about these hosts would be really useful, do you have links also please?

#12 sureshgupta22

sureshgupta22

    Major

  • Members
  • PipPipPip
  • 33 posts

Posted 26 September 2012 - 09:19 AM

Yes friend,Image map is an hyperlink on a image by clicking at a particular area of that image.

#13 martial

martial

    Major

  • Members
  • PipPipPip
  • 72 posts

Posted 01 June 2013 - 05:34 AM

Click the edit button in the text box or choose the use text option to add an image map to the header area.
In the content editor click the < > button to view the source code.
Paste in the image map code you created.
Click the < > button to return to the visual editor to review the design.
Click the Save Now button in the editor window when you're done!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users