introduction to dhtml
DESCRIPTION
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED………. Introduction Uses Components Difference between HTML and DHTML. Introduction - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/1.jpg)
INTRODUCTION
TO
DHTML
![Page 2: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/2.jpg)
TOPICS TO BE DISCUSSED……….
Introduction
Uses
Components
Difference between HTML and DHTML
![Page 3: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/3.jpg)
Introduction
Dynamic Hyper Text Markup Language (DHTML) is a combination of
Web development technologies used to create dynamically changing
websites. Web pages may include animation, dynamic menus and text
effects. The technologies used include a combination of HTML, JavaScript
or VB script, CSS and the document object model (DOM).
Designed to enhance a Web user’s experience.
![Page 4: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/4.jpg)
DHTML includes the following features:
Dynamic content, which allows the user to dynamically change Web page
Content.
Dynamic positioning of Web page elements
Dynamic style, which allows the user to change the Web page’s color, font,
size or content
![Page 5: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/5.jpg)
Uses of DHTML
Animate text and images in their document, independently moving each
element from any starting point to any ending point, following a
predetermined path or one chosen by the user.
Embed a ticker that automatically refreshes its content with the latest news,
stock quotes, or other data.
Use a form to capture user input, and then process, verify and respond to
that data without having to send data back to the server.
Include rollover buttons or drop-down menus.
![Page 6: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/6.jpg)
Components of DHTML
DHTML requires four independent components to work: HTML,
Cascading Style Sheets, Scripting and the Document Object Model.
Following is the description of each component.
HTML: HTML defines the structure of a Web page, using such basic
elements as headings, forms, tables, paragraphs and links.
![Page 7: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/7.jpg)
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.
![Page 8: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/8.jpg)
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.
![Page 9: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/9.jpg)
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."
![Page 10: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/10.jpg)
Differences between HTML and DHTML:
HTML is a mark-up language, while DHTML is a collection of
technology.
DHTML creates dynamic web pages, whereas HTML creates static web
pages.
DHTML allows including small animations and dynamic menus in Web
pages.
DHML used events, methods, properties to insulate dynamism in HTML
Pages.
![Page 11: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/11.jpg)
DHML is basically using JavaScript and style sheets in an HTML page.
HTML sites will be slow upon client-side technologies, while DHTML
sites will be fast enough upon client-side technologies.
HTML creates a plain page without any styles and Scripts called as
HTML. Whereas, DHTML creates a page with HTML, CSS, DOM and
Scripts called as DHTML.
HTML cannot have any server side code but DHTML may contain server
side code.
![Page 12: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/12.jpg)
In HTML, there is no need for database connectivity, but DHTML may
require connecting to a database as it interacts with user.
HTML files are stored with .htm or .html extension, while DHTML files
are stored with .dhtm extension.
HTML does not require any processing from browser, while DHTML
requires processing from browser which changes its look and feel.
![Page 13: INTRODUCTION TO DHTML](https://reader036.vdocument.in/reader036/viewer/2022081414/56814e53550346895dbbe103/html5/thumbnails/13.jpg)
THANKS