12-06-2013, 04:00 PM
DHTML
DHTML.ppt (Size: 379.5 KB / Downloads: 18)
INTRODUCTION
DHTML is too rich to cover in an hour
The technologies are way to rich to fully cover in this
presentation. This presentation will:
Briefly introduce each technology with a quick example
Give a high-level overview of how to use each technology
Show some more advanced uses for the various technologies and review how each one works
Provide resources for further exploration of each technology
DHTML advantages / disadvantages
Supported by most browsers
Small file sizes (faster than Flash)
No plug-ins required
Easy to learn (learn HTML, JavaScript)
Faster web experience (change the page content without load new pages)
Browser and OS incompatibilities
The implementation of CSS, DOM varies from browser to browser
The Role of each component in DHTML
With CSS,
- we can change the style of any HTML elements.
With DOM,
- we can have a map on every elements in the HTML page.
With JavaScript,
-we can access and have operations on the elements in the DOM tree.
With event handler,
-we can execute the predefined scripts at any time.
What makes a web site dynamic?
Interactivity – adapt and react to the visitor’s actions as quick as possible.
Synchronicity – bring together relevant information from a variety of sources.
Flexibility – give the visitor different ways to find information in the site.
Adaptability – adjusts to cater to individual visitor’s needs.
Activity – uses motion and sound to draw user’s attention to changes on the site
DOM
DOM = Document Object Model
Defines a hierarchical model of the document structure
through which all document elements may be accessed
Nodes
The W3C DOM defines element of a document is a node
of a particular type
Node Types
Common types are: document node, element node, text
node, attribute node, comment node, document-type node