How to convert PSD To HTML

Hi,

Can anyone tell me how can i convert PSD to HTML..

 

The best way is to outsource it. It is very cheap nowadays and the URL in my signature has good discounts at the moment! Worth checking. Good luck

 

there are alot of other companies as well like p2h.com shophtml.com etc

 

Unless the adobe creative suite has a new feature I don't know about, the only way to convert is to have someone take the PSD file and write the HTML code for you.

 

You may also slice the psd and export all the slices in HTML format. this HTML will not be very flexible but at least you will have something in HTML and graphic format. Use adobe imageready for better results.

 

Thanks a lot but can you tell me from where can I get adobe imageready. Is it with adobe photoshop or it is another product of adobe.?

 

thanks a lot all of you... I want to learn this thing. can anybody have some more idea about it

 

to convert the psd file to html, is very easy if you have photoshop knowledge,
1. open the psd file at photoshop
2. select the slice tool and slice according to your design
3. save the file select the "save for web and device" option

 

Thanks buddy... I will try it...if there are problems i would like to talk to you once again..

 

I can convert a PSD to xhtml/css for the right price. PM me if you are interested.

 

numeric303 gave the perfect solution.

 

you can try xara web designer from xara!
its a pretty good software. you can import your psd file and then convert it into html!
you can download and use it, its on a 30 day trial peroid!

 

Ok I'll check it..

 

Well If you are aware of slicing tool then slice the image layers with it, otherwise if you have Photoshop CS5, then you can separate images you require for website, run the script from file menu.Which is located under
File > Scripts > export Layers to file..

Then you will have separate file for layers.(But it's not good for optimization so avoid if you are planning to put them on server. Instead save it for web and devices.)

Then plan out the layout structure, like height, width, font-size, color, link color, navigation etc..

Then make HTML using Div elements, just give the basic id's to div element like container, header, logo and all that.
Then make CSS(This is my approach, you can prefer something else also.) Apply style to each element, test in browser(s).

and you are done.
Feel free to ask any question.

 

Well, if you know how to use photoshop then, use slice or crop tool (whatever seems you easier) and slice images in proper size and format (jpg or png). Then see what can be done using css color options, and what should you do as background image (with or without repeating and so on). It's easy, maybe you should check for some tutorials.

 

If you want to learn here are few useful tutorials :
http://www.reencoded.com/2009/06/16/20-great-tutorials-on-psd-to-xhtml-conversion/

and if you are looking for a services, check out :
http://vandelaydesign.com/blog/design/psd-to-html-services/

 

Thanks buddy. if i have some problems, i will definitely discuss with you..

 

really those tutorials are very good.. thanks buddy..

 

its not possible to direct converting psd to html. but you can still take help of online tutorials

 

which version are you using? Normally u can do so by "Save as web & Devices"