Webtv user's, if you want your pages computer compatable, just use the codes that aren't marked (webtv only). Except of course, transloading.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Transitional//EN">
This tag is made for webtv, computer will have to use the 4.0 tag. Here's the one I would advise people to use.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
These tags won't work if your using frames though. Here's the document tag you should use if your using frames.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
Now you want to put in your title codes, the ones that will appear at the bottom of your page in the status bar. After your first <html>, put this in, <head><title> the title of your page here</title></head>. This will put a title in your status bar, and will appear at the bottom of the box when somebody puts them in there folder's.
Ok, now comes the body codes. They come right after your last </head>. </head><body bgcolor="?" text="?"Link="?" VLink="?">. Now you can replace the ? marks with colors you want, but to make the pages load faster you should use the hex color codes. For example would black would be #000000, and so on. For a great color converter click here. This one also has a RGB converter, which will come in real handy for banner making. When they want the rgb color codes of the banner and background. Or for a great color chart click here.
The Link="?" stands for the color you want the link to be before somebody clicks on it. You've seen this on my homepage and on the "Email for beginner's page". The VLink="?" stands for the color you want the link to be after somebody clicks on it. This is used so the person will know they've already been there. You can also have an ALink="?" if you wish. This will be the color the link will changes to when clicked on, but disappear's right after your taken whever the links is suppose to take you. The ALink is optional because webtv user's can't see it, but computer user's can.
Here's what the Meta Tags look like.
*NOTE The META NAME="AUTHOR" is optional, you can add it if you wish. In my example's and on my pages I leave them out.
These tags go between your </title> and your </head> tags. Like this: <html><head><title>Your Title Here</title><META NAME="DESCRIPTION"
CONTENT="Describe your site here the best you can.">
<META NAME="KEYWORDS" CONTENT="All key words to describe you site here."></head>
<META NAME="DESCRIPTION"
CONTENT="Describe your site here the best you can.">
<META NAME="KEYWORDS" CONTENT="All key words to describe you site here."></head>
Make sure thes tags go between your
Now let's put together what we have so far.
<html><head><title>title of your
page</title><meta pragma tags><meta tags></head><body bgcolor="?" text="?" Link="?" Vlink="?"
ALink="?" Logo="address of image">.
Now you could also add a background to your page by using the background code instead of the bgcolor code. body background="address of background" ect.
You can also put both code in to make them move diagonally. Body background="address here" xspeed="5"
yspeed="-5". Or you can change them around, xspeed="-5" yspeed="5". You can play with the number's until you get the effect you want. To view a sample of a background at work, click here.
Internet Explorer's can use this code.
Webtv user's can hear both, but you should use the <embed src one because the internet explorer can now use both of them. But if you want to make sure use both codes.
slideright, slideleft, slideup, slidedown, wipeup, wipedown, wipeleft, wiperight, wipelefttop, wipeleftbottom, wiperightbottom, wiperighttop, and blackfade (not very impressive),spininout,spinoutin, (the last 2 are for the plus units only)
Now this will go right after the Logo="address of image", like this <body bgcolor="?" text="?" Link="?" VLink="?" ALink="?" Logo="addresss of image" transition="wipeleft"> You can put any
transition you want.
There is also a default FONT which I like to use. It's called <"Basefont size="?"> and what this does is set the font size on the page to the size you picked unless otherwise told to.
There is also another default font tag, and it's:
Here you would replace the ? mark with "small", "medium", or "large". PC user's can go larger, but these three are the only 3 that I know work with webtv.
This one is widely used in HTML only built pages. Most professionally made pages use CSS.
Ok here's a some the the more comon one's, but there are more.
Sans , San-Seriff, Comic Sans MS , Comic Sans MS Bold ,
Courier , Courier New , Courier New Bold , Couirer New Italic , Courier New Bold Italic
Times Roman, Times New Roman , Times New Roman Bold , Times New Roman Bold Italic
Verdana , Verdana Bold , Verdana Italic , Verdana Bold Italic
As you can see, H1 is the largest, and H6 is the smallest. You close them with a </H?>.
You can also add images anywhere you want. Remember, to make the pages load faster you should use height="?" and width="?" to all your images. The align right, and left will help you putting your images in.
If you making tutorial pages and want to show < > brackets. webtv can use use 3 different codes, one is <<>HTML<>>, This will have to be done around every code that you want viewed. Another is <xmp>All the codes you want viewed here.</xmp>, The last on is <plaintext>All your codes here</plaintext>. The first 2 will be seen by most computer's, the last one will show everyting after you first <plaintext> all the way down your page while viewed by computer's. Everything, all your codes Everyting! The next way will probably take longer but will be computer and webtv compatable. <HTML> , a < = < and a > = >. These brackets are computer compatable, so if you have friends you want to impress friends with computer's with your tutorial webpage, this is the one to use.
You can also using <P> or the <BR>'s to add spaces in your webpages. And most of the stuff on the email for beginner's pages will work in your webpages.
Now you can add whatever you like. A banner would be nice on top. A good and simple place to make one is "Flaming text", it's easy to use. Lot's of different kinds to choose from. And it's free. I made the one above there. To go to there site click here. Or ZyGrapics is another great place to make grapics, and real easy, click here. If you're going to be real outgoing you might want to look into meta tags as discribed a at the top. These go inbetween the head tags, and will discribe you're site when you put it in a search engine. If you want alot more info on them click here. And then you'll want to post your site in search engine's, for a great site to register your's click here.
Making an image link, (pc compatable), <a href="address where you want to go"><img src="image address" height="?" width="?" alt="?" border="?"></a> Make sure you add the border, even if it's "0" or a box might show up around the image, webtv user's won't see the box, but pc user's will.
Now remember to put the </body></html> at the bottom of the page.
To make an image link:
The no_signature=true' will make the email pc compatable, including AOL by taking out the HTML. And the border="0" will make it so there's no box around the image, webtv user's won't see it.
If you have a colum of words or list of
words you want to put one on top the other,
and want them centered. You do not have to
put a <center> words here </center>
on each set of words. Just put one
<center> before the first one on the
list, and a </center> after the last one
on the list. The list will be centered from
the top one.
To make these transloader more convienient to use you should assign the one your going to use to one of your "F" Key's. This will make it much easier to access and the address of the image or sound your going to transload will already be in the address box, so you won't have to put it in. (instructions are on my HTML for Beginner's pages)
First, here's a list of FTP's for most of the
free server's. If you wish to visit the server, or open an account there, just click on the "Click Here" after the FTP's.
Angelfire: ftp.angelfire.com Click Here
Although this tutorial will cover 99% of the transloader's out there. let's use the domania
/freeloader transloader, I like it because
it doesn't have any size limit like the star
blvd does. I also like to use Transloader.com. This Tutorial probably matches those 2 the most.
Now for just for learning purposes let use
this image from my graphics page, click here. It's a picture of
a wizard. You should know by now how to
get the address, when viewing a graphic,
click your "goto" button, or "options" then
"goto". Then click the "Show last" button on
the pop up screen. Hopefully you can all
cut,copy, and paste now. If not, write the
address down EXACTLY! But for this lesson,
here's the address:
"http://wtv-zone.com/TheKid/pictures/wizard.
gif"
Here's and example of what you will see on
the transloader page.
On my transloader the top line, "homepage URL is not there, so don't worry about it.
1.The first line or box say's "Homepage URL".
You can leave this one blank.
2.The second line say's "File to be copied",
This is where you put the address of the
image or sound you want to transload.
So in our lesson the address would you
would put in there would be:
http://wtv-zone.com/TheKid/pictures/wizard.
gif,
It might show the addess of where you
have just been when you get to the
transloader. just delete it and put this one
in.
3.The 3rd line say's Remote FTP server, this
must be filled in. Your FTP should be on the
list above. An example would be ftp.angelfire.com, this one is for angelfire of course.
4.The 4th line say's "User Login". This is
the
same login as you use to get into your
website.
5.The 5th line say's "Password", again, this
is
the same as you would use to get into your
website.
6.The 6th line say's "Subdirectory if any",
this is optional. If you have a subdirectory
like "images" you want to put it in, that's
when you use this line. You would put in
"/images", or "images", without the " " marks of
course.
7.On the last line if say's, "New Name for
File". This is required, you can name it
anything you want but it must remain jpg or
gif, if it's a jpg or gif on the end. For
this lesson let's put "wizard1.gif", without the
" " marks of course.
Ok, now if you want to save your log in information on this transloader, go to the bottom of the page, where it say's "save cookies" click "#1". Now the next time you come back to ths transloader, you can click the "#1" - Load cookies at the top of the page and your log in information will appear automatically, this will save you time when your transoading. The transloader on my page has "save" button too, that will save your information for you also. To save your information on the star Blvd transloader, you have ot click the "save" button below the "transload" button.
The next step is to just pick one of the
buttons on the bottom and that's it. You
should be transferred to the next page,
where, if you did everything right. It should
say, transloading complete, have several nice
day's. Now that's not so hard is it?
If you do use the
Starblvd trasloader, you just need to
fill in
the same lines. Target account is your log in
name, target password is your password.
Rename file is the same. Source is the
address of the image or sound to be
tranaloaded. If you put the Star Blvd transloader on one of your "F" Key's, you have to click the tear drop to get the address to show up after yo click your "F" Key. But the sound file address should show up when you click your "F" Key. You can ignore the rest of the
lines that are there that you didn't use
here. Then click the transload button and
your on your way.
There's an inhouse transloader on Angelfire under the webshell that you can use.
Again it is very important that EVERYBODY TRANSLOADS. It cuts down on bandwidth for people who have the graphics or music on there page, and will make your pages and emails load faster.
To print this out click here. Or if you wish to see some more click here.
META PRAGMA TAGS
If your going to have a site that your going to update from time to time you should use these tags. That way if you update your site the person viewing your site will not have to reload your page to get the new updates you have made, "They clear the cache for the page". They go right before your meta tags, like this.
</title><META PRAGMA TAGS><META TAGS></head>ADDING A LOGO
The next thing you will probably want to add in the body code is a logo code. This will put a picture when somebody puts your site in there folder. First you have to find a picture you like or graphic and get the addess. Then it goes in the code like this, logo="address of
image">.MOVING BACKGROUND
If your going to use the background code, you can make the
background move. This works only on webpages, here's how it's done. You can add xspeed="?" or yspeed="?" to your background code. Body
background="adress here" xspeed="?" yspeed="?". Replace the ? mark with a number, 1 to 100. An xspeed="5" will move the background to
the right, xspeed="-5" will move the background to the left. A yspeed="5" will move the backgroud down, yspeed="-5" will move the background up. ADDING MUSIC
Ok, not so hard yet is it. Now let's add some music. This does not go in the body code so you have to start a new code. All codes will go in between < > these brackets. We use the same codes as we did for emails. So find a song you like and get the address. All images and music or sounds should be transloaded. The code I like to use is the bgsound code. So let's add that to it. <bgsound src="music address" loop="?">. This goes right after the Logo="image address">. Like this, <html><head><title>title of
page</title><meta pragma tags><meta tags></head><body bgcolor="?" text="?" link="?" Vlink="?"
Alink="?" logo="?"><bgsound src="address of song" loop="?>PC USER'S
Netscape user's can use this code for music on there webpages.
<embed src="song address" autostart="true" hidden="true" loop="?" volume="100%"> Replace the ? mark after loop= to "true" to make it play over and over, or just put a number in there, like 3 for example. The hiddin="true" will stop a window's box with stop and play button's from appearing.
<bgsound src="address" autostart="true" loop="?" height="0" width="0">
You can replace the loop= with "true" or a number like above. The height and width ="0" will make a little windw's box with stop and play button's from appearing.
<embed src="address" autstart="true" hidden="true" loop="?">
<noembed>
<bgsound src="address" autostart="true" loop="?" hieght="0" width="0">
</noembed>TRANSITIONS CODES
To make your webpages turn or slide, use this code in your body code: <body transition="?"> Replace the ? mark
with one of the codes below:PUTTING INFORMATION IN THE INFO
KEY
Ok, you seen this on my intro page, where it say's, click the info button for more information. Well here's how that's done. First you need to make a page for your instructions, make sure you put everything you want on it. If you want to make a credit page, you do the
same thing.
Now in the body code put this:
instructions="address of your instructions page" credits="address of your credit page">, Now when people click the info
button they will have those options. If you don't want a credit page, you don't need to make one. I put my updates on the instructions page.FONTS
Now let's talk about fonts. These can be very usefull on a webpage. <font size="?"> at the top of your page, and a </font> at the bottom can make the text any size you want. I'm using
size "4" right now. The sizes are 1 to 7, and must be inbetween your html tags.P>
But these can also be used anywhere you are writing to change the size. You can also change color by using this code: <font
color="?"> words here</font>, or you can put both together. <font size="?" color="?"> words here </font>.
In other words if you put <basefont size="4"> The font size would always be "4" unless you changed it by using a <font size="?">, but would return to font size "4" after you put in the </font>. Like this for example <basefont size="4"> at the top of the page will make your page font size "4", in the page somewhere you put in <font size="6"> words here </font>, now the words would go back to font size "4". Since this tage geos at the top of your page, and is a "default" tag, it doesn't need a closing tag, or </font>
l This tag goes in the body tag, and has no closing tag. Like this:FONT EFFECTS
You can also add effects to your fonts. There EMBOSS , RELIEF , and SHADOW. Just add them to your fonts like this: <font size="?" color="?" effect="?">.FONT FACES
Ok, we've talked about font's, well if your making a page you should use a font face. Webtv user's don't really have to worry about it. The webtv browser only has one they will accept: Helevetica. But computer user's can see different types of fonts on there brower's. You should usually use more than. At least 3 or 4 or more, if the computer doesn't recognize one it will go to the next. There installed like this: <font size="?" color="?" face="?">, or <basefont size="?" color="?" face="?">. You don't need to put the color in if your going to use the same color as you picked for the text color in the body code. Ok here's an example, <font size="4" color="white" face="Helevetica, Arial, Times Roman, Sans, Courier">, don't forget the >/font< after your done using it! Font faces should also be used anytime you use a <font="?".
Arial , Arial Bold , Arial Bold Italic HEADING TAGS
You can also use heading tags <h?>words here</h?> the number's go backwards for this code with
H1
H2
H3
H4
H5
H6
ADDING SPACES AND SHOWING BRACKETS
Ok, adding space's to your webpages. First, webtv can add space's by pressing the ALT-KEY and THE SPACE BAR at the same time. Some computer browser's won't be able to see this though, so if you want to add space's that are computer compatable, use these. . This will add one space to your paragraphs, if you want to indent more, use 2, or 3 , ect.ADDING LINES
You can also add lines in your webpages,
Like these:
<hr> Is the code for a line, <hr size="4" width="40%" align="center"> is the code for the first line. <hr width="80%" align="center"> is the code for the second line. These can come in handy from time to time.ADDING HYPERLINKS
Now if you want to add a link in the middle of your paragraph, like I just did. Use this code. Bla, bla, whatever your writing<a href="address of where you want to go">click here</a>. When you're done the click here will be right there in the color's you chose as your link color. If you got the address right it should take them there when they click on it.EMAIL LINKS
To make email link (computer compatable) use this code:
<a href="mailto:yourname@whatever.whater?no_signature="true">Email Me</a>
<a href="mailto:yourname@whatever.whatever?no_signature=true"><img src="image address" height="?" width="?" alt="?" border="0"></a>MAKING YOUR PAGES LOAD FASTER
Transloading is the best way to make your webpage's load faster (this only works on webpages). Once you've
transload your images, and sounds to your
webpage, get the addresses for use. The trick
here is you don't have to put the total
addres into the codes. Like a banner code for
the top of the page. You would probably use
<img src="http://addresss/banner.gif"
height="? width="?">, well to help make the
page load faster, all you would have to put
in is <img src="banner.gif" height="?"
width="?">. Or if you're using a
subdirectory like /images/banner.gif. Then
just add the <img src="images/banner.gif"
height="?" width="?">. Another thing that
will make the page load faster is to make
your banner's small, then use height="?" and
width="?" to enlarge it. It doesn't take up
as much room when you transload it either.
You can also take the images you already have
and have them resized. Make them smaller,
this will increase load time in your
webpages, and email.
TRANSLOADING
Ok, I've been getting emails and seeing alot
of post about people who don't know how to
transload. Well let's try to go through it
step by step. This is for the free server's
ONLY! You cannot transload into your email, or pagebuilder. If your using the page builder you must
use and uploader, try Here.
CrossWinds: ftp.crosswinds.net Click Here
FortuneCity: ftp.fortunecity.com Click Here
FreeSpeech: ftp.freespeech.org Click Here
GeoCities: ftp.geocities.com Click Here
GeoCities/Japan: ftp.geocities.co.jp Click Here
NetTaxi: ftp.nettaxi.com Click Here
PhotoPoint: ftp.photopoint.com Click Here
TalkCity: home.talkcity.com Click Here
TheGlobe: ftp.theglobe.com Click Here
Tripod: ftp.tripod.com Click Here
WebJump: ftp.webjump.com Click Here
Xoom: ftp.xoom.com Click Here
InternetTrash: ftp.internetTrash.com Click Here
Now let's take a look at the line or boxes
on
the tranloader.
This page ©: copyrighted by "TheKid" 2001,
all rights reserved