Produced by KelbyOne

Creating Rollovers in Dreamweaver CS3

1.96K 20

Rollovers let your users know that they are interacting with the web page. In this tutorial, we will use Photoshop to create images to be used in both states of the rollovers and Dreamweaver to create the rollovers themselves.


  • Ken says:

    I would like to request making flash an option to make it bigger,


  • quillz says:

    It is in flash-right click and you can zoom in. The video quality could be clearer-for most of the videos though-

  • Liz says:

    Thanks, this is very helpful.

  • Sonia Borg says:

    Very clear, easy to follow and directive. Where can I find more of her tutorials?

  • Alex says:

    This is such an old technique! It goes along with the Dreamweaver itself as a basic tutorial. This technique isn’t just old it’s not efficient. For rollovers use Image Sprites:

  • ginny says:

    thanks, that’s just what I was looking for

  • Ginny says:

    just what I was looking for thanks

  • Lou says:

    Thanks. Your tutorial helped me create some rollover buttons for my website!

  • Syl says:

    Reply to Alex: why did you watch that tutorial in the first place if you knew all about that? It obviously helped a lot of people who, by the way, probably did not care if you knew it all or not.

  • Alex says:

    Reply to Lou: I’m not a magician to predict what will be in a tutorial. That’s why I watched it first hand. I’m happy that this tutorial helped a lot of people. However, my point is that web-development had gone a long way since this technique was implemented first. I won’t be surprised if the date of this tutorial would be 2005 or 2006. But in 2008 javascript-base menu rollovers are a little bit old-fashioned. With all respect to Laura and Layers Magazine, i think this very helpful resourse should provide with MODERN techniques.

  • Max says:

    Alex, your link is to a technique that may be modern but is very esoteric and convoluted. This tutorial is simple and easy to remember. You’re being too clever by half.

  • Jen says:

    This tutorial was easy to follow and every step was clearly described. I loved the tone and style of the lesson.

  • Jhonny says:

    Would love to watch this put my flash player stops after 2 seconds. Still no fix?

  • comment by fred says:

    This was very helpful and clearly laid out.

  • tron1973 says:

    Thank you for your Tutorial. It was very informative, but I was wondering what is a “Ba-in”?

  • says:

    thank your share! it’s very clear!

  • carlos vergel says:

    These tutorials are excellent, if you pay attention and just not expect them to tell you everything, you can tie in together the missing parts and be well on your way… This is great, and a nice way to promote your magazine!

  • dcsean says:

    Very helpful !!! Thanks!

  • Fernando Gomez says:

    Thank you for the tutorial. I was able to implemented in my website. That guy Alex I don’t know what’s his problem, but his method is very complicated. This might be an old method, but very helpful and easy to follow.