First of all
Getting ready


Homepage-making "tricks"
The rules of the world of homepages


 Basic "tricks" you should know
   - Make Text easy to read
   - Try changing the text position
   - Try adding pictures
   - Adding links to other sites
Different Colors


Rent space to open your homepage in
Use the Buttobi.net File Manager and show your homepage to everybody


Lots more "tricks"
How to become a homepage master



Basic "tricks" you should know - Adding pictures


Add a picture: <img src="XXX">

With this trick for adding pictures, where XXX is,
enter the address and name of the image.

For example......
If the image file is in the same folder as index.html,
you don't need the address, so can just enter the name of the image.

<img src="buttobi.gif">

Just that is OK. Don't forget the file extension.

If you look at it in your browser...

Also, make sure to put " " around the name of the image file.


 
  Yeah, the image is displayed!!

When the image file isn't in the same folder,
by entering the URL where the image name is you can summon images from anywhere on the Internet.

But, unless the owner of that homepage has said
"direct links (making a link directly to an image on that person's homepage) are OK", definitely don't just go ahead
and link to an image on somebody else's homepage.
(It'll say "direct links OK" on the homepage's banner or somewhere)

Also, even when using images or wallpapers that
the creator is freely distributing, direct links are mostly banned, so download the image to your computer first, and then use it.

Also, this is important!
When using images you didn't create by yourself
(ones you got from an images site or similar),
make sure you read that site's "User Agreement" and "Rules" before using the image!

 
 
When you use images from sites like that,
lots of them ask you to link to their site...



As well as adding images,
you can also use an image for the page's background.

Changing the background: <body xxx="XXX">

For the trick to change the background, you just need to add some details to the <body> trick.

For example, prepare an image called back.gif ,
and if you want to use that as the background...

<body background="back.gif">

Note Pad
<html>
<head>
<title>
Mr. Buttobi's Home Page</title>
</head>

<body background="back.gif">
Welcome to<br>
Mr. Buttobi's Home Page!
</body>
</html>

If you look at it in your browser...
Welcome to
Mr. Buttobi's Home Page!

As well as setting an image as the background, you can also change the color.

<body bgcolor="#FFFF00">

* "#FFFF00" is the color code for yellow.
For information on color codes, refer to "Different Colors".

Note Pad
<html>
<head>
<title>
Mr. Buttobi's Home Page</title>
</head>

<body bgcolor="#FFFF00" >
Welcome to<br>
Mr. Buttobi's Home Page!
</body>
</html>

If you look at it in your browser...
Welcome to
Mr. Buttobi's Home Page!

 
  Changing the background, adding words and pictures......
Wow it's getting pretty stylish, isn't it?

However, if you change the background to a flashy image or make the font the same color as the background color,
the text might become hard to see and you could stress out the person trying to read it.

Whether it becomes stylish or hard to read is really a matter of the taste of the person making the page...