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.
http://kompozer.net/features.php

__________________
Bill
Smart Kits build Smart People
http://www.blueroomelectronics.com

lexter

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.

__________________
Gayan
Forum Supporter

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
http://ufalt.com/?oz8w7

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.

__________________
Gayan
Forum Supporter

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 this thread on another site. Then checkout the tutorial it points to.

__________________
To control the world from your PC with USB I suggest USB Bit Wacker

3v0's Tutorials for ABSOLUTE BEGINNER
C, PIC 18F, MPLAB® and MCC18 Compiler

magician13134

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: http://livedocs.adobe.com/en_US/Phot...ABBDCDB6A.html

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: http://livedocs.adobe.com/en_US/Phot...ABBDCDB6A.html


Good luck,

Torben

magician13134

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

Rats! Wrong link. Try this one: http://livedocs.adobe.com/en_US/Phot...ab64-7535.html

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

http://livedocs.adobe.com/en_US/Phot...814F20A95.html

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

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

__________________
To control the world from your PC with USB I suggest USB Bit Wacker

3v0's Tutorials for ABSOLUTE BEGINNER
C, PIC 18F, MPLAB® and MCC18 Compiler