Designing a webpage in Photoshop?!

[magician13134]

Hi, I found a great template for a site I'm making and it was in a .PSD file, so I opened it and edited it to be the way I wanted, and tried to save. I did file>save for web, but that's as far as I can get... When I save it, everything is an image... I don't want that, I want text, links, etc. I know it's possible because the original PSD came with the index.html when it was saved properly... Any ideas? Thanks

 

[blueroomelectronics]

Photoshop is a photo editor, not an HTML editor.

Try KompoZer instead.
https://kompozer.net/features.php

 

[lexter]

Hi, I found a great template for a site I'm making and it was in a .PSD file, so I opened it and edited it to be the way I wanted, and tried to save. I did file>save for web, but that's as far as I can get... When I save it, everything is an image... I don't want that, I want text, links, etc. I know it's possible because the original PSD came with the index.html when it was saved properly... Any ideas? Thanks

I believe that all the links are/were in html file. It might be so, that there was a image map in it. Check for other image files there, i doubt that any browser is able to open psd.

 

[Gayan Soyza]

If you have Macromedia Dreamveawer you can download many HTML templates from google & work out with that.It has lots of alignment support.

Save for web feature is there to save your edited images to fit into your web page with light weight & web image size.

 

[magician13134]

Hmm.... thanks for the responses, but that's not quite what I need.
@blueroomelectronics - actually, it does do webpages, movies too
@lexter - I know they're in HTML, Photoshop has a function to export into HTML, the links weren't maps, though, they were actually text... Like selectable text
@Gayan Soyza - Dave for web also generates HTML, but I can't figure out how to make the text appear as text instead of sliced images.

Here's the original template I found. (It's free, not illegal, don't worry) That includes the PSD and rendered HTML. All I want is to be able to edit the PSD and save it like that again... Thanks
**broken link removed**

 

[Gayan Soyza]

I Tried to edited your PSD format it can edit nicely.

To change text I point to Text tool & select the text & edited.

To change the image I point to select tool & select the image & delete it.

It works for me fine.

 

[3v0]

magician13134,
Sorry but I agree with the others. PSD is Photo Shop Document. You are not the first person to be confused by this. There are sites that talk about photoshop templates, they provide the graphics for a site not code.

Read on another site. Then checkout the tutorial it points to.

 

[magician13134]

I Tried to edited your PSD format it can edit nicely.
To change text I point to Text tool & select the text & edited.
To change the image I point to select tool & select the image & delete it.
It works for me fine.

Right, I can edit it, but I can't save it as HTML again...


@3v0 - I disagree with that. Photoshop is capable of slicing which in turn can be exported into HTML. Here's from Adobe stating it is possible: **broken link removed**

 

[Torben]

Hm...I have to agree with the others. Photoshop has a slice tool which is handy for what it does (so does the GIMP, and Adobe FireWorks, etc) but I wouldn't suggest using it for page handling. Normally I would use it to slice up the basis for a graphically complex layout and then populate the text areas later using an HTML or text editor or a template system.

Sure, you probably *could* use it for page handling but you can also cut the lawn with hedge trimmers--it's just not the right tool for the job. I've been doing web programming and design professionally for 10+ years and have tried a lot of different tools, believe me.

Anyway, I couldn't find a lot of information but perhaps the following will help you out if you haven't already tried it: **broken link removed**


Good luck,

Torben

 

[magician13134]

Anyway, I couldn't find a lot of information but perhaps the following will help you out if you haven't already tried it: **broken link removed**

Heh, I linked to that in my last post... it doesn't really explain too much though. So... are you saying that the best solution would be to edit the images in Photoshop, then manually merge them with the index included in the original index.html that came with it? Also, how did they (the template site) get that index then? (Not contradicting you, I'm curious)

 

[Torben]

Heh, I linked to that in my last post... it doesn't really explain too much though. So... are you saying that the best solution would be to edit the images in Photoshop, then manually merge them with the index included in the original index.html that came with it? Also, how did they (the template site) get that index then? (Not contradicting you, I'm curious)

Rats! Wrong link. Try this one: **broken link removed**

But generally, yes. I haven't used the Photoshop slicer but with the GIMP or Fireworks, I would set up my layout, maybe include any rollovers/effects, slice it, and save/export the result. Normally I would get an .html file and a directory with the image slices. Then I just open the resulting .html file and copy what I want into my final page design (or template).


Torben

 

[magician13134]

Ok, thanks, one more thing, how do I make images backgrounds by default? Thanks

 

[Torben]

Ok, thanks, one more thing, how do I make images backgrounds by default? Thanks

**broken link removed**

That what you're after?

Usually I would set it using "body { background-image: url( <imgfile.ext> ); }" in the stylesheet but again, I code most of my HTML by hand.


Torben

 

[magician13134]

Yeah that looks helpful, thanks.

I usually code by "hand" too, as I'm sure you can see by my total lack of... anything to do with this whole template business. I'm just not very good at coding myself, so I figured I'd take the easy way this time

 

[3v0]

@3v0 - I disagree with that. Photoshop is capable of slicing which in turn can be exported into HTML. Here's from Adobe stating it is possible: **broken link removed**

And it looks like you would be right. Old dog new tricks sort of thing