DHTML Effects with FrontPage

By: CivicCX

Objective:  This tutorials is designed to show you how to insert DHTML effects into a website to increase site appearance

1)  To view the DHTML effects toolbar, scroll your mouse to the top of the main toolbar screen.  

2)  Select view and scroll all the way down to Toolbars, and click once.

3)  Another menu will then appear and you will see an option labeled DHTML Effects.

4)  Click this option once and then you will see the toolbar in your workspace area.

5)  The next step is to write a text which you would like in this case we are using "Developing Webs" for out texts, but you can put in what you would like.

6)  Highlight the text in which you put down and would like to add effect too.

7)  Then go up to the toolbar which you inserted earlier {DHTML Effects} and choose and effect from the menu.  Once you have chosen an effect choose a font and border and so on.

8)  Then view the preview page of Microsoft FrontPage, and you will see the effect which you created.

NOTE: When copying files to your webserver, Don't forget the animate.js file to go with yoiur page.

Below are some examples of Mouse Over DHTML Effects.  To view there effects place your cursor over top of them.

Border: