Hi, here are some instructions for making a simple web page that you can link to your advanced anime profile, or for any other purpose.
Step 1: Make an html file
You need to make a file with a .html extension on your home computer. I recommend using Wordpad.
Step 2: Basic, basic file
Write whatever you want in the file, and that's what will appear on your web page.
example: enter the text "advanced anime is a cool web site" (without the quotation marks) and save the file
Step 3: Open the file from a web-browser to see how it looks
Find the file in Windows and double click on it. Internet Explorer or Netscape Navigator should open the file, and you
will get a chance to see what the page will look like when it is out in the internet.
Step 4: use hypertext tags to make it fancy
You can make you're text a little more fancy than a normal text file with html tags. For example, if you wanted to put the word cool in the example above in italics, you're file would look like:
advanced anime is a <i>cool</i> web site
The 'i' stands for italics. You can use other fancy tags like
<b>bold</b> - bold
<u>underlined</u> - underlined
To make a line appear in big header letters, use the format <h3>header </h3>, (the smaller the number, the bigger the title size) for example:
header size 3
To make a horizontal ruler like the ones that separates the steps on this page, use a <hr> tag.
If you want the text to be centered, type in a <center> tag.
If you want to make a line brake (aka carriage return or new line), type in a <br> tag.
Making Links
If you wanted the word 'advanced anime' to contain a link to the advanced anime webpage, you're file would look like:
<a href=http://www.advancedanime.com>advanced anime</a> is a cool web site.
and it would look like:
advanced anime is a cool web site.
Inserting Pictures
The following text will insert a picture inside your document:
<img src=https://www.angelfire.com/anime4/chads_pad/images/fan/fan19.jpg>
You can make your picture link to another page or a longer page using the same <a href=> format as you did above around the tag inserting the picture.
Changing the Title Bar
If you want to specify the text that you want displayed in the title bar of the browser window, add some text at the very top of your file. The following example is the text that this page is using in order for HTML Lessons For Advanced Anime Addicts to appear as the title of this web page:
<head>
<title>HTML Lessons For Advanced Anime Addicts</title>
</head>
Setting Text and Background Colors
For some reason, I wanted this web page to be white on black. To do so, at the very top of the page and below the head tag, I entered the following text:
<body bgcolor = black text = white>
Learning More
There's tons more stuff that you can do with a web-page, but this should be all you need to know for a simple page. If you ever see something cool on another webpage that you would like to be able to do, open the source file for that page and see how they did it. It might be too complicated, or it might be something you can copy and do in your own page. For example, you can see how I made this lessons page, go to your browser menu bar and say view->source (if you're using internet explorer), and an edit window should pop up with the source file that generated this web page. If you want to learn more, try to find an html guide online that can teach you.
Step 5: Getting Server Space
Now you're going to have to get some server space so that the rest of the world can see your page. Since I've always used Angel Fire, I'll tell you how you go about getting a web page on Angel Fire.
First go to Angel Fire's main page. Follow the link on the front page that says SIGN UP. Fill out the form that appears and continue. Angelfire is free as long as you stay under 20 megabytes. You may need to alter images size or resolution in order to stay under this limit once your page starts getting big.
Step 6: Upload Files
When you have created your account at Angelfire, you can edit your home page here. Upload any html files or images or other files to your web site on this page. The file index.html will already be there with some default text. This file will be your front page, change it as you see fit. The directory images will also be there as a default place to store all your images. You can create any directory structure that you like.
I recommend that you have a mirror on your hard-drive that has the same directory structure that your web page does. Then, in your html files, use relative file path names. That way, you can write your html file on your hard drive, and not have to update it before uploading it to the web, since files on the web will have different paths than those on your harddrive.
Okay! Thats it for this short little lesson. I hope its enough to get you started. Bye - Chad Kumada
