ogeretla's |
~ Simple ~ |
H T M L |
Home Page Building |
For Webtvers |
To begin with you should have read the preceding pages Simple HTML Home Page Building, Web Tools Introduction and HTML Codes so you will have a basic
understanding of how this all works. If you have not done so
click on the one(s) you haven't read and start there. If you have completed those click on and assign the Links & Tools Page to one of your F Keys now if you don't already have it assigned to one. If you don't
know how to asign a page to your F Key the instructions are on
the Web Tools Introduction page.
NOTE: Anytime you work in a write area where you can edit like an email write screen, the "Sig In A Box," a web page editor or any forms textarea if you don't have your text setting on "small" you may run into problems with things not working due to "ghost spaces" that you won't be able to "see" with your text setting on "medium" or "large." This hold true for both typing and cut, copy & pasting. One my most frequently asked question is, "Why wont this work" and the answer usually is, "because you had your text setting on 'medium' or large when you pasted it."
~~~~~~~~~~~~~
To put your text setting on "small" go to your webtv homepage. Click on "Settings." Then the page that takes you to, click on "TEXT." Then the page that takes you to click on "small." Do this BEFORE you build your sig.
~~~~~~~~~~~~~~
This Index is placed here for a quick jump when
you need to return for reference.
These are the very basic HTML codes you will need to learn to put links, images, backgrounds and sounds on your
Home Pages and in Webtv E-mail Signature Boxes. For you Webtvers
the E-mail sig(nature) box is a good place to practice and you
can see instant results and it's very easy to change.
All Home Page and Sig Box codes (commands) will basicly look like the following. They are not case sensitive and can be written in
CAPS or lower case or a ComBinAtIoN of both.
URL, gif & jpg, link. URL means Uniform Resource Locater
and is the same as the address of your house. It is the address
(addy) and allows the browser to search for a specific site to go to. They begin with http:// URLs ARE case sensitive and where a
capital letter is displayed it must be written as such in your
address. GIF & JPG are simply two formats of images.
Sometimes you may see jpg written as jpeg. Link is highlighted
text or an image you can click on to take you to another
location.
NOTE: It is very important when writing and checking codes that spaces are included where needed like between IMG & SRC and
A & HREF as shown in the examples below. Equally as important is
the inclusion of every single " quotation mark. The omission of a single quotation mark may make your code not work and some
computer browsers will not render it. Also be attentive not to
put any spaces when none belong. Always check you have a lesser
than and greater than sign <<> > at the beginning and end of the command.
These will be the same as the Home Page codes with the exception
there will be no <<>HEAD> <<>/HEAD> or <<>TITLE><<>/TITLE>
tags.
Under no circumstances do you EVER use more than one set of HTML
tags per page be it on a web page or in your sig box.
Note: It is not necessary to put all these codes on different lines with spaces between them and in fact some
computers make an entire page of codes and text like one long
continous sentence in one large paragraph. We put them on
different lines for editing purposes so we can more easily tell
where and what the codes are.
<<>HTML>
Changing the color of your e-mail background and the color of the text is controlled within the <<>body> tag. This controls the color of the text in your permanate sig box AND the text in each e-mail you write. You can change the following colors to whatever suits you. Just be mindful to use colors that contrast well to make the text easly readable. To make a beige colored e-mail background say with black text the codes would now look like this:
<<>HTML>
If you want to add a body background (BG) image (gif or jpg) and
it's a beige color and you want black text, you should also add
the bgcolor code to be beige also in case your image doesn't load the page will default to the beige color and your black text will still show up against a beige background. In other words always
set your bgcolor at or very close to the same color as your
background. Another reason for that is you may have black boxes
showing where you put your address and where you type and if that is black and your text is black you won't be able to see it. Even though that shows while your writing your e-mail it won't show up to the person you send it to or in a post. Under those
circumstances it will all show as beige. So now your sig box
looks like this:
<<>HTML>
Now we add a text link, image, image link and sound code. You may put the sound code anywhere within the body but if you will put
it just before the <<>/body> tag it will make your page load
faster by allowing all the text and images to load before it
starts loading the sound.
<<>HTML>
We'll build you a simple E-Mail Sig in the Sig In A Box below
with:
I have already put the above codes you will need in the Box. You
can then simply click on your choice of bg, image and sound and
copy the URL from its source and delete the URL in the Box and paste the correct URL in. We will be using all our material from WebTVŠ Friends Links who provides them for Webtvers to link to or Transload to our Web Page Files. Thanks WebTVŠ Friends.
NOTE: We are using the line break <<>br> and paragraph
<<>p> commands we learned in the HTML
Table. You can build your Sig here in the Sig In A Box and when you are through test it by clicking on the "Test" button and when you have it like you want it you can simply copy it (by using "Cmd"+"A" to highlight it all and "Cmd"+"C" (to copy) and paste it in your Sig Box. I'll let you pick a background, image and sound and teach you how to find anything else you want to add to or change using the Links & Tools Page.
All of the bgs, images and sounds are from WebTVŠ Friends Links and are permissible to link to. NOTE: Don't link to anything that it does not give you permission to do so on any page, or without asking the site webmaster if it does not. You may use the links provided below to practise getting your images and sound with and or you may go directly to WebTVŠ Friends Links for a large selection of bgs, images and sounds of your choice via a direct link provided with each group of listings in an invisible table.
Entire contents here.
<<>/HTML>
<<>BODY BGCOLOR="beige" TEXT="black">
Entire contents here.
<<>/BODY>
<<>/HTML>
<<>BODY BGCOLOR="beige" BACKGROUND="URL-of-image"
TEXT="black">
Entire contents here.
<<>/BODY>
<<>/HTML>
<<>BODY BGCOLOR="beige" BACKGROUND="URL-of-image"
TEXT="black">
<<>A HREF="URL">Any text here<<>/A> (text link)<<>BR>
<<>P>
<<>IMG SRC="URL"> (image)<<>BR>
<<>P>
<<>A HREF="URL"><<>IMG SRC="URL"><<>/A> (image link)<<>BR>
<<>BGSOUND SRC="URL"> (sound)<<>BR>
<<>/BODY>
<<>/HTML>
SIG IN A BOX |
Expires: |
INSTRUCTIONS: For full details on how the editor works click on
the "Info" Button on it (be sure and read the "Credits" while there. NOTE: When you are done and click on "Test" what you will see is a full width web page of 544 pixels. The width of the e-mail and post fields are 400 pixels wide but this will give you a VERY good idea of what it will look like only a litte narrower.
All capitals in the Sig In A Box must be deleted and filled in with the proper information. Every time you add or change something make sure you hit the "Tab" key (or "Scroll Down" key) to jump the cursor out of the text area and click on "Save" before going to the next step. Anytime you return to this page after you have previously "saved" information in the "Sig In A Box" be mindful to always click on "Recall" before making any new changes.
STEP 1 ~ Click on the bg (background) link of your choice below.
Hit your "Go To" key. Click on "Show Current" that will make the
URL (addy) appear in the text area. Hold down the "Cmd" (command) key and tap the "A" key and that will highlight the URL. While
still holding down the "Cmd" key tap the "C" key and you will
hear a little clicking noise and that means you have the URL
copied. Hit your "Back" key once to pull the popup screen down and once more to return to this page. You can click on the "Sig
In A Box" link to quickly jump back up. Go to the "Sig In A Box" and in the bgcolor="DELETE" delete the caps and type in an appopiate color, in the body background="URL" tag delete URL
leaving the quote marks and hold the "Cmd" key down and gently
"tap" the "V" key once to "Paste" the proper URL in. In the
text="DELETE" delete the word DELETE leaving the quote marks and
add a color of you choice. Black will show up best in these
examples but experiment with different colors if you'd like.
If you prefer just a colored bakground with no image simply
delete backgroud="URL" and put the color of the background you'd
like in the bgcolor="DELETE" atribute. When you get through in
the body tag type your name in the signature then go to Step
2.
fish.jpg | pooh.jpg |
WebTVŠ Friends Backgrounds | Sig In A Box |
STEP 2 ~ Click on one of the images below and obtain the URL in
the same manner described in the above examples, replacing the
URL with the proper copied one. We will be using the center tags
to center the images we learned in the Simple HTML Table.
candle2.gif cupids.gif |
dolphin.gif
comfrog.gif |
WebTVŠ Friends Links Images 1 | Sig In A Box |
Delete the capital letters "I LIKE IKE!" and replace them with the message you would like to see scrolling across your e-mail sig.
STEP 4 ~ Click on one of the images we will use for a clickable
e-mail image. Obtain the URL in the same manner as described in
the image section above. Delete URL in the img src (image source) tag amd "Paste" it there. Next put your e-mail addy in the a href (anchor reference) tag. This will be one of the few times a URL
will start with something other than http://. In this instance we will use MAILTO: followed by YOUR E-MAIL ADDRESS so make sure you delete and change ALL the capitals in the tags including your
addy.
e-1.gif e-mail.gif |
emailed.gif
animfrog.gif |
WebTVŠ Friends Links Images 1 | Sig In A Box |
STEP 5 ~ NOTICE: Getting the URL of a sound is a little different than getting one of a page or image. Click on one of the sounds
(midi) below. While it is playing and the title of it appears in
the status bar at the bottom of the screen and a little
audioscope is showing in the lower right hand corner of the
screen hit your "Go To" key. Click on "Show Last" (not "Show
Current"). Then "Cmd" + "A" then "Cmd" + "C" then hit your "Back" key to get the popup down and then go back to the Sig In A Box and delete URL in the bgsound src="URL" and "Paste" the addy of the song there.
intheairtonight.mid | candle.mid |
addams.mid | brwneyeg.mid |
WebTVŠ Friends Midi Page 1 | Sig In A Box |
STEP 6 ~ When you have your Sig built in the Sig In A Box click on "Save" then "Test" to see the final results. Use your "Back" key to return to this page. When you have it like you want it use "Cmd" + "A" to highlight all the text and codes then while holding down the "Cmd" key press "C" (you will hear a little clicking noise) to "Copy" it then go to your sig box. You get to your sig box by going to your mail list and in the info bar on the left click on "Settings." The page that takes you to click on "Signature." If you have anything in your sig box use "Cmd" + "A" to highlight it all and "Cmd" + "Delete" to delete it all. Even though you think it's empty always hit the "Delete" key by its self until you hear a thump, thump noise to insure you paste in the very first space. Then use "Cmd" + "V" to "Paste" it and click on "Done" and be sure to click on "Done" on the second page that will take you to. Enjoy your new sig.:)
Be aware that recently Tripod, Geocities and many, many other free hosts have, due to bandwidth theft costing them so much money, stopped our ability to steal thier bandwidh and link to their image and sound files. So for those of you that don't have a web page to store your own files will have to look for a site that allows, and gives permission, for a linkage to their image and sound files. WebtvFriends whose links are used on this page allows direct linking to images and sounds. For a site of links to sites that allow you to direct link to MIDI files (sound) click here. |
After you have your sound done on THIS page you can find more advanced codes for sound files here. If you want "music with words" (ram files) they SHOULD NOT be used in emails or on web pages! Read this about Ram Fiiles. I WILL NOT answer emails about "Find me the code for Dr. Dre." Due to the large amount of rude emails I will have to limit my answers to those that say please and or thank you.
To find other music use the search engines and links under "Audio Search Tools" in the "Index" on the Links & Tools page.
You may use the "Test Bed" below to experiment with any codes before you add them to the "Sig In A Box." It has no "save" feature so use "Cmd" + "A" then "Cmd" + "C" (to copy) before testing your code because when you hit your "Back" key after testing the code will be gone so you can just use "Cmd" + "V" to paste it back if you wish to alter it some more.
news:alt.discuss.clubs.public.html.help.knockmedown-
Congratulations to those of you who have just made your first
successful copy and paste to produce a Sig! The next step is a Web Page. You are on your way to building a Home Page. Isn't this fun?
If you'd like to make multiple sigs to change off you can store your sigs in your email and easily store and change them by copying and pasting.
When you paste your sig codes in your sig box simply go to your email and address one to yourself. In the "subject" name your sig so you'll recognize it (example: Flowers Sig) then put your cursor in the write area and hit your "Return" key once and "Cmd" + "V" to paste your code then send it to yourself.
If you want to "see" the sig you're saving when you open it leave your sig in when you paste the codes to send to yourself. If you want to not see the sig click on "Remove Signature" before you send it. Doing it that way will save file storage space.
Open the email you send yourself and click on "Save" and your sig codes will be stored in your "Saved Mail" list. To retrieve it go to your list and click on the sig you've saved. Hit your "Find" key and type in
Page In A Box - Page 5
BACK TO:
Simple HTML Table - Page 3
INDEX
LAYOUT
EDITOR
EMPTY
news:alt.discuss.clubs.public.html.help.warp-speed
Various Codes - Page 6
Links & Tools Page
Page Comment Generator
Web Tools Introduction - Page 2
Simple HTML Home Page Building - Page 1
If you've been helped
or enjoyed this page.
Any comments or q's
feel free to...
SIGN BUEST BOOK
E-MAIL ME
The Kings Banquet
Get your own Free Home Page