SlideShare a Scribd company logo
2
Most read
3
Most read
4
Most read
DYNAMIC HTML
PRESENTED BY:-
Ayush Sharma - 10
Himanshu Kumar - 16
Piyush Singh - 28
Pranabananda Jana - 29
Somnath Jha - 45
1
CONTENTS
 DHTML
 Features Of DHTML
 Advantage Of DHTML
 HTML – Brief Description
 CSS - Brief Description
 Scripting Example
 Dom
 HTML DOM Tree
 Advantage Of DOM
2
DHTML- BRIEF DESCRIPTION
 DHTML stands for Dynamic HTML.
 "Dynamic" is defined as the ability of the browser to
alter a web page's look and style after the
document has loaded.
 It just uses languages features to build dynamic
web pages.
3Content
 All these three components are linked via
Document Object Model (DOM).
 Document Object Model is to provide a standard
programming interface.
 DHTML is NOT a scripting language
 It uses different technologies.
DHTML…
4Content
 Simplest feature is making the page dynamic.
 Can be used to create animations, games, applications.
 Dynamic building of web pages is simple as no plug-in is
required.
 Facilitates the usage of events, methods and properties
and code reuse.
 It makes the Web experience faster and more interactive
for end users.
FEATURES OF DHTML
5
Content
Dynamic HTML
HTML
content
CSS
style rules
appearance
Scripting
Language
manipulatemanipulate
6Content
ADVANTAGE OF DHTML
 DHTML can make your browser dynamic and
interactive.
 Validation of input’s given by the user can be done
at the client side, without connection to the server.
 Content and design can be separated using Style
sheets & uniformity of the site can be maintained
using them.
7Content
HTML – BRIEF DESCRIPTION
 HTML Stands for Hyper Text Markup Language.
 An HTML file is a Text file containing small markup
tags.
 An HTML file can be created by using a simple Text
Editor like Notepad.
8Content
HTML
Partitions and Organizes the content
9
Content
HTML EXAMPLE
<HTML>
<HEAD>
<TITLE>Sample</TITLE>
</HEAD>
<BODY>
<P><h1><b>This is a sample paragraph</b></h1></P>
</BODY>
</HTML>
10View Page Content
CSS
[ CASCADING STYLE SHEETS ]
element
Padding
Border
Margin
CSS: Box Model
11
Content
CSS- BRIEF DESCRIPTION
 Cascading Style Sheet
 Defining the style and layout model for HTML
documents.
 There are two types implementation
i) Internal
ii) External
12
Content
CSS EXAMPLE
<STYLE TYPE="text/css">
BODY {
background-color: #CCCCCC;
}
P {
border: 1px solid black;
background-color: #FFFFFF;
margin-bottom: 1px;
}
</STYLE>
13View Page Content
SCRIPTING (JAVA SCRIPT , VB SCRIPT)
 Allows you to add conditional, client-side logic
and behavior to your document.
 Fully object-oriented, DOM interaction and more.
14Content
JAVASCRIPT EXAMPLE
<script type="text/javascript">
function display_message()
{
document.write("n This is a message");
var x=4;
document.write("n Integer value of x"+x);
var x="It is a String";
document.write("n String value of x"+x);
};
</script>
15ContentView Page
DOM INTRODUCTION
 DOM stands for Data Object Model.
 The DOM is a W3C (World Wide Web Consortium) standard.
 "The W3C Document Object Model (DOM) is a platform and
language-neutral interface that allows programs and scripts to
dynamically access and update the content, structure, and
style of a document."
16Content
HTML DOM TREE
17Content
ADVANTAGE OF DOM
 The Document Object Model is a platform- and
language-neutral interface.
 Defines a hierarchical model of the document
structure through which all document elements may
be accessed.
 Relatively simple to modify data structure and
extract data.
18Content
THANK YOU…
19

More Related Content

PDF
HTML CSS Basics
PPTX
Computer system bus
PPTX
Polygon filling algorithm
PPTX
Lab #2: Introduction to Javascript
PPTX
WORKFLOW OF THE PROCESS IN SPM
PPTX
Presentation on Core java
HTML CSS Basics
Computer system bus
Polygon filling algorithm
Lab #2: Introduction to Javascript
WORKFLOW OF THE PROCESS IN SPM
Presentation on Core java

What's hot (20)

PPT
Advanced Cascading Style Sheets
PPT
cascading style sheet ppt
PPTX
html-table
ODP
Introduction of Html/css/js
PPTX
Cascading style sheets (CSS-Web Technology)
PPTX
Java script
PPTX
PPT
Introduction to Cascading Style Sheets (CSS)
PDF
Introduction to HTML5
PPTX
HTML/HTML5
PPTX
Static and Dynamic webpage
PPT
CSS Basics
PPT
Javascript
PDF
Html frames
PPTX
Html5 tutorial for beginners
PPTX
Statements and Conditions in PHP
PPT
Servlet life cycle
PDF
Html / CSS Presentation
Advanced Cascading Style Sheets
cascading style sheet ppt
html-table
Introduction of Html/css/js
Cascading style sheets (CSS-Web Technology)
Java script
Introduction to Cascading Style Sheets (CSS)
Introduction to HTML5
HTML/HTML5
Static and Dynamic webpage
CSS Basics
Javascript
Html frames
Html5 tutorial for beginners
Statements and Conditions in PHP
Servlet life cycle
Html / CSS Presentation
Ad

Viewers also liked (11)

PPT
JavaScript - An Introduction
PPTX
PPS
PPTX
Dhtml
PDF
Introduction to XHTML
PPT
Dynamic HTML
PPTX
JSON: The Basics
PPT
Js ppt
JavaScript - An Introduction
Dhtml
Introduction to XHTML
Dynamic HTML
JSON: The Basics
Js ppt
Ad

Similar to Dynamic HTML (DHTML) (20)

PPTX
DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML) & CSS WITH Application of JavaScript
PPT
Presentation on html, css
PPTX
Markup language classification, designing static and dynamic
PDF
How Browsers Work
PPTX
PPT ON SEMINAR REPORT.pptx. bhvhvhchchvhchch
PPT
Html book2
PPTX
Introduction to HTML+CSS+Javascript.pptx
PPTX
Introduction to HTML+CSS+Javascript.pptx
PDF
UNIT-2.pdff na hdjsjqkiadndkwjsmdmakxkddnsn
PPTX
Html5 ppt
PPTX
HTML Fundamentals
PPTX
3 1-html-fundamentals-110302100520-phpapp02
PDF
Html 5 - What's new?
PDF
Lab#2 overview of html
PPT
PPTX
4. html css-java script-basics
PPTX
4. html css-java script-basics
PPTX
4. html css-java script-basics
PPTX
POLITEKNIK MALAYSIA
DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML) & CSS WITH Application of JavaScript
Presentation on html, css
Markup language classification, designing static and dynamic
How Browsers Work
PPT ON SEMINAR REPORT.pptx. bhvhvhchchvhchch
Html book2
Introduction to HTML+CSS+Javascript.pptx
Introduction to HTML+CSS+Javascript.pptx
UNIT-2.pdff na hdjsjqkiadndkwjsmdmakxkddnsn
Html5 ppt
HTML Fundamentals
3 1-html-fundamentals-110302100520-phpapp02
Html 5 - What's new?
Lab#2 overview of html
4. html css-java script-basics
4. html css-java script-basics
4. html css-java script-basics
POLITEKNIK MALAYSIA

Recently uploaded (20)

PPTX
CARTOGRAPHY AND GEOINFORMATION VISUALIZATION chapter1 NPTE (2).pptx
PPT
Mechanical Engineering MATERIALS Selection
DOCX
573137875-Attendance-Management-System-original
PPTX
MCN 401 KTU-2019-PPE KITS-MODULE 2.pptx
PDF
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
PPTX
Recipes for Real Time Voice AI WebRTC, SLMs and Open Source Software.pptx
PDF
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PDF
PPT on Performance Review to get promotions
PDF
R24 SURVEYING LAB MANUAL for civil enggi
PPTX
M Tech Sem 1 Civil Engineering Environmental Sciences.pptx
PPTX
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
PDF
Well-logging-methods_new................
PDF
Model Code of Practice - Construction Work - 21102022 .pdf
PDF
Enhancing Cyber Defense Against Zero-Day Attacks using Ensemble Neural Networks
PDF
Mohammad Mahdi Farshadian CV - Prospective PhD Student 2026
PPTX
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
PPTX
bas. eng. economics group 4 presentation 1.pptx
PPT
Project quality management in manufacturing
PDF
Mitigating Risks through Effective Management for Enhancing Organizational Pe...
PDF
SM_6th-Sem__Cse_Internet-of-Things.pdf IOT
CARTOGRAPHY AND GEOINFORMATION VISUALIZATION chapter1 NPTE (2).pptx
Mechanical Engineering MATERIALS Selection
573137875-Attendance-Management-System-original
MCN 401 KTU-2019-PPE KITS-MODULE 2.pptx
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
Recipes for Real Time Voice AI WebRTC, SLMs and Open Source Software.pptx
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PPT on Performance Review to get promotions
R24 SURVEYING LAB MANUAL for civil enggi
M Tech Sem 1 Civil Engineering Environmental Sciences.pptx
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
Well-logging-methods_new................
Model Code of Practice - Construction Work - 21102022 .pdf
Enhancing Cyber Defense Against Zero-Day Attacks using Ensemble Neural Networks
Mohammad Mahdi Farshadian CV - Prospective PhD Student 2026
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
bas. eng. economics group 4 presentation 1.pptx
Project quality management in manufacturing
Mitigating Risks through Effective Management for Enhancing Organizational Pe...
SM_6th-Sem__Cse_Internet-of-Things.pdf IOT

Dynamic HTML (DHTML)

  • 1. DYNAMIC HTML PRESENTED BY:- Ayush Sharma - 10 Himanshu Kumar - 16 Piyush Singh - 28 Pranabananda Jana - 29 Somnath Jha - 45 1
  • 2. CONTENTS  DHTML  Features Of DHTML  Advantage Of DHTML  HTML – Brief Description  CSS - Brief Description  Scripting Example  Dom  HTML DOM Tree  Advantage Of DOM 2
  • 3. DHTML- BRIEF DESCRIPTION  DHTML stands for Dynamic HTML.  "Dynamic" is defined as the ability of the browser to alter a web page's look and style after the document has loaded.  It just uses languages features to build dynamic web pages. 3Content
  • 4.  All these three components are linked via Document Object Model (DOM).  Document Object Model is to provide a standard programming interface.  DHTML is NOT a scripting language  It uses different technologies. DHTML… 4Content
  • 5.  Simplest feature is making the page dynamic.  Can be used to create animations, games, applications.  Dynamic building of web pages is simple as no plug-in is required.  Facilitates the usage of events, methods and properties and code reuse.  It makes the Web experience faster and more interactive for end users. FEATURES OF DHTML 5 Content
  • 7. ADVANTAGE OF DHTML  DHTML can make your browser dynamic and interactive.  Validation of input’s given by the user can be done at the client side, without connection to the server.  Content and design can be separated using Style sheets & uniformity of the site can be maintained using them. 7Content
  • 8. HTML – BRIEF DESCRIPTION  HTML Stands for Hyper Text Markup Language.  An HTML file is a Text file containing small markup tags.  An HTML file can be created by using a simple Text Editor like Notepad. 8Content
  • 9. HTML Partitions and Organizes the content 9 Content
  • 10. HTML EXAMPLE <HTML> <HEAD> <TITLE>Sample</TITLE> </HEAD> <BODY> <P><h1><b>This is a sample paragraph</b></h1></P> </BODY> </HTML> 10View Page Content
  • 11. CSS [ CASCADING STYLE SHEETS ] element Padding Border Margin CSS: Box Model 11 Content
  • 12. CSS- BRIEF DESCRIPTION  Cascading Style Sheet  Defining the style and layout model for HTML documents.  There are two types implementation i) Internal ii) External 12 Content
  • 13. CSS EXAMPLE <STYLE TYPE="text/css"> BODY { background-color: #CCCCCC; } P { border: 1px solid black; background-color: #FFFFFF; margin-bottom: 1px; } </STYLE> 13View Page Content
  • 14. SCRIPTING (JAVA SCRIPT , VB SCRIPT)  Allows you to add conditional, client-side logic and behavior to your document.  Fully object-oriented, DOM interaction and more. 14Content
  • 15. JAVASCRIPT EXAMPLE <script type="text/javascript"> function display_message() { document.write("n This is a message"); var x=4; document.write("n Integer value of x"+x); var x="It is a String"; document.write("n String value of x"+x); }; </script> 15ContentView Page
  • 16. DOM INTRODUCTION  DOM stands for Data Object Model.  The DOM is a W3C (World Wide Web Consortium) standard.  "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document." 16Content
  • 18. ADVANTAGE OF DOM  The Document Object Model is a platform- and language-neutral interface.  Defines a hierarchical model of the document structure through which all document elements may be accessed.  Relatively simple to modify data structure and extract data. 18Content