Link to the Stokstad.com websiteStokstad.com Web Services
Stokstad.com Web Tips
Stokstad.com Literary Area
Stokstad.com Contact Information


Mom's lost poem (refound)

The Seattle Job Hunt Page

A Brief History of the "at" (@) symbol

Discussions of web content issues

WimbleDon 2001 (one more day)



Check out the OUTBOX t-shirts (for sale)


Outbox Web Marketing Newsletter, Volume 1, #12, July 9, 2001
Copyright 2001, Paul Stokstad. All rights reserved.

Reader Submissions to OutboxSubscribe to OutboxUnsubscribe from OutboxArchive of Outbox Newsletter Issues

This week's topic is

Rollover Button, Part 2

(the Dreamweaver Element)

Well, here we are in July, and you haven't heard from me for a while. The reasons for the hiatus are:

  • The spectacular crashing and subsequent trashing of my Mac, followed by the purchase of a new I-Mac, which I've never seen, because:
  • I'm in Seattle on a job hunt, my wife bought the Mac in my absence:
  • It took me way until July 6 to get my high-speed connection hooked up so that I could use my computer

The other fascinating element is that I'm discontinuing the publication of OUTBOX after this issue. Don't know if I'll ever get back to it, but it may happen. I hope that you've enjoyed this foray into web issues technical and not so technical.

Despite all that, I feel remiss in not completing my oeuvre on how to create a rollover button, so here goes. Adding to the complexity is my recent acquisition of a much newer version of Dreamweaver, so let's hope it still does things the way I know how to do them, or else (surprise, surprise), it's steep learning curve time again for Paul.

Plus doing it all on the Windows platform, since my wife has the new cool Mac back in the home country.

Oh well.

So, we had created some buttons in our last issue, plus lighter versions of the same buttons, that is, these puppies, or should I say pupeks:

Now we have to get them all to play nicely together in the sandbox of a web page, switching off who gets eyeball attention at what time.

Dreamweaver is the schoolmarm who can control all of the showoffs in this lot. As it turns out, the schoolmarm has gone to graduate school since I last saw her, and it's WAY (WAYWAYWAYWAY) easier to do a rollover button.

Previously you had to name the file, scroll to an actions palette, choose the proper behaviour, look for the rollover button, then specify that the original button would get swapped back in. Not a pretty sight, but a lot more fun than writing javascript.

Now you aren't just shooting ducks in a barrel, the ducks are lining up to be shot with "please shoot me" signs on their chests. I guess there is a rumor going around that ducks will reincarnate as Seattle Mariners, which would make them some kind of hero nowadays. Better than getting marinated, anyway.

So here's how easy it is in today's Dreamweaver:

All ya do is hit the right button at the top of the tools palette:

That little button brings up this menu box:

For my first button, I assigned a name to the button, "beebop." Dreamweaver needs a name to use internally (in the Javascript) that is distinct from the file name that you see in your image folder, which in this case is BELLY.gif.

Then I simply browse over to my original image and, in the third row, browse to the rollover image. Then I add a link (usually a rollover button is going somewhere, so they let you put that in here too... might as well get it all done at once), in this case, to my home page, just as a demo.

Then, I repeated that for the next two buttons and got this page

Pretty simple.

I hope that you've enjoyed this newsletter. You never know when I'll kick it open again.

Thanks for reading..

-Paul

Hangin' out in Seattle, July, 2001