3 replies to this topic

[det]

I have seen a lot of tutorials on making layouts and cool buttons in Photoshop but how do you transfer those to dreamweaver and actually use them? For example, implementing your photoshop layout and then converting certain parts into links etc...

[softLearner]

if you've made a,ayout in Photoshop then you're going to need to slice it up. Take a look at Fakens tutorial on slicing a layout in photoshop then coding it in Dreamweaver.

http://www.slicingguide.com/

[det]

Cool. Thanks. So slicing is one way to do it. Are there other ways? I saw a tut on dreamweaver where you can turn an image into a link but i forgot what it was called

[johnsim]

when you've imported your image to the dreamweaver workarea,
you extend the tab "properties" (which is positioned somewhere near the bottom of the screen)..
and there you will find the field "link".. this is where you typ in the link.
below that field is the field "target".... and here you can choose how you want the link to open.. ( be it in the same window, new window, frame etc..)

So that's it for just an imagelink


you can also do an js rolloverimage.

Go from the topmenu-->Insert,
and in that dropdownmenu you got to:
-->Image Object-->Rollover Image..

Click on it and a menubox called "Insert Rollover Image" will popup..
here you choose the original image and the rollover image..
and after that you can fill in the url in the last field, that's gonna take you to that page when later clicked on that button

So save that and test that button...


Like a Glove!