How to Convert PSD File to CSS Layout

Hi

Can anyone direct me to somewhere where I can learn to convert PSD files to CSS layouts?

Thanks!!
Angelz

 

psdtohtml.com has a step by step tutorial, dunno if thats what you mean or not, but seems to be correct

Laz

 

Thank you, Lazaru5, I'll check this out and see

 

Ok, I checked this out. Good info. But what I need to know is how I can convert the tables to divs with the design. Any ideas, anyone?

 

First of all, you need to have a knowledge in basic HTML and CSS.
Just click the FILE > Save as Webpage in photoshop.
then edit the site using notepad.

 

I can do that for you if you really want.

 

cssslicingguide.com - shameless promotion as I wrote it, but it's very helpful for people who want to do this themselves. I also can get the job done for you for a nominal fee. It's a detailed yet concise guide, and people email me every day saying how helpful it was to them

 

Thanks for that info.. I'll check too

 

HI plz visit this site it has alot of features " http://funmazo.blogspot.com"

 

When I was first learning how to slice up my designs, I found HV-Designs to be pretty helpful, for example, this tutorial:
http://hv-designs.co.uk/2009/06/22/psd-to-html-dark-layout-2/

Will probably give you a lot of insight into this.

You should also check out Six Revisions...

 

You need knowlegedge of HTML & CSS then you can begin slicing your designs and coding it

 

One of best tutorial you can find on this address:
http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/

Well explained process with detail illustration for every step. In matter of fact this is one of best tutorial I ever read. Don’t forget to check other tutorial because all are very good. You may find lot of interesting techniques and useful tips explained.

 

Thanks for sharing all dp members... I got many info here..

 

oh thanks to start this discussion i had clear my doubt.

 

A detailed and step by step tutorial on how to convert PSD to CSS: csshowto.com/layout/psd-to-csshtml-in-easy-steps-part-1

csszengarden.com is also a great resource for anyone who wants to know about css.

Hope it helps!

 

Hi

Are you looking for some tutorial to learn how to do PSD to HTML or looking for some company or freelancer to do this for you?

Either way just remember PSD to HTML may look very easy to most of us and can we done by any one its not a big task. But it needs to be done very carefully when you are building a good website from SEO point of view and validation stuff etc etc. It does needs some expertise in PSD to HTML conversion.

Best of luck

 

I am sorry i didnt see its a very old thread.

 

Thanks for the information guys, I was looking for this help from a long time.

 

I tried an e-book to solve that problem and it went pretty well actually. I recommend you to use Artmov's How to Convert PSD into HTML e-book guide. It is described very clearly in that e-book. Additionally, you can also convert PSD to CSS by using this guide. Hope you'll like it...