How photoshop image's become web page layout's?

[gmnnrqu]

Photshop clipping path

Hi all, i have a photoshop background for my website and a seperate photoshop file with clipping paths for my navigation buttons when i place them with html the clipping paths don't seem to work, is there a way round this or am i just best to add the buttons to my original background image.

 

[gmnnrqu]

im not getting into image software practice yet, i havent finished working with HTML and CSS, so im holding off.

but still, im always trying to get a bit of knowledge of things ill practice in the future, so it's
easier when i get there. and to satisfy my general curiosity.

so im just wondering how exactly a photoshop image, can then become a web layout, with functioning HTML etc...

just a brief, or rather detailed explanation...whatever....please, would be greatly appreciated.

 

[ColorsDeluxe]

You have to slice the photoshop image, into smaller images that help you to build the layout. I am talking about tiled backgrounds, menu buttons, areas from website, and so on. When you have all the elements that will build your website, you can use Adobe Dreamweaver to create the html /css files and build your website.

 

[Janine]

Here are some helpful links for you too
http://www.entheosweb.com/photoshop/layout.asp
http://www.entheosweb.com/photoshop/slice.asp
http://www.entheosweb.com/photoshop/website.asp
http://www.brainbell.com/tutorials/Photoshop/Slicing_and_Optimizing_for_Web_Images.html
http://www.elated.com/articles/slicing-in-photoshop/
http://www.celoxdesign.net/free-css-tutorials/slice-and-code-a-layout/id/43
http://www.depiction.net/tutorials/photoshop/layoutslicing.php


There are also loads of websites that has PSD slicing tutorials too; you could use Google for searching more tuts.

Good luck!