tutorial

Starting

Now, when you start on a website you need to choose what you want to use to make your website. There are a multitude of
different programs that can be used to build a website. You can use specialized programs that can be found on the internet such as Netscape Composer or use programs that are already on your computer such as Notepad. If you use Netscape Composer, the process is pretty self explanatory, just push buttons until something happens and you'll learn. However, if you use a program like Notepad, the process will be a little more complicated then that. When you make a website with Notepad, you are writing in Html Code, which is a language used to communicate with the programs. Now lets start building a website with Notepad.
To begin, you need to make a few things on your document. Copy this down on what you constructing your website with.
<HTML>
<HEAD>
<TITLE> Name of the web page here </TITLE>
</HEAD>
<BODY>

Everything that will be in your website goes here...

</BODY>
</HTML>

You have just completed the basic outline of your website.

Background

Right now it isn't very...err....interesting. All it is is a blank page with a title. Let's add a background . To add a background, where
<BODY> is, put bgcolor="#66ffff" so it looks like this
<BODY bgcolor="#66ffff">
Now your website should have a solid color in the back. The #66ffff can be changed to make different colors. There's a chart of them on here.
If you want a picture as your background, instead of putting the bgcolor="#xxxxxx" there, you can put
background="picturenamehere.picturekindhere" So if the name of the background image is rinoa and the type is jpg and you wanted to use it
as a background you would do
<BODY background="rinoa.jpg">
You can also have a background color and an image. If you do this, there will be a background color while your image loads. To do this,
place the background="picturename.type" in the body tag and after it place bgcolor="#xxxxxx" so it looks something like this.
<BODY background="rinoa.jpg" bgcolor="#66ffff">
Also, if you want it to make your background so it's stationary and won't move when people scroll on the page, add this to the tag.
<Body backgroud="rinoa.jpg" bgcolor="#66ffff" bgproperties="fixed">
Now you have a background on your website.

Putting Text On

To place Now let's put some writing on the website. You should set up your writing with paragraph tags around them, which look like this
writing here
These tags will automatically align the text to the left. You can use different tags to align them in different places.
texthere This will place the text in the center
text here This will place the text on the right
Also, if you want to put coding on your text so people can see it, you can use the <xmp> tag.
<xmp> codinghere </xmp>

Now continue onto the next part...

Back to the top