DJ Gamerz (html)

Basics

Tables

Frames

HTML

Javascript

Fun Stuff

Colors

DHTML

Html

What do I do first? After you have picked out your Web hosting company and signed up (Yahoo, Tripod, Angelfire etc.), you need to find the advanced editor on their site. Like I've mentioned before, if you use the easy editor you will not have much freedom in creating your page. Once you've found the advanced editor you can get started with the next step (page setup). If you decided instead to buy your own domain space and use a plain text editor (Notepad for Windows, SimpleText for Mac) to make your HTML documents.

How do I set up my page? Basic page setup is easy. You can copy and paste this code into your editor and just add your own stuff in between the <body> and </body> tags:

You can see that the document begins with <HTML> and ends with </HTML>. These are the beginning and ending tags to every document on the WWW. The head tag contains the title of your page, and between the <BODY> tag and the </BODY> tag is where you put all the information that will appear on your page. Tags must always be nesting. For example, <Hello is correct, <Hello is not. Basic tags are covered in the HTML sections of this page.

If you have Windows you can also use Notepad to make your Web pages, that's what I use. If you have a Mac you can use Simpletext. Open Notepad in Windows (start/programs/accessories/notepad) and type in your HTML there. It is easiest to copy and paste the above code and add your own HTML where it says "Everything that appears on your page will be entered here." When you're finished with your page you need to save the file as "index.html." To save while you're still in Notepad click "file/save as/" and then type in "index.html" or "aboutme.html," whatever you want to name your page. Remember though that your main page has to be called "index.html." You should make a folder to put all of your HTML documents in, and save it in a place that will be easy for you to find like your desktop. You can view your new Web page even before it's uploaded to your server by double clicking on the file name where you have it saved. It will appear on your computer just like a Web page even if you're not online. You can edit this page by right clicking on it and then clicking "view source". The HTML document will come up and you can make changes there. Just be sure to save it! To view your new changes click "refresh."

If you use Notepad or a plain text editor to make your pages, you will have to download a FTP (file transfer protocol) program so that you can upload (send) your files (HTML documents, java programs, images) to your server space.

How do I add text to my page? To add text, you need to set up a paragraph with paragraph tags. The text will automatically be aligned to the left:

You put your text here

This will center your text

This will align your text to the right

This will make your text bold

This will italicize your text

This will underline your text

In order to make a line break you need to add this tag wherever you want to return to the next line: . You can use this tag to make vertical spaces between images, and it works just like the enter key on your keyboard.

How do I change the font on my page? You can change the font on your page by adding this directly after the <body> tag:

<basefont="your font name" size="3" color="#your color">

This tag will change the entire font on your page, and make it all the same size. You can change the information in bold to customize it for your site. Substituting your own color number will change the color of your font. To change the font type, replace "your font name" with the font of your choice. You need to pick a font that most other people have on their computers (comic sans ms, verdana, arial, arial narrow etc.) in order for someone to see it on your page. You can also change the font size by replacing "your color" in my sample code above. If you're concerned that someone will not be able to see your font, you can list more than one in the code. For instance, you can add comic sans ms, arial, verdana in the code (separated by commas), and your viewer will see the font they have installed on their computer. If your viewer does not have comic sans installed on their computer, but they do have arial and verdana, they would see the arial font on your page. The viewer's browser will read the code from left to right and pick the first font available, and this is the font the viewer will see. So list them in order of importance from left to right.

If you want to change the font for just a portion of your text you can override the above code by adding this code:

your text goes here

All of the text in between and will be changed, but the text before and after this tag will be the default font that you set up in the basefont tag.

How do I change the color and size of my font?You add this tag after the </head> tag, make sure you put your own text color in:

How do I change the color of my text links? You can change the color of your links from the regular blue and purple to any color you want. You can change link color, active link (alink) color and visited link (vlink) color. You just add this tag after the </head> tag, and substitute your own color code where you see bold text (if you need the color codes click here):

<body bgcolor="#000000" text="#000000" link="#000000" vlink="#000000" alink="#000000">

How do I make a text link? To make a text link add this code to your page (substitute your own info where you see bold text):

<a href="http://address you want text to link to">Text Goes Here</a>

How do add an "alt" tag to my text links? This is a really simple, neat little trick that adds a description of your link when you put your mouse over it (this doesn't work with Netscape). Try it out:

DJ_Gamerz

You just need to add this tag to your link (substitute your own information where you see bold text): title="Add the description of your link here" This is what a link with this tag added would look like:

<a href="http://your url" title="your description">your link text here</a>