Newbie question on psd files

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).

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

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

Ron.

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.

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…

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…

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.

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

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.

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

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

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.

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.

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.

Thanks for the help.

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