Impress your friends with your knowledge

We are taking a giant leap forward but what I want you to realize is that it is not impossible for a complete beginner to get these results from the start.
The water effect you see here is made by the use of an applet many of which are freely available on the web.
If you are building your page with an HTML editor as we are here these effects are very simple to apply.
The programming which goes into these need not be learned by the people who use them and for that reason you should attempt to give these wonderful people credit for their programming work.

The person responsible for this lake applet is David Griffiths.
D Griffiths
You can download many applets from the web and they all come complete with code but this time I will give you a simple version of code.
I am going to presume that you are very new to this so feel free to ignore the parts you know.

To use an applet you need to do 2 things.
1. Copy the "class" file (lake.class) into the same folder as the web page.
This file is included in the zip file you downloaded before starting.

2. Insert some code on your page.
The class file is the meat of the applet and the code just controls how it is used.

This is the basic code needed to run this applet

Select All

This code will replace the graphic but we need some info from the graphic so copy the code immediately after the graphic code like this.




   <body  bgcolor="#ffffff"  text="#000000"  link="#0000ff"  vlink="#800080"  alink="#ff0000"  >

       <div align="center">

       <H1 >

      My Page

      </H1 >

       <img  src="myhome.jpg" width="300"  height="225"  title=""  alt="My Home"  border="0"  >

New applet code below

      <applet code="lake"width=""height="">

      <param name="image"value="">

      </applet >

      </div >

   </body >




Copy and paste the graphic name into the image value parameter of the applet.
Enter the width of the graphic into the width parameter of the applet.
The height of the applet must be more than the graphic in this case.
Anything in excess of the original height becomes water at the bottom.




   <body  bgcolor="#ffffff"  text="#000000"  link="#0000ff"  vlink="#800080"  alink="#ff0000"  >

       <div align="center">

       <H1 >

      My Page

      </H1 >

Delete the graphic tag after copying the info

       <img  src="myhome.jpg" width="300"  height="225"  title=""  alt="My Home"  border="0"  >

      <applet code="lake"width="300"height="400">

      <param name="image"value="myhome.jpg">

      </applet >

      </div >

   </body >


Don't forget to delete the original graphic tag and then Preview.

Back   Next