DHTML
Is the art of making HTML pages dynamic! DHTML is a combination of technologies used to create dynamic and interactive Web sites. It is in pratice a combination of HTML, Style Sheets and JavaScript.
DHTML Technologies
With DHTML you can control how to display and position HTML elements in a browser window.
HTML 4.0
With HTML 4.0 all formatting can be moved out of the HTML document and into a separate style sheet. Because HTML 4.0 separates the presentation of the document from its structure, we have total control of presentation layout without messing up the document content.
Cascading Style Sheets (CSS)
With CSS we have a style and layout model for HTML documents.
CSS was a breakthrough in Web design because it allowed developers to control the style and layout of multiple Web pages all at once. As a Web developer you can define a style for each HTML element and apply it to as many Web pages as you want. To make a global change, simply change the style, and all elements in the Web are updated automatically.
The Document Object Model (DOM)
DOM stands for the Document Object Model.
The HTML DOM is the Document Object Model for HTML.
The HTML DOM defines a standard set of objects for HTML, and a standard way to access and manipulate HTML objects.
JavaScript
Allows you to write code to control all HTML elements.
DHTML Technologies in Netscape 4.x and Internet Explorer 4.x
| Netscape 4.x |
Cross-Browser DHTML |
Internet Explorer 4.x |
- JSS (JavaScript Style Sheets) (allows you to control how different HTML elements will be displayed)
- Layers (allows you to control element positioning and visibility)
|
- CSS1
- CSS2 (allows you to control how different HTML elements will be displayed)
- CSS Positioning (allows you to control element positioning and visibility)
- JavaScript
|
- Visual Filters (allow you to apply visual effects to text and graphics)
- Dynamic CSS (allows you to control element positioning and visibility)
|
|