Click here to get back home

photoshop PSD file to HTML

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
photoshop PSD file to HTML Michael Shavel 01-19-2006
Get Chitika Premium
Posted by Michael Shavel on January 19, 2006, 1:43 pm
Please log in for more thread options


Hello,

I have a relatively complex file a designer made for me. The designer
saved it as a photoshop PSD file. I've opened it in photoshop and see
that it's saved in many layers, as I expect it should be.
I need to turn this file into and HTML file. I know the long way to do
it would be use my HTML editor (I use GoLIVE), create tables and drag
each of the pieces of the photoshop file into the appropriate place in
the table(s).
I'm wondering if there is an easier faster way. Are there any
programs/procedures out there to make this tedious process easier and
faster?

Thanks for all your suggestions.

Mike

Posted by David Dorward on January 19, 2006, 3:12 pm
Please log in for more thread options


Michael Shavel wrote:

> I have a relatively complex file a designer made for me. The designer
> saved it as a photoshop PSD file.

Uh oh... that way lies madness.

> I've opened it in photoshop and see
> that it's saved in many layers, as I expect it should be.
> I need to turn this file into and HTML file.

Oh boy.

(OK, it /is/ possible to take an image and use it to produce a decent
webpage ... but the _designer_ needs to know how to create a decent webpage
in the first place. It sounds like you've got an artist doing your
designing.)

> I know the long way to do it would be use my HTML editor (I use GoLIVE),

I'm yet to see a graphical HTML generator that does a good job ... or even a
half decent job.

> create tables and drag each of the pieces of the photoshop file into the
> appropriate place in the table(s).

No. Tables are not layout tools.

The way to go about this is to identify the areas of the image that
correspond to content areas, and separate out the main portion of those
areas so they can be used as a tiled background for the content areas. Then
locate those sections which act as borders around the content areas, and
separate those out. Then you can use techniques along the lines of those
found at ...

http://www.sperling.com/examples/box/

... to put them together again with your style sheet.

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Posted by Viken Karaguesian on January 19, 2006, 5:54 pm
Please log in for more thread options


> I'm wondering if there is an easier faster way. Are there any
> programs/procedures out there to make this tedious process easier and
> faster?

I don't mean to be over-simplistic about this, but why not save the PSD
file as a jpg and use it? Of course, I haven't seen your PSD file :>)

If it's in layers, saving it as a jpg would merge all the layers and flatten
the image. I'm not sure what that would do to your image. I've created
layered images in Photoshop and merged the layers to create a jpg. Of
course, you would do a "Save As..." to keep your original image intact. I'm
sure you already knoew that, though. :>)
--
Viken K.
http://home.comcast.net/~vikenk



Posted by Scotius on January 20, 2006, 2:16 am
Please log in for more thread options


On Thu, 19 Jan 2006 13:43:11 -0500, Michael Shavel

>Hello,
>
>I have a relatively complex file a designer made for me. The designer
>saved it as a photoshop PSD file. I've opened it in photoshop and see
>that it's saved in many layers, as I expect it should be.
>I need to turn this file into and HTML file. I know the long way to do
>it would be use my HTML editor (I use GoLIVE), create tables and drag
>each of the pieces of the photoshop file into the appropriate place in
>the table(s).
>I'm wondering if there is an easier faster way. Are there any
>programs/procedures out there to make this tedious process easier and
>faster?
>
>Thanks for all your suggestions.
>
>Mike

        Why not just go to the "layer" button, "flatten" the image,
and then save it as a JPEG? Does it absolutely HAVE to be in PSD
format on the Web page?

Posted by Michael Shavel on January 22, 2006, 10:17 am
Please log in for more thread options



> On Thu, 19 Jan 2006 13:43:11 -0500, Michael Shavel
>
> >Hello,
> >
> >I have a relatively complex file a designer made for me. The designer
> >saved it as a photoshop PSD file. I've opened it in photoshop and see
> >that it's saved in many layers, as I expect it should be.
> >I need to turn this file into and HTML file. I know the long way to do
> >it would be use my HTML editor (I use GoLIVE), create tables and drag
> >each of the pieces of the photoshop file into the appropriate place in
> >the table(s).
> >I'm wondering if there is an easier faster way. Are there any
> >programs/procedures out there to make this tedious process easier and
> >faster?
> >
> >Thanks for all your suggestions.
> >
> >Mike
>
>         Why not just go to the "layer" button, "flatten" the image,
> and then save it as a JPEG? Does it absolutely HAVE to be in PSD
> format on the Web page?



No, I don't want it to be a PSD on the web page. I want to convert the
PSD to HTML. I was looking for a fast way to do that. Note, the web page
is relatively complex with lots of links and graphics and such. Just
saving it as a flat image and putting it up isn't practical.

Thanks for all of your suggestions!

Mike

Similar ThreadsPosted
Photoshop autogenerate Web Photo Gallery June 23, 2005, 4:24 am
Edit PSD Template Files? Photoshop Expertise? March 22, 2006, 12:54 am
Playing a local mpeg file from a local HTML file... July 24, 2005, 6:02 pm
Is there a difference between html document and html file? May 15, 2008, 10:05 am
in Firefox March 19, 2008, 9:57 pm
Can an HTML source file be specified in unicode ? March 13, 2005, 12:29 pm
How can I "include" an HTML file from another server? March 18, 2006, 11:51 am
image combined with html file July 25, 2006, 2:54 pm
Can an HTML source file be specified in unicode ? October 12, 2006, 8:08 am
Include another html file/content August 14, 2007, 10:26 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap