Simple HTML Home Page Building by ogeretla

ogeretla's

~ Simple ~

H T M L

Home Page Building

For Webtvers

The purpose of this site is to show how someone that can learn a very limited amount of knowledge of html can easily learn to build a home page using webtv, including adding images, thanks to webtv's recent upgrade giving us the ability to Cut, Copy & Paste. HTML stands for Hyper Text Markup Language and that is merely a language to speak to and give commands to computer browsers using

<codes></plaintext> contained in lesser and greater than signs. Webtvers with wired keyboards don't have the ablility to assign a site to a Favorite Key but they can still accomplish this by typing in addresses in their "Go To" box. This tutorial will also work for newcomers (newbies) with computers. NOTE: WIRED KEYBOARDS have an adaptor available for $36.95 that will enable you to assign favorite sites to your F-Keys for the Plus and Classic Webtv Models. Classic Models don't need an adaptor to plug in a wired keyboard but they will need this adaptor if they want to be able to assign favorites to the F Keys. Full info and orders can be placed <a href="http://www.omdev.com/">here.</a> Puter People have the ablility to competely build their page on their puters then send (FTP) it to their Home Page Files. Myself having no knowledge of puters you will have to refer to your owners manual to learn your cut, copy & paste and other related things. However you will be able to build your page on line just like the tutorial teaches Webtvers to do if you prefer. First of all let me take all the aprehensions away from newcomers. It's FREE! It's FUN! It's EASY! If you do make a mistake nothing will be permanately damaged. You can't break your webtv doing it. Many people make and maintain Personal Home Pages for many reasons. Some to see how many "Hits" (visits) they can get. Others to put forth and share information. Some just to have a little family album to share with family and friends. There are many places that will "host" your page for free. Some with 50 MEGS of space (that's a lot). The first names that come to mind for most are GeoCities, Tripod, Anglefire and Xoom. However since this page is hosted on Geocities and that's the one I'm most familiar with I'll direct all my comments to GeoCities. GeoCities has 11 MEGS and all my pages you see is only one fifth of that. Any of these Homestead Sites you choose have people there that will help you with any problems you might have. You may visit any of the sites and they all have full instructions of what to expect and how to sign up. There are plenty of tutorials on every aspect you'll need to know. You'll need to learn a little about basic html. You'll need to learn to use Search Engines, for that I suggest you read <a href="ogieswg.html">OGIE'S WEB GUIDE</a> and look for the item on Search Engines. I will guide you through the process step by step like I wish I had some one to do for me when I started. I was terrfied! Bookmark (save in Favorites) this page now and you can keep coming back for each step along the journey. If you don't know how to Bookmark hit your "Save" key in the upper right hand corner of your keyboard. You will get a little popup screen, move your cursor to the left and choose the folder you want to "Save" it in. Then anytime you want to find this page hit your "Favs" key on the top row of your keyboard and click on the folder you "Saved" it in. One basic concept you will need to know before starting is, for every page you look at on your tv screen (or monitor) that has text and or images on it there is actually another page under it with html commands telling your browser to go "read" where these images live and make them appear on the page you're seeing at the present. These <plaintext><codes></plaintext> (commands) are written in lesser than and greater than signs <plaintext>< ></plaintext> and do not show on the page you see on your screen. When you start a home page you have a "File Manager" where all your web site information (text and images) are stored. You can liken this to sitting at a work desk and having a file cabinet, full of folders and information you would like to put on a single page, sitting next to you. You might want to reach in the file cabinet and start with some text information and take out the page that says, "Hello, we're the Three Bears. Papa, Mama and Baby." Next you might want to reach in the file cabinet and pull out a picture of the Furry Family and lay it beneath the text. So now in essence you are "building" (laying out) a page. The information you are putting there actually "lives" in the file cabinet and you are just viewing it on the desk top. That's what your browser is doing, finding where these pictures "live" and running and getting them and laying them out on the screen for you to look at via the html commands embedded in the page. <center>~~~~~~~~~~~~~~~</center> Enough of the concept for now. Take ogeretla the friendly bridge troll's hand and let's begin our journey. <center><a href="img/ogre.jpg" height="120" width="160"><img src="img/ogre.jpg" border="6" height="120" width="160"></a> Click on photo to enlarge and appreciate the real beauty of the man.</center> First you need to go sign up for a GeoCities Home Page. You will choose a neighborhood then find a vacancy to move into. They will however ask you if you want to open a GeoMail account. It is not necessary, do so if you wish, but if you do make sure you check you want all your mail forwarded to your webtv e-mail addy (address) so you wont have to hassle with retreiving your mail from GeoCities as they are very busy at times and you may not be able to get to it at times. You will be able to ammend any info later if you wish. USER NAME & PASSWORD: When you sign up for a GeoCities Homestead they will ask you to choose a "User Name" and "password". A User name is just a name that is unique from all their other users and you may make that anything you wish. It should be between four and fifteen characters, use all lower case letters, and should not start with a number. Same with the password. Make it something you're not apt to ever forget. Example: dmwws (don't make war with skunks), or perhaps the first part of your e-mail address, or your name if you have an unusual name. You will be signing up for many things in the future so may I suggest you use the same User Name and Password for all of them so you won't forget what one of them is. You might also want to get a spiral notebook, to write down your page address and take notes as you go. Once you sign up for a home page or any thing else you will be sent confirmation and instructions through e-mail. It is wise to save these on your "Saved Mail" list for future reference. Read and reread this and any other pages and take your time and enjoy the process. This is designed to be a fun learning experience not to make pressurized emotional wrecks out of us.:) If you try something a few times and still can't figure it out my e-mail link is at the bottom of every page, and there are some fine Webtv newsgroups you can post your questions to and get an answer sometimes within fifteen minutes. I will list those on the bottom of page four under the HTML Test Bed. The Test Bed's a screen you can practice the codes on the page. There is a man, (HTML, Web Demi God) named Paul Erickson, who makes the best Web Guides and tutorials available for Webtv, and computers, that has a tutorial on how to sign up for GeoCities. I will direct you to Paul Ericksons information on this as it would not behoove me to reinvent the wheel and deprive you of a great tutorial like Pauls. After you have looked through Simple HTML and decide you want a Home Page of your own you can come back here and link to Pauls great tutorial. Click here to go to <a href="http://www.oocities.org/~by2000/homepage.html">Paul Ericksons tutorial.</a> Now I believe we are ready to go to the next page and start learning more about "Web Tools." <center>~~~~~~~~~~</center> <center>GO TO: ogeretla's Simple HTML Webtv Home Page Building</center> <center> <a href="notebook2.html">Introduction to Web Tools</a> <a href="notebook3.html">Basic HTML Table</a> <a href="notebooksig4.html">Sig In A Box ~ Tutorial</a> <a href="notebookweb5.html">Page In A Box ~ Tutorial</a> <a href="code.html">Various Codes</a> <a href="dump.html">Page Comment Generator</a> <a href="http://www.oocities.org/Heartland/Park/3904/linkpage.html" >Links & Tools Page</a></center> <center>BACK TO:</center> <center> <form><input type="submit" value="Main Site Directory" text="black" onClick="parent.location='http://www.oocities.org/Heartland/Park/3904/mainpage.html'"></form> </center> <center> <table bgcolor="#D9D9FF" border="6" cols="2"width="70%"> <caption><center>FYI</center></caption> <tr><td> <center> If you've been helped or enjoyed this page. </center></td> <td> <center>Any comments or q's feel free to... </center</center></td></tr> <tr><td> <center><a href="/cgi-bin/geoplus_apps/ans_entry">SIGN GUEST BOOK</a></center></td> <td> <center><a href="mailto:ogeretla@webtv.net">E-MAIL ME</a></center> </td></tr></table></center> <center>  <table bgcolor="lightblue" width="100%" text="black" border="6" cellpadding="4" cellspacing="2"> <caption>Page Comment Generator <a href="dump.html" nocolor>by ogeretla</a> Comment on This Page</caption> <tr><td bgcolor="#cccc99" align="center"> Guestbook <a href="/cgi-bin/geoplus_apps/ans_entry">Sign</a> <a href="geobook.html">View</a> </td> <td bgcolor="beige" align="center"> Your subject is: <form method="post" action="mailto:ogeretla@webtv.net"> <input type="text" name="message sm text area notebook page" size="30"></td> <td bgcolor="#cccc99" align="center"> Please <a href="mailto:ogeretla@webtv.net?subject=From Notebook Page">E-Mail Me</a> Now! </td></tr> <tr><td align="center"> Page is: <input type="checkbox" name="checked_from notebook page" value="check_good"> Good <input type="checkbox" name="checked_from notebook page" value="check_fair">Fair <input type="checkbox" name="checked_from notebook page" value="check_poor">Poor </td> <td bgcolor="beige" align="center"> Your comments are: <textarea name="comment large text area notebook page" rows="6" cols="34"></textarea> © 1999</td> <td align="center"> Visits: <input type="radio" name="First" value="radio links page.">First <input type="radio" name="A few" value="radio links page.">A Few <input type="radio" name="Often" value="radio links page.">Often </td></tr> <tr><td bgcolor="#cc9900" align="center"> <input type="submit"></td> <td bgcolor="#009966" align="center"> <select name="pop_up links page" size="1"> <option selected>Page needs... <option>More info. <option>Personal stuff. <option>More graphics. <option>Funny stuff. <option>Background sound. <option>Enough already! </select></td> <td bgcolor="#cc9900" align="center"> <input type="reset"></td></tr></form></table> </center> <center><a href="dump.html">Get & customize a Page Comment Generator for your site today.</a></center> <center><a href="/cgi-bin/geoplus_apps/ans_entry">Sign Guestbook</a> <a href="geobook.html">View Guestbook</a></center> <CENTER>  <A HREF="http://www.cdnow.com/from=sr-894694"><IMG src="//gs.cdnow.com/MN/cdnow.buyweb_credit/upgrade/graphics/xswfb_468x60.gif" height="60" width="468" BORDER="0" ALT="Cosmic Weekly Sales Banner"></A>  <a href="http://www.webmillion.com/members/join1.html?referer=977301"><img src="img/webmillion.gif" height="70" width="100" hspace="10" border="0" alt="webmillion gif"></a> </CENTER> <center> <table bgcolor="lightgrey" border="4"> <tr><td align="center"> <a href="http://members.tripod.com/~ogeretla/trips.html">The Kings Banquet</a> </td></tr></table> </center> <HR> <CENTER> This page hosted by <A HREF="/"><IMG SRC="/pictures/gc_icon.gif" ALIGN=MIDDLE ALT="GeoCities" BORDER=0></A> Get your own <A HREF="/">Free Home Page</A></CENTER> </td></tr></table></center> </BODY> </HTML>