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.

Share & Enjoy


 

  1. Ken (Reply) on Tuesday September 16, 2008

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

    Thanks

  2. quillz (Reply) on Tuesday September 16, 2008

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

  3. Liz (Reply) on Tuesday September 16, 2008

    Thanks, this is very helpful.

  4. Sonia Borg (Reply) on Tuesday September 16, 2008

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

  5. Alex (Reply) on Tuesday September 16, 2008

    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:
    http://alistapart.com/articles/sprites

  6. ginny (Reply) on Tuesday September 16, 2008

    thanks, that’s just what I was looking for

  7. Ginny (Reply) on Tuesday September 16, 2008

    just what I was looking for thanks

  8. Lou (Reply) on Tuesday September 16, 2008

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

  9. Syl (Reply) on Tuesday September 16, 2008

    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.

  10. Alex (Reply) on Tuesday September 16, 2008

    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.

  11. Max (Reply) on Tuesday September 16, 2008

    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.

  12. Jen (Reply) on Tuesday September 16, 2008

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

  13. Jhonny (Reply) on Tuesday September 16, 2008

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

  14. comment by fred (Reply) on Tuesday September 16, 2008

    This was very helpful and clearly laid out.

  15. tron1973 (Reply) on Tuesday September 16, 2008

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

  16. [...] Adobe Dreamweaver Tutorial | Creating Rollovers | Rollover States … [...]

  17. Johnny.fan (Reply) on Tuesday September 16, 2008

    thank your share! it’s very clear!

  18. carlos vergel (Reply) on Tuesday September 16, 2008

    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!

  19. dcsean (Reply) on Tuesday September 16, 2008

    Very helpful !!! Thanks!

  20. Fernando Gomez (Reply) on Tuesday September 16, 2008

    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.



Planet Photoshop Photoshop World Kelby Training Lightroom Killer Tips NAPP Scott Kelby