HTML & CSS Direct Study

Dynamic HTML (DHTML)

Before browsers were capable of manipulating objects and creating spectacular pages, designers manually created script interactions through HTML. However, with the ever developing technology designers are able to use Javascript, HTML and CSS to create and manipulate pages so that users can interact with the page.

DHTML = HTML + CSS + JavaScript

DHTML has become a useful tool to designers, users, and businesses within the internet, however despite its success it has the pitfall of having some compatibility problems. As a result of browsers being different particular objects may not be displayed and syntax may be different. A solution to this major problem is DOM scripting.

DOM Scripting

Document Object Model (DOM) is a WC3 standard and has helped to solve many of these compatibility problems. Designers can access the contents of a document in a more suitable way. There are several levels of DOM scripting that can be used to access HTML elements.

The main purpose of DOM scripting is to manipulate already existent tags as well as creating new tags or new elements. Adding, Moving, Deleting, and Editing elements are all made possible through JavaScript and DOM scripting.

Common Features using DHTML

1. Last Modification Date
2. Pull Down Menu Navigation
3. Rollover Butoon
4. Form Validation