Website Babble Webmaster Forums  

  #1 (permalink)  
Old 03-19-2008, 03:50 AM
Junior Babbler
 
Join Date: Mar 2008
Posts: 1
hallmp13 has a few positive reputation points
Default 1 photo - many links?

I would like to create a website. I have dreamweaver and a limited knowledge of html.

The first question that I have is the following: If I were to create a photo in photoshope with all of the menu options and other photos/boxes required, how can I make individual parts of that photo into links? Is it possible?
Reply With Quote
  #2 (permalink)  
Old 03-19-2008, 05:44 AM
sammyspam's Avatar
Regular Babbler
 
Join Date: Jan 2008
Posts: 70
sammyspam has a few positive reputation points
Default

It is possible. Its kinda hard to explain. But you can use a drawing tool and draw areas on the picture, you can then make each different section link somewhere. Best bet would look for a tutorial with pictures.
__________________
Earn Money For Searching The Web:
My Search Funds
My Forum:
MapleGold, Gaming Forum
My Sites MySpace Page:
MapleGold MySpace
Reply With Quote
  #3 (permalink)  
Old 03-19-2008, 06:08 AM
TechieGuy's Avatar
Super Moderator
 
Join Date: Jul 2007
Location: Canada
Posts: 1,153
TechieGuy has a rock solid WB reputation (over 300 points)TechieGuy has a rock solid WB reputation (over 300 points)TechieGuy has a rock solid WB reputation (over 300 points)TechieGuy has a rock solid WB reputation (over 300 points)
Default

There are at least two ways of making links with a single image:

1. Break the image into pieces, and reassemble them on a Web page with a link to each piece. This requires a good image editor to split the image into pieces, and then good knowledge of HTML to put it back together.

2. The second method is to use an image map. This allows you to specify coordinates (upper left corner, and lower right corner) within the image for each link.
Reply With Quote
  #4 (permalink)  
Old 03-22-2008, 07:08 AM
nixwebo's Avatar
Master Babbler
 
Join Date: Mar 2008
Location: Jacksonville, Illinois
Posts: 223
nixwebo has a few positive reputation points
Default Links

Here are a couple of sites that have some software to assist in making image maps:

http://www.boutell.com/mapedit/download.html

http://www.freedownloadscenter.com/W..._Download.html

I believe both of these are free, I downloaded the software from the last link there and made the following example:

http://nixweb.org/websitebabble/webs..._imagemap.html

You can click on the word "Who" or the guys head and they are both linked. It took about 30 seconds to create and it pastes the code directly into your clipboard for pasting into a web page!


Hope this helps,

Nick
__________________
Free Webmaster Tools Apps and Templates | Free eBooks For Life | Web Site Traffic
I must create a system or be enslaved by another mans; I will not reason and compare: my business is to create.
William Blake
Reply With Quote
  #5 (permalink)  
Old 03-23-2008, 10:42 PM
Master Babbler
 
Join Date: Nov 2007
Posts: 428
augenauf has a few positive reputation points
Default

Quote:
Originally Posted by TechieGuy View Post
There are at least two ways of making links with a single image:

1. Break the image into pieces, and reassemble them on a Web page with a link to each piece. This requires a good image editor to split the image into pieces, and then good knowledge of HTML to put it back together.

2. The second method is to use an image map. This allows you to specify coordinates (upper left corner, and lower right corner) within the image for each link.

Number two is the best option, I think. If you go with number one, and one peice of the image is slow to load, your page looks pretty funny. You might want to google 'image map'--you'll find all sorts of stuff.
__________________
Happy Halloween from UniversityPrincess.Com!
Reply With Quote
  #6 (permalink)  
Old 04-04-2008, 04:11 PM
Rob's Avatar
Rob Rob is offline
Supreme Babbler
 
Join Date: Nov 2007
Location: United Kingdom
Posts: 618
Rob has more than the average amount of reputation points
Send a message via ICQ to Rob Send a message via AIM to Rob Send a message via MSN to Rob Send a message via Yahoo to Rob Send a message via Skype™ to Rob
Default

Use GIMP to slice your images into 4, then use a free web editor like Coffee Cup to hyper link each image then put them into place.

http://www.coffeecup.com/

http://www.gimp.org/
__________________
Reply With Quote
  #7 (permalink)  
Old 04-05-2008, 12:36 AM
Lajocar's Avatar
Supreme Babbler
 
Join Date: Jun 2007
Posts: 594
Lajocar has a few positive reputation points
Default

I algree with Rob. Rather slice the images and make it hyperlinks.

You can also use hotspots on images.

I would slice the image and then put it in tables to make it one again.
Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -6. The time now is 06:50 AM.



WB Sponsors

Profit Lance Review

Work At Home Jobs

Houston Web Design

Search Engine Optimization

flash chat



 Subscribe to the Website Babble Feeds

2 Create a Website Homepage | 2 Create a Website Blog


Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0