111 - Lessons & Examples
Here are some samples and lessons on important concepts about
of the examples are relatively simple and are better viewed and
studied because they need little explanation.
Use the "View Source" on your browser or save them
to your hard drive for future reference. Others have more explanation
as may be necessary.
Each lesson provides at least one example designed to show a
concept or idea. Don't miss the point because of its implicit
simplicity. Others have complete explanations as well as examples.
I explained the concepts where important. Some of the more straight
foreword concepts are more "cut and paste", others are
more complete. You must lean at your own pace.
These lessons are in no particular order so you may work on each
individually depending on your needs and your interest.
Growing Text -
This is an example of dhtml that shows how it is possible to dramatically
an event handler.
Note: Works only in IE 4+ browsers.
Night and Day
a page that delivers different content depending whether it is
"night or day."
as above except this time we added DHTML fireworks.
- Here we have an example of layering text using Cascading Style
Frames Lesson - Here
some fundamentals with examples and more.
Stuff with Windows - Here, in this lesson, we learn about
Backgrounds - This Photoshop lesson teaches you about
transparent backgrounds for gif89a images for the web.
Backgrounds - In this PhotoShop lesson we learn how to
change backgrounds in images.
Example - Example of a tiled background created in PhotoShop.
Change - Example of how to dynamically change text on
the page. Note: Netscape only.
- Example of how to create a status bar message when you use the
Images - This lesson teaches you how to dynamically change
images for such features as roll overs.
Stuff - This is an example of dynamic push through the
use of the meta refresh tag.
- This page shows you how to create irregular shaped boxes that
you can size with the width of your page through the use of slice
and dice graphics techniques and borderless tables.
One and Fading
Two are examples of dynamic text through cross-browser
Error - Although the only way you will see this script
is to download it or view it in editor, it does get rid of those
nasty little error messages.
Form - This is the example we made when we learned how
to install a cgi search engine. The image was custom designed
in class to have something better than the standard search box.
Lesson 1 - This is an example of CSS in action.
and paste Java - Here is an example of a java fireplace
that we downloaded from codebrain.com
Example - This is an example of how to center a table
both horizontally and vertically in a web page.
Flowers - This is an example of how css can look differently
form browser to browser. The lesson here is to check your pages
on the widest variety of browsers possible.
- Here is a quick example of dhtml behaviors created in MicroSoft
is my Web Page - Simple example of MS FrontPage dynamination.
Bouncing a Ball - Simple
example showing motion tweening in Flash. Bouncing a Blue Ball.
DHTML Site - Here is a review of Jeff Rouyer's DHTML Guru
Site and some examples from it.
Return to Top of Page