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. Essence Of Having Wooden Swing For BalconyAuthor: Riyo Moda
2. How To Meet Your Working Needs With A Customisable Desk?
Author: Frankie Carle
3. Computer Table In Mahira Group Of Companies
Author: mahira group of companies
4. Decorative Round Mosaic Mirror: Classic Style
Author: avneet
5. Find Pocket-friendly Retro-styled Custom Home Bars For Sale
Author: Bars and Booths
6. The History Of The Bean Bag Chair: From Humble Beginnings To Modern Comfort
Author: Jyoti SR
7. Office Boss Chairs In Mahira Group Of Companies
Author: mahira group of companies
8. Transform Your Home With New Kitchens In East London: A Guide By London Kitchen Designer
Author: Samantha Knight
9. Workstation Table In Mahira Group Of Companies
Author: mahira group of companies
10. Roman Numeral Clocks With Mosaics: Stylish Wall Decor
Author: avneet
11. The Importance Of Executive Chairs And Manager Chairs In Haryana For Office Comfort And Productivity
Author: jiphfinssfurniture
12. Custom-made Desks In Australia
Author: Frankie Carle
13. Top 10 Tips For Maintaining Artificial Grass
Author: Easy Build India
14. Quality Office Furniture Dubai: Elevate Your Workspace
Author: Real Touch
15. Upgrade Your House With A Trendy Sunburst Mirror
Author: avneet