How To Build A Classroom Website Using Microsoft FrontPage
Hover Images
Table of Contents | Previous | Next		  
     

Step 1 - Insert a Hover Image

  1. Return to page2.htm
  2. Position your cursor after the text in the last cell and hit Shift-enter
  3. Click Insert > Web Component...

 

 

 

 

 

 

 

 

 

 

  1. Select Component type: Dynamic Effects
  2. Select Choose an effect: Hover Button
  3. Click Finish



 

 

 

 

 

 

  1. Click Custom... on the Hover Button Properties dialog box.

 

 

 

 

 

 

  1. In the Custom dialog box, Browse for the initial "Button:" graphic (cursor1.jpg)
  2. Browse for the "On hover:" graphic (cursor2.jpg)
  3. Click OK and return to the Hover Button Properties box and enter the size of the graphic (360x36)
  4. Click OK
  5. Save the file as page2.htm

Important Note: Hover button effects are only visible with a browser

Step 2 - Preview the Page

  1. Browser preview - click the button on the toolbar or File > Preview in Browser ...

NOTE: When inserting a hover image to a new blank page, you must save the page first, and ensure that the images are located in the same directory that holds the new file.