DHTML.ppt
Download as PPT, PDF0 likes45 views
This document discusses Dynamic HTML (DHTML). It defines DHTML as a combination of browser features that make web pages more dynamic. DHTML uses technologies like JavaScript, CSS, and the DOM to dynamically change HTML pages after loading. It is composed of HTML for content, CSS for presentation, scripting languages for interactivity, and the DOM to expose elements for script access. Each of these components - HTML, CSS, scripting languages, and the DOM - work together to enable DHTML's dynamic capabilities.
DHTML.ppt
- 1. DHTML Prepared By Dr.R.SUGANYA,M.Sc.,M.Phil.,B.Ed.,Ph.D., Head, Department of IT Bon Secours College for Women Thanjavur.
- 2. What is DHTML? DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more dynamic. DHTML is NOT a scripting language (like JavaScript or VBscript), but a browser feature- or enhancement- that makes the browser dynamic It 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
- 3. What is DHTML? It is considered to be made up of –HTML –Cascading Style Sheets (CSS) –Scripting language All three of these components are linked via Document Object Model (DOM) DOM is the interface that allows scripting languages to access the content, style, and structure of the web documents and change them dynamically
- 4. Tools of DTHML HTML and XML –Partitions and Organizes the content CSS –Defines the Presentation of the content Scripting - JavaScript, JScript, VBScript –Adds interactivity to the page DOM- Document Object Model –Defines what and how elements are exposed for script access
- 5. Components of DHTML DHTML requires four independent components to work: HTML, Cascading Style Sheets, Scripting and the Document Object Model. The section provides a brief description of each component. 1. HTML: HTML defines the structure of a Web page, using such basic elements as headings, forms, tables, paragraphs and links. On December 18, 1997, HTML 4.0 attained "recommended" status at the W3C. Changes and enhancements introduced in HTML 4.0 made DHTML possible. 2. Cascading Style Sheets (CSS): Similar to a template in a word- processing document, a style sheet controls the formatting of HTML elements. Like in traditional desktop publishing, one can use style sheet to specify page margins, point sizes and leading. Cascading Style Sheets is a method to determine precedence and to resolve conflicts when multiple styles are used.
- 6. 3. Scripting: Scripting provides the mechanisms to interpret user actions and produce client-side changes to a page. For example, scripts can interpret mouse actions (such as the mouse passing over a specified area of a page through the event model) and respond to the action by using a set of predefined instructions (such as highlighting the text activated by the mouse action). Although DHTML can communicate with several scripting languages, JavaScript is the de facto standard for creating cross-browser DHTML pages. 4. Document Object Model (DOM): The DOM outlines Web page content in a way that makes it possible for HTML elements, style sheets and scripting languages to interact with each other. The W3C defines the DOM as "a platform- and language- neutral interface that will allow programs and scripts to dynamically access and update the content, structure, and style of documents. The document can be further processed and the results of that processing can be incorporated back into the presented stage."
- 16. THANK YOU