Her

Home HTML and CSS Tutorials Create Rollover Image in Adobe Dreamweaver CS3

Create Rollover Image in Adobe Dreamweaver CS3

Author: PiticStyle Author's URL: www.piticstyle.com More by this author
Added:Jun 09, 2008 Rating:   Level: Beginner Software: Dreamweaver  

Create Rollover Image in Dreamweaver CS3 (view the final result here)

1. Open Adobe Dreamweaver CS3 and select HTML like page type

image 1

2. Go to Common and select Rollover Image

image 2

You can save this images in format .png (Click right -> Save Image)

image 3 image 4

3. Now whit the pop-up window open select Original Image and Rollover Imager

image 5

Click on Browse to search your Original Image

image 6

And the same step for Rollover Image

4. Click Ok, save as your Page like HTML and that's it

image 7

Create Rollover Image in Adobe Dreamweaver CS3

Go in the location where you save your page and open it. Here is the final result!