DHTML Tutorial
DHTML is the art of making HTML pages dynamic!
DHTML is a combination of technologies used to create dynamic and interactive Web sites.
To most people DHTML means a combination of HTML, Style Sheets and JavaScript.
<!--[if !supportLists]-->1. <!--[endif]-->DHTML Tutorial
<!--[if !supportLists]-->2. <!--[endif]-->DHTML DOM Reference
<!--[if !supportLists]-->3. <!--[endif]-->DHTML Examples
<!--[if supportFields]><span lang=EN-US style='background:yellow;mso-highlight:yellow'><span style='mso-element:field-begin'></span><span style='mso-spacerun:yes'></span>TOC \o "1-3" \h \z \u <span style='mso-element:field-separator'></span></span><![endif]-->DHTML Tutorial <!--[if supportFields]><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'><span style='mso-element:field-begin'></span></span><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'> PAGEREF _Toc182469873 \h </span><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-separator'></span></span><![endif]-->1<!--[if gte mso 9]><xml> <w:data>08D0C9EA79F9BACE118C8200AA004BA90B02000000080000000E0000005F0054006F0063003100380032003400360039003800370033000000</w:data> </xml><![endif]--><!--[if supportFields]><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-end'></span></span><![endif]-->
<!--[if supportFields]><span lang=EN-US style='background:yellow;mso-highlight:yellow'><span style='mso-element:field-end'></span></span><![endif]-->
DHTML Tutorial
Introduction to DHTML
http://www.w3schools.com/dhtml/dhtml_intro.asp
What you should already know
Before you continue you should have a basic understanding of the following:
* HTML
* CSS
* JavaScript
DHTML is NOT a W3C Standard
DHTML stands for Dynamic HTML.
DHTML is not a standard defined by the World Wide Web Consortium (W3C). DHTML is a "marketing term" - used by Netscape and Microsoft to describe the new technologies the 4.x generation browsers would support.
DHTML is a combination of technologies used to create dynamic Web sites.
To most people DHTML means a combination of HTML 4.0, Style Sheets and JavaScript.
W3C once said: "Dynamic HTML is a term used by some vendors to describe the combination of HTML, style sheets and scripts that allows documents to be animated."
DHTML Technologies
With DHTML a Web developer can control how to display and position HTML elements in a browser window.
DHTML Technologies
HTML 4.0
Cascading Style Sheets (CSS)
The Document Object Model (DOM)
JavaScript
DHTML CSS Positioning (CSS-P)
http://www.w3schools.com/dhtml/dhtml_css.asp
Which Attributes can be Used with CSS-P?
First, the element must specify the position attribute (relative or absolute).
Then we can set the following CSS-P attributes:
* left - the element's left position
* top - the element's top position
* visibility - specifies whether an element should be visible or hidden
* z-index - the element's stack order
* clip - element clipping
* overflow - how overflow contents are handled
Filters - The filter property allows you to add more style effects to your text and images.
Note: Always specify the width of the element if you want to use the filter property.
Background
The background property allows you to select your own background.
DHTML Document Object Model
Using JavaScript to access HTML style and content through DOM.
http://www.w3schools.com/dhtml/dhtml_dom.asp
DHTML Event Handlers
http://www.w3schools.com/dhtml/dhtml_events.asp
With an event handler you can do something with an element when an event occurs.
HTML 4.0 Event Handlers List.
You have learned how to use the combination of HTML, CSS and JavaScript to animate HTML documents.
The HTML DOM defines a standard way for accessing and manipulating HTML documents.
The HTML DOM is platform and language independent and can be used by any programming language like Java, JavaScript, and VBScript.
DHTML DOM Reference
http://www.w3schools.com/dhtml/dhtml_domreference.asp
DHTML Examples
http://www.w3schools.com/dhtml/dhtml_examples.asp
DHTML DOM Examples