Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Basics | Interactive buttons in Dreamweaver
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Interactive buttons in Dreamweaver

Build your website with so-called rollover buttons. A rollover is an image that, when viewed in a browser, changes when the pointer moves across it.

 
  Author: bole | Version: CS5 | 3rd November 2013 |  
 
 
1.
 

Open new HTML document.

 
 
2.
 

Save the page. Click File and Save.

 
 
3.
 

Click Images: image.

 
 
4.
 

Select Rollover Image.

 
 
5.
 

At Original Image click Borwse.

 
 
6.
 

Find an image for the button.

 
 
7.
 

At Rollover image click Browse and select an image. This image (button) will appear when your mouse cursor will be over the first button.

 
 
8.
 

When you will select both images, click OK button

 
 
9.
 

The button will apear in the document. Save (Ctrl + S) the document.

 
 
10.
 

Check out the interactive button in your browser. Press F12 to see your result.

 
 
 
   
  Please login to post a comment
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO