7/13/2011

Q&A: How I make an image I made in photoshop into a working web navigation interface?


I have a image I created in photoshop for a website navigation layout. What programs would I have to use to get links working on the spaces where I drew my buttons. If I put the whole image in Dreamweaver I can't make the links because it's a whole image. Is there a way to do this?

Thanks.

JackFrost_205
You will have to slice up the image into sections, such as for buttons and etc.

This site (http://css-tricks.com/videos/) has some good videos on how to. Check out the "Converting a Photoshop Mockup" videos.


http://www.ClearViewDesigners.com

Ed
"If I put the whole image in Dreamweaver I can't make the links because it's a whole image"
In Dreamweaver, you can "hot-spot" the image, e.g. make as many different areas of the image as you desire to respond to the mouse and open different pages. However, that's a quick and dirty shortcut and it certainly will not have the aesthetic appeal of nice roll-over buttons.


Add your own answer in the comments!

Orignal From: Q&A: How I make an image I made in photoshop into a working web navigation interface?

No comments:

Post a Comment