convert psd into html - HTML Forums

pintu · 06-19-2003, 03:18 AM

Hi,

I am very new to photoshop 7. I have just downloaded a photoshop website template. When I the zip file, I only saw the fonts and psd file. Is there any way to save this psd file to html?

I want to be able to edit this template using Frontpage or Dreamweaver. Is this possible at all ??

P

KWJams · 06-19-2003, 08:57 AM

No.

Photoshop is a graphic file.

Html is text files.

Pegasus · 06-19-2003, 04:54 PM

Now, don't quote me on it because I've never used the function, but in Dreamweaver you can have what they call a "trace" background. You call up an image, presumably a page template, and recreate the same image using regular HTML. I don't know if Frontpage will do the same thing, but it might.

Peg

eli2k · 06-22-2003, 03:58 PM

You have to cut up the whole image with slicing. In ImageReady, usually coupled with Photoshop, it'll let you slice up the image into parts and you can save them as JPG or GIF files. So like load the PSD inside ImageReady. Then ImageReady will also create the basic HTML for you and save it in some file where you can take a look at it.

hombom · 07-11-2003, 12:44 AM

Okay i have the same problem. I got free .psd website template which you suppose to be ABLE to edit and then convert into html so you can make a website with it. But yes you can edit it using PhotoShop but Photoshop is just an image editor. In order to convert .psd template into html, you need to use Dreamweaver or Front Page which isnt free and cost money...
Any more questions email me hom1525@aol.com

entimp · 07-11-2003, 01:03 AM

eli2k is quite correct.

Use photoshop to edit the file. Photoshop comes with Image ready, they used to sell it but now it is packaged with Photoshop.

Have a play with Image ready and learn how to use it to splice images and write the HTML for you. I am not to sure on this aspect as I do all my splicing by hand.

Just do a search for image ready tutorials if you want some help.

entimp · 07-11-2003, 01:09 AM

Don't say I dont help ya...

http://www.developingwebs.net/photoshop/slicing.php

Enigma777 · 11-01-2004, 01:56 AM

Hi Everyone, I need some help with conversion. I got myself a PSD website template online too. I went into IMAGEREADY and sliced up the image and now when I export I get a HTML file with tons of images. Then I go into DREAMWEAVER and open the file, but I cannot EDIT the body TEXT in Dreamweaver. Seems like everything has been exported as IMAGE. If there anyway to Export HTML TEXT from imageready with the proper formatting, like a supporting CSS file or something.

Thanks,
Mansoor.

Pegasus · 11-01-2004, 02:18 AM

There shouldn't be any text in a PSD file. Not when it's a template, anyway.

We'd have to see the image to know for sure what you're talking about. Could you attach a copy of the file to a post so we can see what you mean?

Peg

entimp · 11-01-2004, 05:24 AM

You will have to edit the text in its PSD format. The text should be preserved in a given layer. Use the text tool to change it to your desired wording or format.

When done, then apply the SLICE and HTML transformation.

waxman · 08-24-2005, 04:40 AM

hi guyz, its my first time posting here , i was also looking for a WAY to convert from psd to html , i know how to slice the images also know how to add text after they are sliced , i want some way or there is any plugin using which you can convert ur sliced template from psd to html with editable text (not image) ,
dont say its impossible , i found one way to do that but its not so cool, ITS by converting psd into pdf using photoshop and then converting pdf into html using a converting program like ClickcatP2H or there is a pdf plugin which u must bay to do that , hope i was helpfull

, iam still need help , if anyone know another way to do that .

$ponge · 09-09-2005, 12:29 PM

If it was a template in psd. format just open it in photoshop and save as a html file with jpg.
you can then open it in dreamweaver. very simple

sinatra · 11-23-2008, 03:08 PM

Summary: You can use some of familiar tools:

1. Image Ready can cut stuff automatically and generate nasty HTML with the tables and cells.

2. Macromedia Fireworks works well with Dreamweaver. You can open a PSD in Fireworks, slice it and then export to Dreamweaver.

3. You can use Photoshop. Just slice all the different parts and create layers in Dreamweaver or some other WYSIWYG web design tool.

The problem is that you will end up with so much stuff that you need to clean up and such a hard table layout to work with. At the end of day you will spend more time fixing things, than you would spend slicing the PSD manually. There is also need to respect the W3C Web Standards. I have not yet seen a tool that does this job the right way.

If you’re looking to save some time on your project you may want to consider trying one of psd convert to html services such as CSS Mafia.

xingles · 01-27-2009, 11:13 AM

you can used notepad to handle it.

Pegasus · 02-10-2009, 12:44 PM

You can't do it automatically, no.