Teacher | Production Issues | Server-Side Programming | Resources

dHTML

Dynamic HTML Web pages are laid out with cascading stylesheets using JavaScript to control their elements over time. dHTML uses a host of different technologies - JavaScript, VBScript, the Document Object Model (DOM), layers, cascading stylesheets - to create HTML that can change even after a page has been loaded into a browser.

For example, a paragraph could turn blue when the mouse moves over it, or a header could slide across the screen. Anything that can be done in HTML can be redone after the page loads.

The main elements of dynamic HTML (aka dHTML) are client-side scripting, the DOM, and cascading stylesheets. dHTML only works on the latest browsers - that is, Internet Explorer 4 and Netscape Navigator 4 or higher.

To use dHTML you have to be familiar with three different technologies: HTML, stylesheets, and JavaScript. It's the interaction between the three that make the pages dynamic.

Resources & Scripts

• JavaScript Tutorial
• Cascading Stylesheets
• HTML - be familiar with <div> and <span> tags as well as downloadable fonts.