ALL >> Furniture >> View Article
Creating Rollover Images In Both Dreamweaver And Fireworks
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!
Add Comment
Furniture Articles
1. Transform Your Home With New Kitchens In East London: A Guide By London Kitchen DesignerAuthor: Samantha Knight
2. Workstation Table In Mahira Group Of Companies
Author: mahira group of companies
3. Roman Numeral Clocks With Mosaics: Stylish Wall Decor
Author: avneet
4. The Importance Of Executive Chairs And Manager Chairs In Haryana For Office Comfort And Productivity
Author: jiphfinssfurniture
5. Custom-made Desks In Australia
Author: Frankie Carle
6. Top 10 Tips For Maintaining Artificial Grass
Author: Easy Build India
7. Quality Office Furniture Dubai: Elevate Your Workspace
Author: Real Touch
8. Upgrade Your House With A Trendy Sunburst Mirror
Author: avneet
9. The Ultimate Guide To Choosing The Perfect Sofa For Your Living Room
Author: Ashish
10. Cosy Chairs For Your Home At Jaipur | Signature Interiors
Author: signatureinteriors
11. 3d Visualization For Furniture Marketing A Game-changer For E-commerce
Author: Vizent
12. Office Furniture In Dubai: Elevate Your Workspace With Style And Functionality
Author: Real Touch
13. A Little Elegance: Mirrors' Beauty
Author: avneet
14. The Elegance And Comfort Of The Lugano Bed: Redefining Luxury Sleep
Author: Boconcept
15. How To Maintain Your Luxury Office Furniture For Long-lasting Quality
Author: Rajkumar