RESOURCES II

....::: TO THE TOP OF THE PAGE :::....

Each webmaster should be aware that a button or a written link to the top will lead visitors back to the top of the page. Many forget or do not even think it. For long pages should this link be set several times in between as you can see herein the MOON AWARD Program on almost every page).

It's really tedious if a visitor of a long page has to scroll and scroll to return to the top of the page, because such a link is missing.

Here I show you how this works. It's really not rocket science.

On the place where you want to use the up arrow, you write in your source code:

<a href="javascript:scroll(0,0)"> <img src="pictures/arrow.gif" alt="to the top" width="14" height="14" border="0" /></a>

(with src= you obviously need to insert your own picture and don't forget to change the given width and height).

Then you write as hyperlink: javascript:; (please don't mix up colon and semicolon).

Here I have a few small graphics for you. If you want to use it, copy it into your images folder and change color and size according to your preferences. They are PNG pictures and they are suitable for light and dark backgrounds.

   
    

If you want to use the word TOP or UP instead of an arrow graphics, do this: In your code you write on the position where you want the link, this: <a href="#top"></a>

On the top of your page  you set an anchor and you name it top (the anchor is not be seen on the finished website).

The anchor appears in the source code: <a name="top" id="top"></a>
You write as hyperlink: #top

Done!

I wish you much success!
Want another tutorial or need some help, don't hesitate to write to me about (e-mail or form on the page of MOON AWARD News