WebBuilder101 - Making the web happen!
Need Web Dev software? Here is the place to
Flash Point
Dreamweaver - Creating Rollover Images
 

By Eddy R.
11-04-99

Web sites have come a long way since they first appeared. These days, Web Builders are creating "marvels" by building sites that are database driven, dynamically updated and a whole lot more we couldn't even begin to describe.

If you've been wanting to make your site a little more dynamic (in the client-end anyway), Dreamweaver can help.

Rollover Images

Here is an easy and neat way to create rollover images with DW. First launch DW and open a new window. Next, do the following:

  • Go to the Insert menu and select Rollover Image (see it here).

Once the dialog box appears do the following:

  • Type the path and file name of the main image in the Original Image field.

  • Assign a name to the main image in the Image Name field.

  • Type the path and file name of the rollover image (image that will appear when the mouse hovers over the main image) in the Rollover Image field.

  • Replace the # sign in the Link field with a path and file name to create a link.

  • Make sure that Preload Images is selected so that all images pre-load when the HTML document is called (this cuts the time the user has to wait for the rollover effect to take place) .

That's it! See the screen shot here.

Even though a rollover image won't make your site as dynamic as a database driven site, it still will set your site apart from all those static sites that have nothing but text on them and that oh BTW, are extremely boring. Try it, create a neat rollover image on your site and watch your site's visitors enjoy their stay at your site a little more.

.
.

 

More Resources
Templates
Learn the code
Dynamic Sites
Web Building

Suggested Reading

Beginning Active Server Pages 3.0
JavaScript Bible
Red Hat Linux
Dreamweaver 3.0
HTML Bible



Download WB101 Wallpaper
• Web Builder 101 Wallpaper Get it!.
• Find out how to create your own Wallpaper Teach me!.
Sign up for our Newsletters
• Web Building Sign me Up!.
• Net Alert! Sign me Up!.
Need Help?
• Contact Support Click here.
• E-mail the Webmaster Click Here.
• Search Tips Click Here.

Webbuilder101.com © 1998 - 2003 Copyright and Terms of Use
Send mail to: webmaster@webbuilder101.com

» About » Support

» FAQ » What's New » MyLog

Web Builder 101 Web Builder 101 - Making the Web Happen Web Builder 101 - Making the Web Happen
.