~ lake.class applet ~
 
 
Once you have set up your website,
We are ready to begin making an applet. 
 
Let's start with the lake.class applet....
it is by far the least complicated one to do.
You can download the class files at our
AAA for OE  group page at Yahoo Groups. 
You will find them in the files section in a
subfolder called class files and sniplets. 
A sniplet is a small section of java script code
that you can insert into a script for an effect. 
In the case of an applet,  this code takes the
place of the main image tag. I have included a
copy of the sniplet of code along with  the class
files needed for each applet in the zip files. 
 
 I would suggest that you make yourself a little
folder somewhere in your computer that you can easily access.  Inside it make subfolders for the different applets and as you download the
various applet zips to try them, unzip them
into their own file folders. 
 
You may want to make little notes as you do
them in your notepad text for your sniplet code,  
so that if you come back to do that applet again.....
you will be reminded of little things you might want
to remember about making that particular applet.
 
In your file manager, which i will refer to as
your webshell,  you may want to have subfolders called applets, images, stationery and music....
as i do in mine.   This is not an absolutely necessary step.  This is just how I have chosen to do mine
since I have other pages in my website to keep
things organized.  You may choose to put all the
files together in the webshell.
 
 
Use your webshell like you would use your
stationery folder in Outlook Express.  Since we
are making stationery, only the files actually used inside the applet tag need to be stored in the webshell.  These files would include the main image/images and all class files for your applet. 
All other files, such as, your background files,
midi or wav files, your table backgrounds, floaties, email tags, and other small gif images used in your stationery, and even when  using eot files
(since they are not used in the applet tag)
 in your stationery file. 
 
 The class file should be uploaded into the main
part of your webshell where your index.html file
is and your subfolders.  I use the applets folder
for my main images for my applets.  I keep the
images folder free for files that are used over and  over again on several pages throughout our website.   If you are using an asf file, as always
you will need to upload it to your website.  I keep those in my music subfolder.  
 
If you were making a website page, all your files
 would need to be stored in the webshell.  Your
html file, your music files, background files all
images including email tags, dividers and other
files would need to be uploaded to your webshell. 
 
Class files and the main image/images would
need to be uploaded in both cases.
 
Now let's learn a little about the image
preparation about the scripting involved in making the lake.class applet.  Choose an image
that will not be too large.  Remember that we will have to add to the height for the water.  When
you make the lake.class applet, you must
remember, that you do no need to have
 any water present in the origional image.  The reflection is made by the class file and whatever
the image has in it will be reflected.  You will
find that this is true also in using other lake
style applets such as the Lake.class applet,  Seawaves.class applet, ANlake.class applet or the
 Dorian Gray II.class applet
 
 This is the image i have chosen....
 
 
As you can see, there is no water in the picture. 
Water in the image is NOT required.  The class file
creates the appearance of the reflection on the water. 
There is little or no preparation to the image . 
There is , however, preparation required when 
using an image with water.  Click on the link to
learn about using an image with water.
 
Now that you have chosen your image,  you are
 ready to put your applet together.   You will
want to make a notation of the width and height
 of your image.  The width of my image  is 312px
and the height of my image is 248px. Upload your
main image and class files to your website. 
If you are using my method, the main image
would go into the applets folder and the lake.class
file would go into the main webshell. 
 
Once your files are uploaded, you are ready for
the scripting involved in making your applet.  
You will need to know the pathway to the
webshell which is "http://your website addy/"
and the pathway to your applets folder which is
"http://your website addy/applets".
 
  You will then need to make the changes to your
applet tag that are highlighted in red below. 
 
The width is the actual width of your image. 
The height you would use follows this simple code...
 
(Image Height times 2) minus (10 to 20px)=applet height
 
For example,  my image height would be :
 (248px times 2 ) 496px-10px=486px 
You can vary the adjustment even more than
10 - 20px.  The varied number will effect how
much reflection is shown.
 
<CENTER><APPLET codeBase=http://your website addy/
      code=lake.class width=288 height=486><PARAM NAME="image" VALUE="
http://your website addy/applets/imagename.jpg"></APPLET></CENTER>
 
The codebase is the address to your webshell which
 is needed in the code so that the viewer's browser
will be able to locate the class file/files needed
to be able to view the applet.
 
Now you should have all you need to make a
lake.class applet.  There are variations of this
applet, which involve small additions to the
code that you might also want to try. 
 
 You can add a small gif image or add a frame 
to give your applet a three dimensional effect.
There is also an overlay version which is more complicated, but gives a fantastic effect to those images with water that have no clear waterline. 
There are a few different ways to do an overlay. 
Shari uses a little different method. 
Click the link to see Shari's version.
 
***  If you have followed my directions,
you will have a wonderful applet to share and use
in Outlook Express Stationery.  I am looking forward
to seeing your applet creations.  As always, if you need 
help, don't hesitate to ask  Karen, Shari, NormaJean
or any of the other group members for assistance. 
We will be glad to help you.
 
Hugs,
 
Karen
 
If you have any questions or comments,
please drop me a line. 
I would love to hear from you.
 
 

Copyright ©February, 2002 - All Rights Reserved.