How to code PSD?

What is the best way to code a Photoshop file to a site?

 

Slice the image then code the rest with CSS and HTML.

 

After you designed it, you have to plan how you are going to divide the website, slice it and save the images for web. Then you use a software like I do, Dreamweaver and you can code it or use the Design section where you code it by using the images if you dont how to code directly. Then get someone to do the CSS if you dont know hw to do it.

 

Do a search for Photoshop html tutorial. You will find a lot of help that way, easy to follow stuff.

Another way is to pay me to do it LOL

-ruff

 

Thanks guys. I applied rep to all of you for your help!

 

As someone said, the key is to understand CSS and HTML enough (yes, divs!) to know how you need to cut up the PSD, and in what format(s) your files need to be. Then it's a matter of measuring your padding/margins around the boxes, images and text, and writing the CSS to match that.

One great tip is to always add this first in your CSS document:

* { padding: 0; margin: 0; }

Code (markup):

That sets all margins and padding for every element in the document to 0, and you can override this on an individual basis to make it match better.

The other thing is to realize, when writing the CSS and deciding how to slice the PSD up, that some browsers (meaning MSIE compute certain things differently, like auto margins and floated div space, so you have to think of ways of coding that look right everywhere.

 

I slice in Photoshop Cs3 and code in dreamweaver Cs3

 

correct me if i'm mistaken but psd files tend to be huge, people on dialups have to wait several minutes for your site to load. i just convert the finished psd to a jpeg image and save the psd in case i need to edit.

 

lol you cant even open a psd in your browser. You have to download it... Good website for photoshop tutorials is www.good-tutorials.com

 

You make your layout in .psd form then you slice it up into .jpg then you code the html/css for it for your website -- You dont use the main .psd file on your website lol

 

I sort of slice it up.

With a layout, I'll slice up the menu, and other items that need to be graphical, but I'll make sure anything that can be repeated as a background, or any 'space' is just done with css to keep the size as small as possible.

Whilst I don't really cater for dial up anymore, I still try to keep the page sizes reasonable - if and only if to keep bandwidth down..

 

you need a software like photoshop to slice the image.

then go w3cschools to learn the html elements. & CSS also..