MJurcic / Webmastering / DHTML

Dynamic Hypertext Markup Language (DHTML), Cascading Style Sheets (CSS) and Javascript will help you "break through the Web clutter and create the great looking, top performing sites."

Here are some examples:

• PurpleCrayon.com:  check out the great drop-down menu.

• bratta.com:  great layer effect by an expert.

• DynamicDrive.com: check out Autumn leaves.

Making web pages with DHTML is a difficult endeavor requiring programming experience, but with the use of some pre-built functions distributed by DynAPI  (an open-sourced project initiated by Dan Steinman), and a little practice, even a beginner can utilize this powerful tool.

There will essentially be 4 steps to implementing DHTML:

• hyperlinking the object and defining the mouse event handler

• adding the div tag to the object and id-ing the style

• declaring the style sheet

• declaring the layer object and linking to the DynAPI pre-built function

Here are the different effect and the project:

• dhtml01: the slide effect example / the tutorial

• dhtml02: visibility example / the tutorial

• dthml03: the hovereffect example / the tutorial

• dhtml04: the path effect example / the tutorial

• dhtml05: the drag effect example / the tutorial

• dhtml06: project with hover effect

• dhtml06: project with slide effect

• dhtml06: the tutorial