Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Navigation | How to create a link to image in Dreamweaver
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

How to create a link to image in Dreamweaver

In this lesson I will show you how to create a web link on specific part of the picture and how to define a link that opens when a user clicks the hotspot area.

 
  Author: Brodjan | Version: CS5 | 11th December 2013 |  
 
 
1.
 

Create new HTML page and add a picture.

I have inserted a map of Europe. I will add web links for two different countries.

 
 
2.
 

Select the picture.

 
 
3.
 

Now mark part on the map, where you want to add first link.

Under properties select Polygon Hotspot Tool.

 
 
4.
 

Now select the spot on the map where you want a link.

 
 
5.
 

Under Properties at Link field enter a web page.

 
 
6.
 

Now select another part on the map, where you want to add the other link.

 
 
7.
 

Under Properties at Link field enter a web page.

At Target field enter _blank, which means, that the web page will open in new window.

 
 
8.
 

Save the page (Ctrl + S) and press F12 to see your result.

Click the link you have created.

Also recommended:



 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO