Dynamic HTML In FrontPage

Dynamic HTML (or DHTML) is HTML that makes your web pages interactive. DHTML is not a language in itself, but is the name given to the use of HTML that makes pages responsive to user actions. To create dynamic HTML, you will use typically use HTML, JavaScript, the HTML DOM, and CSS. Simple examples of DHTML include text changing to bold when a mouse hovers over it, borders appearing around an image when you click it. Be careful though, because the two examples given can easily be achieved with the use of CSS. You don't need to go anywhere near javascript so if you do, you may be overcomplicating the task.

However, for demonstration purposes, let's use dynamic HTML to achieve those effects. Select the item on the web page that you want to apply some dynamic HTML effects to and then click Format > Dynamic HTML Effects. When the DHTML Effects toolbar opens, click on the down arrow where it says "On" and choose an event. This will determine how the effect will start. You can choose between click, double click, mouse over, or page load. The event basically defines what triggers teh action.

Dynamic HTML In FrontPage

Click on the down arrow next to Apply to assign an effect. You have eight effects to choose from. Depending on the effect you choose you might have a third drop down that you have to set which is called choose settings. Click on the X in the upper-right corner to close the DHTML dialog.

You can test the dynamic HTML to see what it looks like by clicking the Preview button and then performing the event (the trigger).

Categories