Onkle Doug's "Go 4 It" HTML Formatting Pages

Create Your Instant Web Page Right Here!

[Note: Still in Draft stages; please ignore extraneous info in double parens -
I just have it there to remind me where the links go, until I get this page in final form -- o.d.]
[See bottom of page for source of graphics]

You need to understand at least a few things about HTML coding as you use these "Instant HTML" formatting pages to start your own set of homepages.

HTML tags are enclosed by the "less than" and the "greater than" symbols like . For the most part, you should not touch these coded items until you know what will happen if you make changes.

The first several pages are formats to create a set of pages to put up some pictures on the internet, for example, pictures of your family, friends, or perhaps of your model airplanes! The pages all contain links to one another built into the coding, and have handy internal hotlinks for navigating up and down the page.

You need to know how to work with the "Image" tag to do this.

The Image tag looks like this: Your pictures can have either a .jpg or .gif suffix - be sure you use the right one! The examples all use the .jpg suffix, so if you have a .gif image, change the suffix in the image tag.

Okay, now is the time to get to it! Follow the hotlink to a page, and take a look at it, top to bottom. Then print it out, so you will have a reference. To see the HTML coding, click on "View," then on the pull-down menu, click on "Page Source," if you are using Netscape, or "Source" if you are using Microsoft Internet Explorer. [You will notice a whole bunch of coded "stuff" at the beginning and end of geocities pages that has been placed there by Geocities. Simply ignore that part. How? Look for a remark coded "service", at the beginning and end of this extraneous material.]

However, you really need to save the source code to a file on your own computer. Click on "File," then "Save As." Select a folder to save it in. I suggest you set up a special folder JUST for these files. Then save it. Next, open the file in Notebook or Wordpad (as a plain text file, but with a .html ("dot html") suffix). You may wish to delete all the extraneous Geocities code first--all the "stuff" between the "service" opening and closing remark tags. It may help to print out the HTML coded page also, so you can compare the source code with the way the page looks on the screen.

You will notice that there are numerous remarks inserted on the source code page, which help explain how to prepare your "instant HTML" page. The HTML indicator for a remark is an exclamation point followed by two dashes, within the tag indicators...(which are ...??? YES! You remembered! The less than and greater than symbols!!) There is also a pair of dashes at the end of each remark, just before the greater than sign.

[I would demonstrate what this looks like, but the Geocities Editor program keeps changing the codes for these signs, so every time the page gets edited, the copy between them disappears! Which is okay, if it is me doing the editing, but sometimes they change something that affects all pages, and then these items become unreadable!]

Start immediately with multiple page sets. ((00go4p01.html)) The first set is designed to let you post up to seven pictures on a webpage. Try to keep the picture sizes fairly small, so they will fit on the page. We have set it up for two single pictures, followed by three small pictures across the page, with a final set of two pictures across the page. The latter two sets of pictures MUST be small enough to fit side by side, or they may not line up straight across the page.
Takes only very basic understanding of HTML coding. ((00go4p02.html)) (This link takes you to the second picture page.)
Just edit your choice of Webpage formats. ((00go4p03.html)) (This link takes you to the third picture page.)
Change text and graphics to suit your interests. ((00go4p04.html)) (This link takes you to the fourth picture page.)
For an example of a page I created for myself recently, using this technique, you might want to check out this illustrated narrative of an accident I had the last week of May, 1998 in my van. I was able to put up pictures of the damage, plus my report of the accident on a webpage, then printed it out to send in with my reports to the insurance company and the County Sheriff.
This example features places for pictures, alternating on the right and left side of the page, with text wrapping around the pictures. The example page has no imbedded instructions, so if you decide you want to use the layout, wait until you are familiar with what you are doing before you "Go4It!"
Create ordered lists, unordered lists, tables. ((00go4p05.html))(This link takes you to the fifth picture page.)
You will learn how it works as you go. ((00go4p06.html))
GO TO TOP
GO TO CATEGORY LISTINGS

Here's how "Instant" HTML works:

First Check out the page formats, AND -- Pick one. ((00go4p07.html))
Copy the format to a file on your computer ((00go4p08.html))
Open the file in "Notebook," or "Wordpad" (i.e., a text editor). ((00go4p09.html))
Edit the text on the format page to suit your needs ((00go4p10.html))
Next check out the graphics listings. Decide which ones you like. ((00go4p11.html))
Copy graphic images you want to use to a file on your computer. ((00go4p12.html))
Open your webpage file and change the names of graphics to the ones you chose. ((00go4p13.html))
When you are finished, upload your completed page and all graphic images to a Geocities Neighborhood of your choice! ((00go4p14.html))


There are some other methods to create a homepage without knowing HTML--

--and they are listed near the bottom of the previous page in this series, the "Instant HTML" page.

 GO TO TOP
GO TO INSTANT HTML
GO TO OTHER METHODS LISTING

Quick List of Hotlinks to Pages in this Set

(Current page shown in black; This listing appears at the bottom of every page listed below.)

The sample formatting pages have only an abbreviated listing.

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


Images appearing on various pages in these listings have been collected primarily from The A-1 Icon Archive which contains an assortment of free graphics you can use on your own website. Many thanks to them and the sites they collected them from. They also have links to over 3000 sites where you can obtain other icons. You can contact them via e:mail to give them a word of thanks! (e:mail a1icon@free-graphics.com) The designer, J. Payne, also says they appreciate links like this to their site from those who use their graphics.



Comments? Questions? Complaints? Email Onkle Doug Doug Sketch

-- and let me know!
-- and spout off!
Onkle Doug's "Go 4 It" page last revised February 21, 1999

You may copy this file, then paste it into "Notepad" or "WordPad" to save the formatting and setup. Then use cut and paste to substitute your own text, and save your own JPEG files to substitute for the photos of my wrecked van. You can either retain the little line gifs, or substitute others from the ones provided in the website. Note that I have used a gif image for my e-mail address, and also used encoded characters to provide the hotlinked "mailto" address. I found a link for doing this on the Kim Komando website in 2007.