file organization? beginner

[Barbara Lea]

My webpage is borntowar.com

I am trying to organize the directories in my file manager. I have one main page "index.html" and one page with a grid "grid.html" with a lot of thumbnail images. Wanting to be tidy, I have put all the images into a folder called "thumbnails".

My link to the "grid.html" no longer works. I have tried placing both html files into and out of the thumbnail folder. Each time I have duplicated this on my desktop folder as well.

Should I not have put the images into a separate folder? I plan to insert quite a few more pages and would like to have it organized in some way on the server.

I appreciate very much the help I receive from this forum. It is great to feel I have a recourse when I encounter problems. I hope these very rudimentary questions are not too jarring.

barbara lea

[Bob]

Barbara,

The source of your index page indicates this for your Grid link...
<a href="grid.html">

That would have to be within your /www directory with the above coding.

If it is actually in your thumbnails directory then the coding would need to be something like this.
<a href="thumbnails/grid.html">

You can also use absolute links such as:
<a href="http://borntowar.com/thumbnails/grid.html">


-Bob

[Barbara Lea]

Yes. That makes perfect sense. Problem solved. Thanks again

[Mandi]

I really like to use absolute links - the whole, encoded URL - because it lets me move things around later, if more site development means I'll want to reorganize later on. No recoding whole pages because the links and images broke on moving day, blech!

[Evoir]

This was ahuge question I had when starting. Here's how I do things:

I put all images in a folder called images. If there will be a lot of images within that folder, I use a naming convention like this

about_car.jpg
about_flower.jpg

or thumb_car.jpg
thumb_flower.jpg

The idea is that "like" images will stick together in a group in the file view... no need for nested folders.

I have a folder called "includes" where I put all the included files (I use ssi and php includes). I also put the stylesheet in there.

I code always from just after the domain name. So, for your domain name, it would look like this:
<a href="/thumbnails/grid.html"> This way, you can easily set up a test server, or if you ever change your domain name, it is not hard coded to your domain. You can also simply use "/" to be the homepage link.