[Dreamweaver] Image Mapping - Miscellaneous Tutorials
 
  Buy Ebooks, Video Games, DVDs, Electronics and more !
Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads Make Money Online Blog . Free Image and Photo Sharing and Hosting

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Free image hosting
   Web Design Pakistan
   Swish Templates
   SWiSH Climax
   Talkfreelance Community
   Template Desire
   Lite boards
   Script Sector
   GimpTalk
   13dots
   Idea Designs
   PHP Cafe
   Sposatoettore
   Free swishmax templates
   Swishzone

Manage your site with Flax Article Content Management System
[Dreamweaver] Image Mapping
Category : Miscellaneous | Level : Beginner | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

Author - Jamie Barton
Created - 3-20-2004/11:39 AM

===========================================
Here is how to image map, you can use a map, but for this i'm just using a cursor image, its the only one i could find laugh.gif

Here we go, oh, here is an example:
http://www.host-media.co.uk/tuts/map.html
===========================================

First, open a new site, make new html document, and all that, get an image of a map or you can use mine:

user posted image

Now, in dreamweaver, click the image and go to the polygon tool:
user posted image

Now, draw a allocated area where you want to hyperlink, you can use a image for better values, so if you click UK it goes to a page about the UK, if you hit the page for AUSTRALIA, it goes to the page about AUSTRALIA etc... biggrin.gif

Now, when you've draw, it will be filled with a green/pale green ish colour, something like this:
user posted image

Of course the shape will be different, because of different things you want hyperlinked.

You can do this as many times as you want on the image, dreamweaver is the best for this kind of thing, because you make the hotspot.

Now, click the map you made, with the polygon tool and hyperlink it, by doing something similar to below:
user posted image



That area will now be hyperlinked, i hope this tutorial helped you and i'm sure it did, it helped me.


- Thx
- Jamie smile.gif


© 2002-2005 Flaxweb Network | Article Manager | Gimp Tutorials Library | RAD C++ Library | Free C/C++ Sourcecode |
Sites of interest : Web Design Blog | Swish Templates | Swishmax Ebook | Photoshop Templates | Gimp Tutorials | Text Forum | Make Money Online