How To Make A Web Page
Here are a list of categories to chose from to make a page.
If you don't know how to start I would recommend you chose the introduction.
Introduction
Do you want to make a web page like this and my other pages?
If you do not have an editor I would recommend that you go get an editor. If you want to practice making a page with out getting an editor you can. All you will need is a basic writing program like Microsoft Works. The way I know how to make web pages is by using the popular HTML codes. HTML stands for Hyper Text Markup Language, which is just a type of code that the computer understands. On this page I will show you what commands you will need and show you examples. This is the end of the introduction.
Basic Html Codes
Here I will show you how to do basic Html Codes.
1. <HTML> - </HTML> = The fist code you must know is <HTML> this code will tell your computer that you want to use HTML on that page. This code should go at the start of your page. The end of you page should have the code </HTML> to tell the computer you are done with the page. If you have a html editor then it will probably put the <HTML> and </HTML> code on your page already.
2. <Title> - </Title> = The second code you should know is the <Title> code. This code tells your computer what you want your page will be called. It will be shown at the top of the screen in the Title Bar where maximize, minimize, and close buttons are. When you do the code you fist put <Title> NAME YOU WANT TO CALL YOUR PAGE </Title>. If you have a Html editor it may give your page a title, not all the editors do this though.
3. <Body Background="Background"> = The third code is to give your page a background of some image. To make a background with an image you first need to get yourself an image you want to use. After you have and image you write out the command like this <Body Background="NAME OF YOUR BACKGROUND.THE IMAGE TYPE">. Make sure that you put the correct file type of your image after the . in the command. Some of the file types are jpg, bmp, or gif. If you have an editor there probably is a easier way to do this command without typing it out.
4. <Body Bgcolor="Color"> = This code is almost the same as number three except you will chose a color for the background instead of an image, like on this page with the black background. To do this command you will need to know what color you want for your background. To do this command type <Body Bgcolor="COLOR YOU WANT">. You can do most colors by typing out the name of the color you want like black, red, blue, green, orange, teal, fushia, silver, etc. You may also see color as #, numbers, or F together. That is a way of saying the color you want with symbols so that you can mix colors to create one color.
5. <H1-H6> - </H1-H6>= This code is used to write out words. The H1-H6 are different sizes of words that you can make your letters. To do this code you fist pick a size you want, you can play around with this to see the different sizes. Here is an example of how you do the code <H2> YOUR WORDS GO HERE AFTER STARTING MARK AND BEFORE THE FINISHING MARK </H2>. When doing this code make sure to put the finishing mark </H1-H6> on the Html script. If you have a Html editor there is probably a easy way to do this.
6. <Body> - </Body> = This code is used for writing out really long amounts of words. To do this code you write <Body> THIS IS WHERE YOUR LONG AMOUNTS OF WORDS GO. </Body>. Make sure that you have both the starting and finish marks.
7. <Font Color="COLOR"> = This code is a good code to use when writing words. It will change the color of your words. To do this code you will need to chose a color. You do this code after you either put your body or h1-h6 starting mark and before you start writing your words. The code will look like this <Body> <Font Color="COLOR YOU WANT"> YOUR WORDS </Body>.
8. <Font Face="FONT YOU WANT"> = This code is used to change your font. You put this command after your body or h1-h6 starting marks and before your words. You must also know exact name of what font you want to do this. When you do the command it should look like this <Body> <Font Face="Times New Roman"> YOUR WORDS </Body>.
9. <B> - <U> - <I> = These codes are used to change your words to either bold, underline, or italic. You use this code after you put body or h1-h6 starting mark and before you start writing your words. You only need to chose one of the codes though. <B> makes your words bold, <U> makes your words underlined, and <I> makes your words italic. Your code will look like this <Body> <U> YOUR WORDS </Body>.
10. <P align="RIGHT,LEFT,OR CENTER"> = This code is used to make your words aligned different ways. You can either choose to align your words right, left, or centered just like in a writing document. You do this code after you put body or h1-h6 starting marks and before you put your words. The code will look like this <Body> <P align="Center"> YOUR WORDS </Body>.
11. <IMG SCR="PICTURE.FILETYPE"> = This code is used to put either animated pictures or regular pictures on your page. When you do this code you need to make sure you know what type of file it is and put after the . in the command. Some of the types of files are gif, jpg, or bmp. If you want your image animated you will either need to get a animated picture or create your own animated picture. All animations are the file type of gif. To do this code you type <IMG SCR="PICTURE NAME.FILETYPE">.
12. <A HREF="WEBSITE"> = You do this command to make a link to other web sites or pages. To do this you must know the exact name of the site. When you write out the code it should look like this <A HREF="http://www.oocities.org/TimesSquare/Ring/3404/index.html"> YOUR WORDS THAT YOU WANT TO CALL THE LINK </A>. When doing this make sure you have both starting and finishing marks.
Advanced Html Codes
1. <A HREF="WEBSITE"> <IMG SCR="IMAGE.FILETYPE"> </A> = This code is how you make your link into a picture link. You first must have a picture you want to use and know the exact web site you want it to link to. Make sure you put the type of file you image is after the . in the command. Some of the file types of images are bmp, gif, or jpg. When doing this code it should look like this <A HREF="WEBSITE"><IMG SCR="IMAGE.FILETYPE"></A>.
2. <A HREF="mailto:YOURMAILADDRESS"> = This command will put make a link to your e-mail box so that people can write to you. When doing this you can also make it a picture link (see number 1 on advanced html on how to make a picture link). You make use this command by typing <A HREF="mailto:YOURMAILADDRESS"> WHAT YOU WANT THE LINK TO BE CALLED </A>.
3. <Marquee Behavior="Alternate">WORDS</Marquee> = This command will make your words bounce across the screen. When doing this make sure you do not write to many words or the effect will not look were well. When doing this command make sure you remeber to put in the finishing marks. To do this command you write <Marquee Behavior="Alternate'> THEN WHAT YOU WANT TO WRITE </Marquee>.
4. <Marquee>WORDS</Marquee> = This command will make your words scroll. This command works best with a lot of words or sentences. To do this command type <Marquee> THE WORDS YOU WANT TO WRITE </Marquee>.
5. <Bgsound SCR="SONG.FILETYPE"> = This command will play a song in internet explorer. On this command you can make it play how ever many times you want by adding loop=NUMBER YOU WANT TO REPEAT after the song and before the last > in the command. Make sure you know the type of sound file it is like wav or mid. The command will look like <Bgsound SCR="SONG.FILETYPE" Loop=NUMBER YOU WANT TO REPEAT>.
6. <Embed SCR="SONG.FILETYPE"> = This command will play a song in netscape. On this command you will need to put this file type after the . in the command. The sound file types are either wav or mid. The command will look like this <Embed SCR="SONG.FILETYPE">.
7. Radio Buttons = This is a long command that will take a lot of typing. It will make a radio button. If you are not sure what a radio button looks like, well here is one --> . These buttons allow you to click on them to make a selection for a survey or something of that sort. Here is how you make a radio button <DL> <DT> <BR> THE QUESTION YOU WANT TO ASK <BR>
<DD> <input type=radio name="1" value="1"> ANSWER <BR>
<DD> <input type=radio name="1" value="2"> ANSWER </BR>
</DL> </DT>. When doing this code make sure the only thing you change is the question and the answers. You can have as many buttons as you want, but each time you add another button and answer change the value number up one like I did on the above part. Some editors may do things like this which will save you a lot of time.
8. Pull down bar = This command is also another long command. If you do not know what a Pull down bar is, it looks like . This is also used for a survey or if you know how it can be used as links. The command looks like this QUESTION <BR>
<Selected Name="QUESTION">
<Option> ANSWER
<Option> ANSWER
</Selected>. You should only change the questions and answers.
What Editors Are Good
I would recommed that if you want a really good editor to get the free Front Page Express Editor from Microsoft.com. It make take a little bit to find, but if you can get it is worth the time spent finding it and downloading it. There are also a large amount of other good editors also, I am just not sure of there names though.
Thank you for viewing my page and I hope that it helps you out. If you are wanting to put your site up for free there are a few places that will let you put up your site on there internet spots. Some of those sites I know of are Geocities.com, Tripod.com, Angelfire.com, and more. If you also have AOL you can get your own for free from there. If you have any questions E-Mail me and for the subject put HTML HELP. I would be glad to anwser any questions I can.