Home
Basics:


How does a Web page work?

What is HTML?

What is a URL?

How do I get started?

How do I make graphics?

Search engine listings

Online safety

Decrease site load time
HTML:


Basic tags

Advanced tags

Page set-up

Backgrounds

Text

Fonts

Hyperlinks (text and images)

Add images

E-mail links (mailto)

Forms

Border backgrounds

Page anchors

Numbered & bulleted lists

Horizontal lines

Text areas

Server side includes (SSI)

Custom 404

Prevent direct linking
Frames:  basic and advanced frames
Tables:  basic and advanced tables
CSS:


No underline on links

Link Mouseovers

Absolute positioning

Background images

Cursor attributes

Custom scrollbar
Color: RGB hex color chart

Hex to decimal conversion

Color slider (choose from millions of colors)
Java:


Cool DHTML and Java Scripts for your Web site

Chromeless Windows

Alerts

Prompts

Falling objects

Floating objects

Hover buttons

Mouse Fireworks

Alphabet cursor

Lake & snow applet

Mouseover images

Frame break

No right click script

No left click script

Clock

News ticker
Fun Stuff:


Image maps

Glowing Text

Alt symbols

Drop-down navigational menu

Music

Guestbooks

Scrolling marquees

Counters
Tools:


Graphics

Web hosts

Remotely hosted CGI

Guestbooks

Counters

Validators

Web-based e-mail

Software
Awards

Custom Trailing Cursors

.
1 Webrats Online
Please visit my:
Online Store
Guestbook
Forum

This site is happily hosted by:
Dreamhost:  tell them lissy sent you =)
Need an awesome host for your Web site? Choose DreamHost and tell them "lissy" sent you. Plans start at $9.95 a month.



E-mail Lissa




ad


Java


How do I make snow fall on my Web page?

How do I make a trailing cursor with text?How do I make hover buttons?

How do add sound on hover?

How do I change hover attributes?How do I make a lake applet?

How do I make a snow applet?

How do I make a Hawk Ray applet?

How do I make my images change on mouseover?How do I make a pop-up window?

How do I add a framebreak to my page?How do I make JavaScript prompts and alerts?More JavaScript
lineMore JavaScript

Penguin
How do I make a lake applet?
How do I make a snow applet?
How do I make a HawkRay applet?
How do I make my images change on mouseover?
Bird



How do I make a lake applet? To make a lake applet you have to first upload a file named lake.class to your server. Download the zip file below, unzip it with Winzip or another program, extract the lake.class file where you can easily find it, and upload the lake.class file to your server. If you don't upload the lake file you won't be able to see the applet. You can download that file here (just make sure to "save it to disk"). If for some reason you can't download the file, please e-mail me and I will send it to you.

Click here to download lake.zip


Here is the code to put on your page, make sure you substitute your own image filename and double the height of the original image (sometimes you have to adjust the height a little bit):

demo


<applet code="lake" width="your image width" height="double your image height"><param name=image value="yourfilename.gif(or jpg)"></applet>

You can make the lake applet a hyperlink image by adding this code to the above code:

<param name="href" value="your link url.html">

Another effect with this applet is "rock." I think it's weird, and it makes me kinda seasick, but just add this code to the above code to see the effect, you may have to shorten the height of your image:

demo


<param name="rock" value="true">

Using Angelfire Gurlpages, or Homestead for Web hosting? You need to put your full image file path in the code (example follows) and make sure that your lake.class file is uploaded to your images file:

<applet code="lake" width="your image width" height="double your image height"><param name=image value="images/yourfilename.gif(or jpg)"></applet>



The above lake applet code was authored by David Griffiths and was used in this tutorial with his written permission, his original "read me" file is included in the lake.zip file =)

up


How do I make a snow applet?This is another applet that is really easy to make. Upload the snow.class file to your server, and substitute your own image name and image width and height. If for some reason you can't download the file, please e-mail me and I will send it to you.

Click here to download snow.class


Here is the code to put on your page, make sure you substitute your own image filename, and your image width and height:

demo


<applet code="alcsnow" width="your image width" height="your image height"><param name="grph" value="yourfilename.jpg or gif"><param name="snows" value="500"><param name="threadsleep" value="50"></applet>

Using Angelfire Gurlpages, or Homestead for Web hosting? You need to put your full image file path in the code (example follows) and make sure that your alcsnow file is uploaded to your images file:

<applet code="alcsnow" width="your image width" height="your image height"><param name="grph" value="images/yourfilename.jpg or gif"><param name="snows" value="500"><param name="threadsleep" value="50"></applet>

up


How do I make a HawkRay applet? To make a HawkRay applet you have to first upload 3 files named HawkRay.class, HawkRay$1.class, and Timer.class to your server. Download the zip file below, unzip it into a place where you can easily find it, and upload it to your server. Make sure all the files associated with your applet are in ONE folder, if any of them are in a subfolder it won't work and then you'll write to me saying "your code doesn't work!" hehe =):

demo


<applet code="HawkRay" width="your image width" height="your image height">
<param name="image" value="your image name.gif">
</applet>

Click here to download HawkRay class files and read me file


This applet is by ©David Griffiths and can be found on his page with a bunch of other cool applets here.

up

How do I make my images change on mouseover?Add this code in between the <head> tag and <title> tag (this code is for four images, you can alter this code to make more or less images):

demo




Image 1 is the image you want showing all the time. Image 2 is the image you want to show on mouseover, image 3 is permanent, image 4 is the mouseover...remember to substitute your image filename and width and height attributes.

Next add this code for every mouseover image you insert in your page, this is inserted in the body section of your page:

<a href="yoururl.html" onmouseover="over_image('img0');" onmouseout="off_image('img0')"> <img src="image1.gif" border="0" name="img0"> </a>




up


Copyright ©1997-2002 Lissa, All rights reserved
This Web site is registered with the
Library of Congress Copyright Office.
Terms of Use and Conditions, Privacy Statement
All other copyrights are the property of their respective owners.