All of this should be workable on your computer before you upload. That is why I have a specific directory on my home computers for my Server stuff. That way, I can make sure everything works before I upload to the actual Server.
You have to have everything in a root directory of some sort. What that directory will actually look like on the server is dependant on what your host desires or what your ISP allows depending on what you choose.
For demonstration purposes I will add an extra space so the link isn't actually active.
In my case my root directory on the server is http: //www.cleancomputes.com/Cub
Everything that is related to my server page is in that root directory. Each sub group say for Owner's Manuals has it's own subdirectory as in: http: //www.cleancomputes.com/Cub/Owner's Manuals
Now here is something that can be confusing, but once understood, makes a lot of sense. Spaces are essentially non existent. If you type in a space, in actuality in html that space becomes %20 so the above statement to work actually would appear as http: //www.cleancomputes.com/Cub/Owner's%20Manuals/index.html. This points to the index page which is index.html or depending on what your extension would be say .htm versus .html
All punctuation is also converted sometimes automatically sometimes you will have to manually include it. An apostrophe is %27. There is a glossary available for this. I will try to find it on the web, or maybe Lil Dog knows the url that will point to that particular page.
Now for the buttons:
If you go to Cub Parts Manuals you will see that there is a Home button on the bottom of the index page.
If you right click and view source you will see the following statement:
<center>
<P>
<a href="\Cub\index.html"><img src="\Cub\Backmainp2.gif" border=0></a>
What this statement essentially says is:
The button called home will take me to the root directory which is \Cub and to the main index page which is \Cub\index.html. To load this button on this page, the image source or the actual file for the button is located here: \Cub\Backmainp2.gif, which is the name of the file. border=0 means no box around the button.
You already know the a href and the /a statements.
If you use this type of statement, then the file for that button does not have to be replicated in each directory, but can reside in the root. It will then always be called for from that directory. Makes cutting and pasteing easy.
I hope I explained this clearly. If not, let me know and I will try to clarify...
As for your question:
Do I make a file with the same title as the buttons, and transfer corresponding pics to that file?
I think what you are asking is if the button will take you to all the pics. If that is indeed the case, then the answer is yes and no. The button could take you to the Directory that contains the pics - and more correctly to the index.htm page in that directory. But you would have to have links to those pics, unless you actually loaded the pics onto the index page itself. Then you could call it whatever...
All depends on what you want to do. Remember the dial up people though. The larger the page file size the longer it takes for dial uppers to load it.... That is why sometimes an index page is good. It is old school and not as flashy, but certainly helps for slower connections. Not as critical as it was when a dial up account for 14.4kbps (remember those days ), but still can be a concern.
Oh another thing you can do if you want to present your pics in an album almost is to use PowerPoint or Slideshow. Put all the pics together in that (it will reduce the size somewhat) and allow for a much flashier presentation...
I hope I understood what you were asking correctly and that this does help....