Onkle Doug's Grafix Collection

This Series of Pages is Provided to Give You Plenty of Graphic Images

To Get Started with Construction of Your Very Own Homepage

Here is a variety of graphic images you can use to add interest, variety, and humor to your homepage series.

They are organized into categories primarily by size: small, medium, and large. By Small, I mean size of normal type: Medium being a bit larger: By Large I mean as big as headline-size type or larger,
Like this:

GO TO HINTS -- Go to Sources

Here are the Categories:

(Current page shown in black.)

Main "Onkle Doug" Index Page -- Internet Netiquette("Netiket")Page
Instant Webpage Coding -- Main Formatting Page -- Main Grafix Page --
Backgrounds -- Small Bullets -- More Small Bullets
Small Buttons -- Medium Buttons -- Large Buttons
Small Icons -- Square Icons -- Round Icons -- Medium Icons
Mostly Music Icons -- Larger Icons -- Really Large Icons & Clip Art -- Flag Collection
Bars & Lines, Set One, A-J -- Bars & Lines, Set Two, K-Z -- Thick & Thin Colored Bars
Animated Icons -- Large Animated Icons -- Animated Bars and Lines
Links to HTML Tutorials -- Links to Graphics Sources -- Personal and Family Links

This listing is duplicated near the end of every page of the collection, for your convenience.
The current page is always shown in bold black type.

Go to the TOP -- To hints on Organizing Files

A Few Helpful Hints:

Each of the above collections explains at the top of the page how to copy the graphics to your own computer's hard disk. But before you begin, you need to do a bit of planning. You need to set up a folder for the images you copy. Put this folder (a computer directory or sub-directory) where you always will be able to find it!

There are many sources on the internet for graphic images. This is a large, but not a comprehensive collection. You can find more graphics all over the place. This is just a starting place, to make it easy for you to get a homepage up.

Some people prefer to place images in separate folders (directories), to keep things more organized.


GO TO TOP

Organizing Your Files On a Homepage Service

In mid-July, 1998, Geocities initiated a new service that will help you keep your webpage files organized. They began allowing Geocities Homesteaders to use subdirectories to help manage their files. If you are not familiar with how to set up and use a subdirectory, then it would be best for you to simply keep all the files pertaining to your webpage in a single directory. However, you can use a few tricks for keeping them organized, which I have explained in the next paragraph. If you prefer to use subdirectories, as you do in Windows or DOS, then skip down the page.

In the past, if you used a service like Geocities to set up your first homepage, you had to upload everything into a single directory that they provided for you. If you are now faced with that type of a situation, you may wish to rename the different types of files in a way that will keep them in some semblance of order, for example:


Organizing Files by Prefix
Numeric Alpha *
bkg_01liteblu.gif bul_areddot.gif
bkg_02litegrn.gif bul_bbludot.gif
* (Bold type on alphas used for emphasis)

Organizing Your Files Using Subdirectories

To make this all easier for yourself to start off, you may wish to set up your Geocities (or other server that allows you to use subdirectories) files by using the same subdirectory names that I have set up in the "Onkle Doug" page set. Not that this is the best or only way to do it, but simply so you will have an easy time converting the sample HTML pages I have provided to work for you. If you don't use these names for your subdirectories, then the source code you copy will have to be altered to reflect the file structure you have chosen in every instance where it refers to an image file or another HTML page.

For the basic structure of the subdirectory arrangement, I have put all HTML files in the main directory provided by Geocities. That is the one that ends in a 4-digit number; in other words, your main URL directory. There are two basic subdirectories that you will need to use to avoid a hassle in changing the HTML code: "grafix" and "fotos." I have also set up additional subdirectories for my own purposes in developing this series, but you don't need to be concerned about them, since they are not referenced in any of the sample pages.

The graphic files are further divided into three subdirectories by category, since there are so many of them. The basic graphics subdirectory is labeled "grafix," as mentioned above. It containse no files, only three further subdirectories, bakgrnds," "barzlinz," and "iconz." All background files are in /bakgrnds, all bars and lines are in /barzlinz, and all icons are in /iconz.

Therefore, a graphic image which in the non-subdirectory version is referred to as "peekline.gif" would be "/barzlinz/peekline.gif" in the version of the page using subdirectories for organizing files.

[When I began the work on these pages, subdirectories were not available, so all the pages continue to be set up without subdirectories at this time (April 3, 1998). However, in the interest of helping you learn how to do it both ways, I will be editing an identical set of these pages which will include usage of subdirectories, so you can see how to do it. There will be enough sample pages done both ways that you will be able to copy source code and just cut and paste to make up your own pages, either way you choose to begin.


Comments? Questions? Complaints? Email Onkle Doug Doug Sketch

-- and let me know!


Onkle Doug's Grafix Collection last revised April 3, 1999