"One Hour Page" Subdirectories explained:

~ One Hour Page ~ If you are JUST starting out ~ Enter File Manager ~ Uploading ~
~ Inside File Manager ~ Tips / Proceedures ~ Inside Basic Editor ~ Sample Page Basic Editor ~
~ Subdirectories demo'd and explained ~ Geocities Help Links ~




Break Out Of Frames
On Roxy's Sites: Free graphics = clipart, seasonal, holiday, other themed web-page-sets| Tubes |
Tutorials = using web graphics info, graphic and other web/Internet | Web Page Help = HTML help
beginner information + more | + awards 4 You | 'One Hour Page' = tutorials using Geo's Editors |
Roxy's Renditions http://autumnweb.com/Roxys/ Roxy's Place http://www.oocities.org/roxys-place/

Warning ... graphic intense because of examples!
Although I did reduce, physically and byte-size-wise, as much as I could, the "snapshots"
of the screens I saw and captured had to keep enough so you could see what I did *g*.

 

Subdirectories

If you are familiar with and understand how your "Windows Explorer" section of your computer works ... subdirectories will be a breeze! It is a wonderful way to organize your files at Geocities! Two levels of subdirectories are possible at Geo, but I am only going to discuss one level of several subdirectories above your main directory. Just to keep it simple. By the time you get comfortable with working with subdirectories this way, you will have learned how to handle the 2nd level of subdirectories, too. You can use subdirectories in several ways.

  • Put different "sections" of your website (HTML files + graphics) into it's own subdirectory
  • Put your animated graphics in one subdirectory, other graphics in another, html files in another ... etc.

For the sake of simplicity, JUST to get your started on subdirectories, I will explain and demonstrate subdir's the way that I use them, which is the first way. I also have my computer's files set up EXACTLY as they are in my subdir at Geo, making it VERY easy to keep my files organized and also keep the subdir relationships "streight in my head" when making links from page to page - especially when they are linking from one subdir to another, and from main directory pages up to subdir pages, and vice versa !!

Not demonstrated here, but a quick example of other ways to have subdirectories:

You can also set up subdirectories so that all your HTML files are in your main directory, your graphic files are in a subdirectory (or two, or three) and your other files like midi's etc, are in yet another subdirectory. Or, your graphic files are in the main directory, most of your HTML files are in subdirectories. Either way, the principles are the same - where main directory items are on one level, subdirectories are a level down - and each subdir has an even-level relatioonship with each other.

For those that want to move all images into a subdirectory, and leave all the .html pages in the main directory, you have to # 1) move all your images into the subdir, and # 2) change all your image references on your html pages. Using Images subdirectory:

  • On a HTML page in the base directory, to "call down for" the graphic from the Images subdirectory, I would write it as: <IMG SRC="Images/photo-me.jpg">
    (add Images/ - the subdirectory name, to the coding of each image)

On the other hand, just the opposite, lets say you want to move MOST of your HTML pages to subdirectories, and leave the graphics in the main directory. You DO have to leave your "index.html" in the main directory - have link(s) on it to all (or one in each subdir) the individual subdirectories's pages. Everyone still does have to keep an "index.html" - that's the default shown when anyone "lands" on your address.

  • For a HTML page in /Family/ but your images are in the main directory, you would write the html coding to "call up for" the graphic like:
    <IMG SRC="../photo-me.jpg> (add ../ to the coding of each image)

Word of WARNING!! Keep in mind, Geo's File Manager has a tendancy to "freeze" when there are too many items (graphic files, whatever) for it to display. So by putting ALL your images in a subdirectory - do plan on never being able to &quuot;view" them in a list all at one time. So if you ever get to the point where you need to review your graphic files and get rid of some old ones you don't need (aren't using) any longer - you won't be able to do that!! It's one of the reasons you will find very few people that recommend you keep your files that way in Geocities.

These are my web page files
in Windows explorer. I set this up so it would be the same as my files at Geo.

Inside the main folder of files,
are subfolders that hold each of my
subdirectory html pages and images.

Under the folders is a list
of my "loose" HTML files and images,
with the "loose" files in my main directory - and each folder represents a subdirectory.

I moved them side-by-side here
to take you to the next step
of the way, the way I want you to "think about subdirectories".

My main directory and subdirectory files in my computer - image © Roxanne M. Flanagan

EXCEPT ... I want you to get the visual impression of THIS WAY
that main directory and subdirectories are set up.
More in an UP - DOWN effect rather than side-by-side.
Main directory and subdirectories in an over/under visual effect - image © Roxanne M. Flanagan

Why? Because that is the way you have to think of them when making your links from your main directory pages down to each subdirectory. With subdirectories all being equal on their own level. If you get confused about how to make a link between levels, or accross the level of subdirectories, you'll have a lot of "oops - we couldn't find that page" pages show up! *grin* and we all know how frustrating THAT is!
Think of subdirectories as "mini websites" if you will.
Each
"section=subdirectory" of your site is complete in itself.

Some Examples:

For example, lets say you move all your family photos, and their HTML pages into a subdirectory named /Family ... also move your Hobbies pages to their own subdirectory /Hobbies

To link from my main directory's page (the index.html page) to each subdirectory, I would write the links as:
<A HREF="Family/index.html">Go To My Family Photos Section</A>
<A HREF="Hobbies/index.html">Go To My Hobbies Section</A>

If I want to link the first page of the Family subdir to the first page of the Hobbies subdir, I would write the link:
<A HREF="../Family/index.html">See my Family Photos Section</A> and vice versa
<A HREF="../Hobbies/index.html">See my Hobbies Section</A>

In each of those subdirectories - the coding would be the same for displaying images as they are now. You do have to move all your graphics and HTML pages into the subdirectory(ies) that you decide on. If you want to display a photo/image on a page, you would write the code as: <IMG SRC="photo-me.jpg>
And, linking from page to page within that subdir is the same:
<A HREF="George.html">George</A>
links from any page in subdir to George's page.
George's page linking back to the main page of the Family subdir would be
<A HREF="index.html">Main Family Page</A>

There are only four items to remember about linking pages within a site that has subdirectories.

  • Link from page to page in main directory (also among pages in each subdir.)
    (i.e. from the index.html page of Family section to Mike's Page)
    <A HREF="Mike.html">Go to Mike's Page</A>
  • Linking from main directory down to any of the subdirectories
    (i.e. from your index.html page to your first page in Family Sect/subdir)
    <A HREF="Family/index.html">Go To My Family Section</A>
  • Linking from one subdirectory to another subdirectory
    (i.e. from Hobbies subdir to Family subdir ??)
    <A HREF="../Family/index.html">Go To My Family Section</A>
    (vice versa = i.e. from Family subdir to Hobbies subdir)
    <A HREF="../Hobbies/index.html">Go To My Hobbies Section</A>
  • Linking from any subdirectory file up to a main directory file
    (i.e. from subdirectory Family page to Awards page in main directory)
    <A HREF="../awards.html">Don't forget to visit my Awards page</A>
Got that? GOOD!

So you won't need this "cheat-sheet" graphic I made ... something you can keep in your files to help you remember?

Of course, you can write it down on a post-it note and stick it to the side of your monitor like I do!! *grin*

subdirectory linking image can use as a cheat-sheet to remember proceedures for links! - image © Roxanne M. Flanagan
Now that the HARD part is done ... trust me! Knowing how the linking relationships work, and keeping them "correct at all times" IS truly the hard part! Now, you can go create subdirectories in Geo's File Manager. Those buttons at the bottom of your list of files has one called "Create New Subdirectory". It's very simple - just do what it tells you, and that takes all of about 1 minute to do. When you enter File Manager, you will see the subdirectory buttons first, then your list of "loose files" in your main directory, both are in alphabetical order.
File Manager showing subdirectories and editing, create subdirectory, move files, etc. buttons - 
image © Roxanne M. Flanagan
Once you create subdirectories, you can go thru your list of HTML files and graphics, etc. and move or copy them to a subdirectory. You can do several at a time. When you click on the little white box next to the file name, that will put a check mark in the box. When you've chosen all the files you want to move to "SubdirectoryA" then go down and click the "Move Files" button. If you have shared files, like backgrounds, etc between different pages, you will want to "Copy Files" to subdirectory.
Moving files from main directory to subdirectory, or vice versa - image © Roxanne M. Flanagan
A menu will appear on the next page, and you will have to choose which subdirectory you want them to go in. So ... you're going to have to think about what subdirectories you are going to have, and what items will go in them.
Once your subdirectories are set up and you have a few files in them, you deal with each subdirectory as a seperate entity. You get into the subdirectory, and then upload the files that go in that one (assuming you've updated/added files to that one) and you edit your pages there, etc.
Inside a subdirectory - what it looks like - image © Roxanne M. Flanagan

If you find this confusing ... there is also another website up with an explanation on subdirectories, you can take a look there, too.




If you feel these tutorials would help others, feel free to put one of these buttons on your page and link it to:
http://www.oocities.org/roxys-place/OneHourPage/
Roxy's One Hour Page Button - image © Roxanne M. Flanagan  Roxy's One Hour Page Button - image © Roxanne M. Flanagan  Roxy's One Hour Page Button - image © Roxanne M. Flanagan

"One Hour Page" This section's pages:
~ One Hour Page ~
Enter File Manager ~ Uploading ~ Inside File Manager ~

~ Tips / Proceedures ~ Inside Basic Editor ~ Sample Page Basic Editor ~

~ Subdirectories demo'd and explained ~ Geo Help Links ~

Other helpful sections:

~ In The "Web Page Help" Area ~
~ HTML Info ~ Page Control ~ HTML tags Basics ~ HTML tags Advanced ~ Tables ~ HTML colors ~
~ Browser Information ~ Resolution ~ Hints + Tips ~ AOL graphics problems ~
~ Links to More Helpful Info ~

~ In the "Heartland Section" you will find ~
~ Heartland Committees and Activities of interest to homesteaders ~
Everyone new to Geocities should also read:
~ Bits and pieces of information of interest to anyone with a page at Geocities ~
~ Some GeoLink graphics for anyone that wants to use them ~

Looking for graphics? I have some ... Roxy's Renditions
background + bar + tutorial images © 1997-2004 by Roxanne M. Flanagan; All Rights Reserved.

|| http://www.oocities.org/roxys-place/ ||

"Roxy's-Place" at Geo || http://www.oocities.org/roxys-place/ ||
|| One Hour Page tutorials using Geo's Editors || Awards Rec'd ||
|| WebRings: H'lnd Select, H'lnd Good Citizen, Woman's Ring ||

Holiday wallpaper/backgrounds:

Seasons+Nature  wallpaper/backgrounds:

Other Theme  wallpaper/backgrounds:

Valentine/Love . St.Patrick . Easter . Mother's Day . Father's Day . Patriotic . Halloween . Thanksgiving . Christmas

Butterflies . Floral . Nature
Spring . Summer . Fall . Winter

Angels . Christian-Religious . Craft . Miscellaneous . Gem+Jewels . Babies-Kids-Teens . Special Occasions

... total site menu @ Roxy's : Terms Of Use : Privacy Policy : Questions?
Copyright © 1997-2004 by Roxy M. Flanagan + licensors; All Rights Reserved.
Using Roxy's Graphics? See the button choices here. Plus, Add YOUR link!
Links to MORE free graphics sites, Roxy Recommended!
Back to entrance + webrings @ Tutorials : Web Page Help : Tubes :
Wallpaper : Seasons+Nature : Holidays : Christian : Graphic+Other Rings
Roxy's Renditions™ @ http://autumnweb.com/Roxys/

Roxy Recommends:
Autumn Web Development
Personal+Business
Custom Web Services