123ArticleOnline Logo
Welcome to 123ArticleOnline.com!
ALL >> Furniture >> View Article

Creating Rollover Images In Both Dreamweaver And Fireworks

Profile Picture
By Author: Luke Wildman
Total Articles: 33
Comment this article
Facebook ShareTwitter ShareGoogle+ ShareTwitter Share

Firstly we will talk about creating rollover buttons in Dreamweaver; to be honest this is by far the easiest piece of software to use for creating rollover buttons for web sites.

To create your rollover firstly you will need to go into fireworks here you will need to create two images, your original button and the rollover, remember your rollover needs to be a different design to your original button! Once you have created your buttons export them to your web sites folder and load up Dreamweaver.

Once loaded create a new HTML page, now all you need to do is go to insert>image objects>rollover images, here you can select two images the original image and the rollover image obviously you know what to do here! It is a good idea to name your buttons for example if you a creating a navigation bar you could name the button "home button", "contact button" etc... then add alt text to help search engine read know what is in the image.

That's it! You have created a rollover image in Dreamweaver, how easy was that. However rollover images can be created in fireworks and even though it is not as straight forward it ...
... is another tool in the box!

Creating rollover images in Fireworks

The first step again is to load up Fireworks and create to graphics for your buttons. You will then need two frames, one frame should include the original image the other frame should include the rollover image.

Now using the slice tool to cover your graphic with a slice, these are normally a transparent green colour. You can the assign behaviours to the slice, to do this click on the slice then go to window>behaviours, in the behaviours pop up you can select simple rollover, do this!

Export the slice as HTML and images you can then use this rollover button for anything you desire!
For further help make sure to go visit our web design youtube channel for a video tutorial of creating rollover buttons and also for other web design tutorials! You can also go to our site web design where we have loads of quality information!

Total Views: 330Word Count: 359See All articles From Author

Add Comment

Furniture Articles

1. Marble Countertops Explained: Benefits And Drawbacks From Granite Showrooms In Hialeah
Author: Lucy

2. Buy Big Round Mirror Online
Author: Avneet

3. Trendy Bubble Mirror Wall Decor Styles
Author: Avneet

4. Smart Inventory Needs Smart Furniture: The Modura Advantage
Author: Modura Furniture

5. Buy Bedside Table Online For A Perfect Bedroom Upgrade
Author: The Home Dekor

6. Decorative Mosaic Mirror
Author: Avneet

7. A Contemporary Twist Of Traditional Swing For Home
Author: Riyo Moda

8. Chicken Coops: Best Backyard Options For Every Budget
Author: Mike

9. Revamp Your Office In 7 Days – Talk To Our Team
Author: Rajkumar

10. 2025 Custom Cabinet Trends: Spotlight On Shaker-style Cabinets In Miami Beach
Author: Lucy

11. Showcasing Success With Trophy Display Cabinets
Author: Steev Smeeth

12. The Role Of A Supermarket Racks Manufacturer In Modern Retail Design
Author: Modura Furniture

13. Sturdy & Stylish Table Bases For Restaurants
Author: Henry Wilson

14. Lustrous Oval Mosaic Mirror
Author: Avneet

15. Emergency Dentist Brisbane: Your Quick Solution For Dental Emergencies
Author: pavan and this is dental blog

Login To Account
Login Email:
Password:
Forgot Password?
New User?
Sign Up Newsletter
Email Address: