"One Hour Page" Inside Basic Editor:

If you find yourself a little stuck, you may want to visit the HTML Help Page [http://www.oocities.org/Athens/2090/]. Also, you may want to take a look at the Yahoo! GeoCities Resource Guide for more advanced help with your page. HTML tags are also on my other site on the HTML tags page at: http://www.oocities.org/roxys-place/WebPageHelp/4HTMLtagsBasics.html

Good Luck!

Please do not use HTML tags anywhere except the body and the footer . For help on adding background images, please see the HTML help page [Athens2090]. HTML tags are also on my other site on the HTML tags page at: http://autumnweb.com/Roxys/2WebPageHelp/4HTMLtagsBasics.html

Check here if you do not want to use the following custom color boxes.
(If you check this box, you may still enter your own background colors or images by using the appropriate BODY tag in the "body text" area below.)

By the way, choose a nice background color, and nice looking 'divider' lines as you go along here. The 'default grey' that will be there if you don't is yucky. <grin> yucky is a technical word my grandson often uses!

Background Color: Text Color:
both above, dropdown choices of: Blue, Red, Green, Yellow, Black, White, Gray

Unvisited Link Color: Visited Link Color:
both above, dropdown choices of: Blue, Red, Green, Yellow, Black, White, Gray

NOTE: do NOT choose the same color for boxes of 'Text', 'Unvisited' and 'Visited' Link color as you did for the background color - or you won't see it against the same color background !!

Icon code: (Optional image at top of page. Choose from these images.) {'images' is linked, you can go look at now if desired}

Page Title:
You type in what words you want to show on the visitor's browser, and what will show when page is bookmarked!! So think about your title - do you want your friends to see a bookmark that says "page one" or "so-and-so's page"? Also, Geo's 'Best of Geocities' page reader will NOT list a page without a title!

Title Line:
You type in what words you want to be at the top of the page. The dropdown choices are: small, regular, large, small italic, regular italic, large italic, none.

Second Title:
Same choices as above

Separator: (Choose from these Separators )
'Seperators' is linked, you can go look at now if desired
dropdown choices of: blue_thin_line_2 | blue_thick_line1 | blue_mrble_thick | blue_marble_thin | blue_beaded_line | black_thin_line1 | blck_beaded_line | red_thick_line_1 | red_beaded_line1 | yellow_thck_line | yellow_bead_line | blue_cool_links1 | red_yel_hot_link | construct_line_1 | rainbow_thinline | wave_thin_gray_1 | string_tape_line | ruler_measured_1 | no_line_selected |

When you get to the big box for the 'body text', that's where you will put in whatever you want to 'say'. Play with a paragraph or two before you go over there. The only thing else you need to know there, is that you will need to put <P> at the beginning of each paragraph, and </P> at the end. You can even do that as you type it in your word processing program, playing and experimenting with what you want to 'say' on your web page. Then, when you're in there, you can open your Word Program from your start bar, open your program and file, hilight and 'copy' it, then shrink or close Word. Then, do a 'paste' into the large text box. And if the lines all run together in there, don't worry about it, as long as you've already added the 'P's' at each paragraph, and at the end!

If you have uploaded images, and want to place them on your page - choose where you want it (between two paragraphs?) and write: <P><IMG SRC="name-of-image.gif" BORDER=0 HEIGHT=_? WIDTH=_?"></P>
Get the height and width dimensions from your graphic editing program.
If you want the image to be centered, you would write:
<P ALIGN=CENTER><IMG SRC="name-of-image.gif" BORDER=0 HEIGHT=_? WIDTH=_?"></P>
If you don't include the "BORDER=0" info, then your image will have a colored box around it designating a link.

If you want to use an image as a link to your page, example, file name "photos.html", you would write:
<A HREF="photos.html"><IMG SRC="name-of-image.gif" BORDER=0 HEIGHT=_? WIDTH=_?></A>
(i.e. name of page on your site you want the link to go, and the name of the image that you're using, AND the images height and width dimensions in pixels. You get the height and width information by bringing the image into your graphic program and checking it's information, or if you view the image with Netscape, it gives you the dimensions at the top of the browser.
Be VERY careful - html written for both links and images is VERY case sensitive. If your page's file name is "Photos.html" and you write "photos.html" in your link, your visitors will get the "oops, we couldn't find that page" page. And if your image's name is "arrowbutton.gif" and you type "ArrowButton.gif", your visitors will see the little gray broken box!!

This appears in the body text box:
<!--#geoguide--> <!-- The above line is the code for the GeoGuide. Put this on your page, then, to set up and activate your GeoGuide, you need to click on the button/link for the 'GeoGuide Manager' inside the File Manager (below your list of files). -->
For the GeoGuide to work on your pages - after you are done editing your page, you must go into the "GeoGuide Manager" and "activate" that page! Usually you only have to do it once, and it will stay activated each time you edit your page after this. But, once in a while when Geo does have problems and "goes down" - I recommend you go back into the GeoGuide Manager and make sure they're still activated every so often - and especailly if it's not showing up.

Separator: (Choose from these Separators)same choices as above

If you want to have a link on your page TO the cartoon places (not from some page to yours), have the URL handy before you go to do your page. You will type in 'www.what-ever-it-is' in the left hand box (do NOT put in 'http://' !), and 'name-of-cartoon' in right hand box. You don't have to have a link to anything right now if you don't want to. There are six spaces there for links, just to start, you don't need more than that for now. By the time you want to add more links, you'll know more HTML language and you will be able to add them in the 'body' part of this page.

If you really want to make a list of all of your links in the body part of the page and skip the next area for links, you can use the method mentioned above - for linking images, or buttons, or you can write "text links". with would look like:

<A HREF="photos.html">See My Photos</A> and the words "See My Photos" will be a link to your page with the file name "photos.html"

<A HREF="http://www.oocities.org/roxys-place/OneHourPage/">I learned how to do this at Roxy's Place!</A>
and those words between the HTML coding will be the link to someone else's page (mine *g*).

You can also link graphics to someone else's page. After you upload the graphic you want to use, type this:
<A HREF="http://www.oocities.org/roxys-place/OneHourPage/"><IMG SRC="rrOHPxlogo-rose.gif" BORDER=0 HEIGHT=36 WIDTH=90"></A>
will show this (the graphic is linked):

Uploading how-to w/images covered on another page.

 Link to URL: (omit http://)  Description of Link

Separator:  (Choose from these Separators) {same choices as above

Footer Text: (HTML[Athens2090] tags are allowed) 'HTML' linked -- as listed above

{Now, the footer. For now, I would suggest just a short paragraph. I recommend something like:

This page was created by YOUR NAME, on DATE, you can contact me at
<A HREF="mailto:your-name@your-isp-address">your-name@your-isp.address</A>
-- Note, if you do this, do NOT choose checking the box to put your email on the page -- you've just done that with the above two sentances.

You now know another bit of HTML. To make a link, you need the 'A HREF' and the '/A'. For every HTML command, you need a BEGINNING and an END. The / always designates the end. The only space between those outermost < >'s is the one between the first A and HREF. The 'mailto:' one makes a clickable link, it opens the email window (for people visiting your page) on the latest versions of NN and MSIE browsers, and some of the others, as well. And the reason you will have your email address 'show' (the part between >these< will be for those people that have browsers that this DOESN'T work for, and they'll be able to see it and type it in themselves if they want to email you. Use this option if you want people to email you at the Geo/homestead email address, or another address that's different from the one you used to sign up for your page with.}

If you want to add the GeoGuide Coding, or the Internet Link Exchange Coding (you get the coding from ILE) using this Basic Editor, you can add them here, right after your "email line". For each item, start the line with <P> and end each bit of coding with a </P>
If you want them (the banners) to be centered, put <P ALIGN=CENTER> before the coding and end it with </P>.

Include E-Mail Address on Page: If you choose this one - it will show and use the email address that you signed up for your page with.

Separator: (Choose from these Separators) same choices as above

Right now, there seems to be a 'problem' when people choose the 'Preview' button - so don't and see note below

• Choose "Preview" to view your file as it would appear now (you can continue to make edits).
• Choose "Save" to save changes and return to the main file manager screen.
• Choose "Save and Continue Editing" to save changes and continue editing this file.
• Choose "Return to File Manager" to exit without saving changes and return to the main file manager screen .
• Choose "Reset" to clear any changes that you've made since you loaded this screen.

Now, you're just about done. At this time, I will tell you to JUST hit the SAVE button. Do NOT preview, even though that used to be okay. Since Geo has been doing some upgrading, I have heard from a couple of homesteaders that say that it is not saving their files when they hit preview first. After you do a save, AND I believe it will ask you at least twice, "you already have an 'index.html' file, are you sure you want to save this as an 'index.html' file?" - YES, YOU DO. Because the original 'index.html' file that is there now is the one that says: 'so and so signed up on ...' page. You want to replace that with your newly created 'index.html' page.

Eventually, it will accept that you are sure of what you are doing and bring you back into regular File Manager. Next to the index.html file is a link that says 'view'. You can click on the 'view' word, and view your page then. When you're done, hit your 'back' button on your browser. If there's something you don't like, then you will check (click on to 'check') the little white box next to the file name and at the buttons below those, make sure 'Basic Editor' is showing again, and choose the 'Edit' button - and that will bring you back into it to edit. When you're happy with what you have written, hit the 'save' button again, and it will bring you back into the file manager again.

Whenever you have done editing, when you go to view the page -- make sure you hit "reload" on your browser after each change that you make!! This will make sure that the newest version of your page is displayed. Unless YOU have changed the settings in your browser, it is probably set to bring up a copy of the page from the computer's cache file [memory from previous visit], every time you revisit the same page. Without hitting the "reload" button, you're NOT going to be able to see your changes and you will feel that something is wrong or 'not working'.

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/