Putting an Image on Your Page




Now that you have your text on your page,  it is time to learn how to put a picture or a graphic on your page.

For MSNTV users,  you will need to transload the picture to your Tripod sub-directory.  For instructions on how to do that,  go H E R E.

For Computer users,  you will need to Upload pictures to your Tripod sub-directory.  For instructions on how to do that,  go H E R E.

Now,  you have the picture or the graphic in your sub-directory.  Go to the picture you want,  and get it on your screen.

MSNTV users,  click your "GoTO" button and get the address of the picture.     Highlight and "cut" the address.

For computer users,  get the picture on your screen.  In the address bar on your top task bar, put your curser in the box,  right click and while holding the LEFT mouse button down,  drag the mouse to the left,  highlighting the address.  When it is all highlighted, right click and click on copy.

Now go to your HouseKeeper / File Manager,  scroll to the page you want to put the picture on,  click on EDIT.

Now you are back in the Page Editor.

Decide where you want to put the picture.  Place your curser there.  Then put this code:

<img src="Address of the Image">

I usually use 3 <br> tags after the sentence above the picture,  and I will put 3 <br> tags after the picture.  But this is a personal preference.  That code looks like this:

<img src="Address of the Image"><br><br><br>

If you want your picture in the center of the page:

<center><img src="Address of the Image"></center><br><br><br>

It is strongly advised to add the height and width attributes of the picture,  as it does speed up the loading process for the pictures.

To find the height and width,

For MSNTV users,  Get the picture on your screen.  Go to THE SOURCE,  click on "img sizes".

If the above address for The Source does not work for you, please go H E R E

For computer users,  when you get the picture on your screen,  move your curser over the image,  RIGHT click,  click on properties.

Once you have the height and width values,  they are inserted like this:

<img src="Address of the Image" height="___" width="___">

Important Note:  The more images you have on your page the longer it will take the page to load.  The more ANIMATIONS you have on your page,  the longer it will take the page to load.  When using graphics,  More is NOT better.




Back to the Tutorial Index