Computer Graphics with Photoshop - Newbie question on psd files

Author

Newbie question on psd files

sheri

2003-11-24, 10:20 am

Greetings,

I'm sure this is probably a ridiculous question, but...I'm just trying
to get rolling in web design and PhotoShop and I'm struggling here...

To get a better feel for web graphics and using PhotoShop, I bought a
book that provided a bunch of templates. I made changes to the html
pages and the .jpgs and .gifs to create my own test site. On my pc,
the site looks great (well, for a newbie!). But if I transfer the
pages to the web, the framework and verbiage show correctly, but all
the images are missing.

On the templates, the structure is /maindirectory/images/sources.

Maindirectory holds the htmls (including a "framework" html). Images,
of course, images. Sources holds one .psd file, which if I open in
PhotoShop, shows the basic framework of the original (the book's
site).

I'm guessing this PSD is something I need to learn about, but I'm not
quite sure what the role is. Pointers in any direction would be very
helpful.

If it's helpful for me to post the code, I can do that as well.

Thanks so much.

Cheers!
Sheri

jjs

2003-11-24, 10:20 am

In article <567d7caa.0311232224.7ee1801a@posting.google.com>,
sheri@sherimcnabb.com (sheri) wrote:

quote:

> Greetings,
>
> I'm sure this is probably a ridiculous question, but...I'm just trying
> to get rolling in web design and PhotoShop and I'm struggling here...
>
> To get a better feel for web graphics and using PhotoShop, I bought a
> book that provided a bunch of templates. I made changes to the html
> pages and the .jpgs and .gifs to create my own test site. On my pc,
> the site looks great (well, for a newbie!). But if I transfer the
> pages to the web, the framework and verbiage show correctly, but all
> the images are missing.
>
> On the templates, the structure is /maindirectory/images/sources.
>
> Maindirectory holds the htmls (including a "framework" html). Images,
> of course, images. Sources holds one .psd file, which if I open in
> PhotoShop, shows the basic framework of the original (the book's
> site).

Why not post the web address of your site? We can look at the HTML code
and probably figure it out.

One possible mistake is sending the images in the wrong 'mode'. Images are
'binary' and have to be uploaded in binary mode, but most transfer methods
take care of all that properly for you, so I suspect the directory
structure you show. Your web server's directory should look like the one
on your PC. Usually it is something like "/images/filename.gif" and
"sources/mypage.html" and not strung together like you show it.

RTM

2003-11-24, 10:20 am

PSD is not a web-compatible format. Your images should be in either .jpg or
..gif format for use on a website.
--

Ron.

sheri <sheri@sherimcnabb.com> wrote in message
news:567d7caa.0311232224.7ee1801a@posting.google.com...

quote:

> Greetings,
>
> I'm sure this is probably a ridiculous question, but...I'm just trying
> to get rolling in web design and PhotoShop and I'm struggling here...
>
> To get a better feel for web graphics and using PhotoShop, I bought a
> book that provided a bunch of templates. I made changes to the html
> pages and the .jpgs and .gifs to create my own test site. On my pc,
> the site looks great (well, for a newbie!). But if I transfer the
> pages to the web, the framework and verbiage show correctly, but all
> the images are missing.
>
> On the templates, the structure is /maindirectory/images/sources.
>
> Maindirectory holds the htmls (including a "framework" html). Images,
> of course, images. Sources holds one .psd file, which if I open in
> PhotoShop, shows the basic framework of the original (the book's
> site).
>
> I'm guessing this PSD is something I need to learn about, but I'm not
> quite sure what the role is. Pointers in any direction would be very
> helpful.
>
> If it's helpful for me to post the code, I can do that as well.
>
> Thanks so much.
>
> Cheers!
> Sheri

sheri

2003-11-27, 5:41 pm

"RTM" <pixelninja@anttispamdigitalnospamscribble.fsnet.co.uk> wrote in message news:<bpsdv9$i7i$1@news7.svr.pol.co.uk>...

quote:

> PSD is not a web-compatible format. Your images should be in either .jpg or
> .gif format for use on a website.
> --
>
> Ron.
>

The actual images, in the images folder, are jpgs and gifs. The
sources folder, though, is part of the template and includes the psd
file. I'm not sure if I need it for the actual webpage or not, just
trying to figure out its role. In the html, there are no references
to the sources folder (that I can see).

Here's the test site:

http://www.dancingostrich.com/DalesDOG/INDEX.HTM

Is there maybe some other formatting I need to do to the images to
make them web-compatible???

Thanks very much!!
Sheri

sheri

2003-11-27, 5:41 pm

> Why not post the web address of your site? We can look at the HTML code

quote:

> and probably figure it out.
>
> One possible mistake is sending the images in the wrong 'mode'. Images are
> 'binary' and have to be uploaded in binary mode, but most transfer methods
> take care of all that properly for you, so I suspect the directory
> structure you show. Your web server's directory should look like the one
> on your PC. Usually it is something like "/images/filename.gif" and
> "sources/mypage.html" and not strung together like you show it.

Thanks for the help.

Here's the test site:
http://www.dancingostrich.com/DalesDOG/INDEX.HTM

I'm using Windows Explorer to ftp the files - I've used it for other
images, so I would think the mode would be okay, but...you never know.

I'm not sure what you mean by strung together like I show it. The
directory sturcture looks right to me, but I could be missing
something.

DalesDOG folder holds the html files and the images directory.

DalesDOG/images hold the images (jpgs and gifs) and the sources
directory.

DalesDOG/images/sources holds the mystery psd file which I'm beginning
to think I don't need...

Hope this helps clarify - I think you are right that I'm missing
something in the structure or the files themselves - that makes the
most sense - I just can't see where it is happening.

Thanks so much!
Cheers--
Sheri

LauraK

2003-11-27, 5:41 pm

>DalesDOG folder holds the html files and the images directory.

quote:

>
>DalesDOG/images hold the images (jpgs and gifs) and the sources
>directory.
>
>DalesDOG/images/sources holds the mystery psd file which I'm beginning
>to think I don't need...

The images aren't where the web page is looking for them or they aren't called
what the web page is calling them.
Are all the names of the images in lower case? They are on the web page. The
case on the page and on the images need to match.
Explorer may be turning them into caps. If so, that's the problem.

laurak@madmousergraphics.com
http://www.madmousergraphics.com
web design, print design, photography

edjh

2003-11-27, 5:41 pm

LauraK wrote:

quote:

>
>
> The images aren't where the web page is looking for them or they aren't called
> what the web page is calling them.
> Are all the names of the images in lower case? They are on the web page. The
> case on the page and on the images need to match.
> Explorer may be turning them into caps. If so, that's the problem.
>
>
>
> laurak@madmousergraphics.com
> http://www.madmousergraphics.com
> web design, print design, photography
>
>

You can confirm this by typing in the path of any image in CAPS in the
location bar of your browser and hit Enter. Voila, the image appears!

Either change the file names in the folder or the html to match.

Are you uploading your Sources directory (psd)? No need to do that.
--
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html

Tacit

2003-11-27, 5:41 pm

>The actual images, in the images folder, are jpgs and gifs. The

quote:

>sources folder, though, is part of the template and includes the psd
>file. I'm not sure if I need it for the actual webpage or not, just
>trying to figure out its role.

You do not need it on the Web server.

quote:

>Is there maybe some other formatting I need to do to the images to
>make them web-compatible???

No. The problem is in the HTML, not in the images.

Either you have not set up the images folder the way you think you have (they
are in a folder called "images' located inside a folder called "DalesDOG",
right?), or you have not named the images right (to a Web server, "Logo_Left,"
"LOGO_LEFT," and "logo_left" are all DIFFERENT names--if you look for a file
called "logo_left" and the file is actually called "LOGO_LEFT," it WILL NOT
work).

--
Rude T-shirts for a rude age: http://www.villaintees.com
Art, literature, shareware, polyamory, kink, and more:
http://www.xeromag.com/franklin.html

sheri

2003-11-27, 5:41 pm

> The images aren't where the web page is looking for them or they aren't called

quote:

> what the web page is calling them.
> Are all the names of the images in lower case? They are on the web page. The
> case on the page and on the images need to match.
> Explorer may be turning them into caps. If so, that's the problem.
>

Thank you thank you! I feel like an idiot. Yes, all syntax. Also,
the image folders was all caps and that didn't work on the web,
although it worked fine on my pc. Now I know...caps really do matter
in html.

Cheers!
Sheri

RTM

2003-11-27, 5:41 pm

Sorry, I was thrown by the line where you mentioned learning more about PSD.
--

Ron.

sheri <sheri@sherimcnabb.com> wrote in message
news:567d7caa.0311240623.10b0e7ba@posting.google.com...

quote:

>
> The actual images, in the images folder, are jpgs and gifs. The
> sources folder, though, is part of the template and includes the psd
> file. I'm not sure if I need it for the actual webpage or not, just
> trying to figure out its role. In the html, there are no references
> to the sources folder (that I can see).
>
> Here's the test site:
>
> http://www.dancingostrich.com/DalesDOG/INDEX.HTM
>
> Is there maybe some other formatting I need to do to the images to
> make them web-compatible???
>
> Thanks very much!!
> Sheri

LauraK

2003-11-27, 5:41 pm

quote:

>Thank you thank you! I feel like an idiot. Yes, all syntax. Also,
>the image folders was all caps and that didn't work on the web,
>although it worked fine on my pc. Now I know...caps really do matter
>in html.

I'd strongly urge you to buy the book "HTML for the World Wide Web" by
Elizabeth Castro. It's a Peachpit Press Visual Quick Start Guide. It is an easy
to understand, straightforward guide to basic HTML that also makes an excellent
reference book when you need to figure out why something doesn't work.

laurak@madmousergraphics.com
http://www.madmousergraphics.com
web design, print design, photography

Tony Cooper

2003-11-27, 5:41 pm

On 24 Nov 2003 06:30:48 -0800, sheri@sherimcnabb.com (sheri) wrote:

quote:

>
>Thanks for the help.
>
>Here's the test site:
>http://www.dancingostrich.com/DalesDOG/INDEX.HTM
>

Wouldn't that be "Dale's Dutch Oven Gathering"? You may please the
gourmands, but you'll give the pedants a stomach-ache without the
apostrophe.