Movatterモバイル変換


[0]ホーム

URL:


Himanshu Kumar, profile picture
Uploaded byHimanshu Kumar
PPTX, PDF11,358 views

Dynamic HTML (DHTML)

This document provides an overview of dynamic HTML (DHTML) and its components. DHTML uses HTML for content, CSS for styling and presentation, and scripting languages to manipulate and change the page after it loads. The three components are linked via the Document Object Model (DOM), which provides a standard interface. DHTML allows creating animations, games and applications by dynamically building web pages without plugins. It makes the web experience more interactive for users.

Embed presentation

Downloaded 353 times
DYNAMIC HTMLPRESENTED BY:-Ayush Sharma - 10Himanshu Kumar - 16Piyush Singh - 28Pranabananda Jana - 29Somnath Jha - 451
CONTENTS DHTML Features Of DHTML Advantage Of DHTML HTML – Brief Description CSS - Brief Description Scripting Example Dom HTML DOM Tree Advantage Of DOM2
DHTML- BRIEF DESCRIPTION DHTML stands for Dynamic HTML. "Dynamic" is defined as the ability of the browser toalter a web page's look and style after thedocument has loaded. It just uses languages features to build dynamicweb pages.3Content
 All these three components are linked viaDocument Object Model (DOM). Document Object Model is to provide a standardprogramming 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 isrequired. Facilitates the usage of events, methods and propertiesand code reuse. It makes the Web experience faster and more interactivefor end users.FEATURES OF DHTML5Content
Dynamic HTMLHTMLcontentCSSstyle rulesappearanceScriptingLanguagemanipulatemanipulate6Content
ADVANTAGE OF DHTML DHTML can make your browser dynamic andinteractive. Validation of input’s given by the user can be doneat the client side, without connection to the server. Content and design can be separated using Stylesheets & uniformity of the site can be maintainedusing them.7Content
HTML – BRIEF DESCRIPTION HTML Stands for Hyper Text Markup Language. An HTML file is a Text file containing small markuptags. An HTML file can be created by using a simple TextEditor like Notepad.8Content
HTMLPartitions and Organizes the content9Content
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 ]elementPaddingBorderMarginCSS: Box Model11Content
CSS- BRIEF DESCRIPTION Cascading Style Sheet Defining the style and layout model for HTMLdocuments. There are two types implementationi) Internalii) External12Content
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 logicand 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 andlanguage-neutral interface that allows programs and scripts todynamically access and update the content, structure, andstyle of a document."16Content
HTML DOM TREE17Content
ADVANTAGE OF DOM The Document Object Model is a platform- andlanguage-neutral interface. Defines a hierarchical model of the documentstructure through which all document elements maybe accessed. Relatively simple to modify data structure andextract data.18Content
THANK YOU…19

Recommended

PPTX
Html and css presentation
PPTX
Dom(document object model)
PPTX
Java script
PPSX
Introduction to Html5
PPTX
Java script
PPTX
JavaScript New Tutorial Class XI and XII.pptx
PPTX
Web designing unit 4
ODP
Introduction of Html/css/js
PPT
Html basics
PPTX
PDF
Intro to HTML and CSS basics
PDF
JavaScript - Chapter 13 - Browser Object Model(BOM)
PPTX
Static and Dynamic webpage
PPT
PPTX
HTML (Web) basics for a beginner
PPTX
HTML Forms
PDF
Html frames
PPSX
Html introduction
PPTX
Html images syntax
PPTX
Html frames
PDF
Introduction to XHTML
PDF
Introduction to html
PPTX
Css types internal, external and inline (1)
PPTX
Css selectors
PPTX
Dhtml
PPTX
Dhtml

More Related Content

PPTX
Html and css presentation
PPTX
Dom(document object model)
PPTX
Java script
PPSX
Introduction to Html5
PPTX
Java script
PPTX
JavaScript New Tutorial Class XI and XII.pptx
PPTX
Web designing unit 4
Html and css presentation
Dom(document object model)
Java script
Introduction to Html5
Java script
JavaScript New Tutorial Class XI and XII.pptx
Web designing unit 4

What's hot

ODP
Introduction of Html/css/js
PPT
Html basics
PPTX
PDF
Intro to HTML and CSS basics
PDF
JavaScript - Chapter 13 - Browser Object Model(BOM)
PPTX
Static and Dynamic webpage
PPT
PPTX
HTML (Web) basics for a beginner
PPTX
HTML Forms
PDF
Html frames
PPSX
Html introduction
PPTX
Html images syntax
PPTX
Html frames
PDF
Introduction to XHTML
PDF
Introduction to html
PPTX
Css types internal, external and inline (1)
PPTX
Css selectors
Introduction of Html/css/js
Html basics
Intro to HTML and CSS basics
JavaScript - Chapter 13 - Browser Object Model(BOM)
Static and Dynamic webpage
HTML (Web) basics for a beginner
HTML Forms
Html frames
Html introduction
Html images syntax
Html frames
Introduction to XHTML
Introduction to html
Css types internal, external and inline (1)
Css selectors

Viewers also liked

PPTX
Dhtml
PPTX
Dhtml
PPT
JavaScript - An Introduction
PPT
Js ppt
PPTX
JSON: The Basics
PDF
PPS
Xhtml
PPT
Dynamic HTML
DOCX
Dhtml
Dhtml
JavaScript - An Introduction
Js ppt
JSON: The Basics
Xhtml
Dynamic HTML

Similar to Dynamic HTML (DHTML)

PPTX
Web development using HTML and CSS
PPTX
DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML) & CSS WITH Application of JavaScript
PPT
Unit 2 dhtml
PPTX
Html Concept
PDF
Web Engineering UNIT III as per RGPV Syllabus
PDF
UNIT-2.pdff na hdjsjqkiadndkwjsmdmakxkddnsn
PDF
Web engineering notes unit 3
PPT
Dhtml chapter2
PDF
Web Engineering, Web design, development-2
PPTX
COMP 9 U1 - L1.pptx COMP 9 U1 - L1.pptxCOMP 9 U1 - L1.pptx
PPTX
WELCOME (recovernjkgnjvnvnfjkvnjknnbfjked).pptx
PPTX
Web Design Basics and HTML
PDF
Internship review
PPT
Dynamic html (#1)
PPTX
Digital Marketing Company
PPTX
An Introduction to HTML
PPT
ppt.ppt
DOCX
Web Development Training Report.docx
PPTX
025444215.pptx
PPTX
Web Technology Part 3
Web development using HTML and CSS
DYNAMIC HYPERTEXT MARKUP LANGUAGE (DHTML) & CSS WITH Application of JavaScript
Unit 2 dhtml
Html Concept
Web Engineering UNIT III as per RGPV Syllabus
UNIT-2.pdff na hdjsjqkiadndkwjsmdmakxkddnsn
Web engineering notes unit 3
Dhtml chapter2
Web Engineering, Web design, development-2
COMP 9 U1 - L1.pptx COMP 9 U1 - L1.pptxCOMP 9 U1 - L1.pptx
WELCOME (recovernjkgnjvnvnfjkvnjknnbfjked).pptx
Web Design Basics and HTML
Internship review
Dynamic html (#1)
Digital Marketing Company
An Introduction to HTML
ppt.ppt
Web Development Training Report.docx
025444215.pptx
Web Technology Part 3

Recently uploaded

PPTX
MECCA Empire – Hotel Shuttle System for the 2026 FIFA World Cup
 
PPTX
Revolutionizing Facilities Management with MaintWiz — AI CMMS for Smart FMaaS
PPTX
Assessment 4 SRS Presentation - Final (2).pptx
PPTX
TPM Metrics & Measurement: Drive Performance Excellence with TPM | MaintWiz
PPTX
How to Implement Kaizen in Your Organization for Continuous Improvement Success
PPTX
Presentation on Purdue model for control hierarchy
PDF
Handheld_Laser_Welding_Presentation 2.pdf
PPTX
Optimizing Plant Maintenance — Key Elements of a Successful Maintenance Plan ...
PPTX
ISO 14224 Compliance & CMMS Software — A Comprehensive Guide for Reliable Mai...
PDF
Hazim Gaber - A Lean Six Sigma Black Belt
PDF
BE-Python-Lab.pdf taught in msrit bangalore
PDF
Lecture -06-Hybrid Policies - Chapter 7- Weeks 6-7.pdf
PPTX
Natural Gas fundamentals and GRU for associated gas trap.pptx
PPTX
The Complete Guide to Energy Audits_ Unlocking Savings, Sustainability, and P...
PPTX
MODULE 1-UNIT_1.pptx MODULE 1-UNIT_1.pptx MODULE 1-UNIT_1.pptx
PDF
Structural Conservation Appraisal of Indian Monuments Preserving India’s Arch...
PDF
Basic Engineering mechanical handwriting notes
PDF
Basic Control system for oin and gas PART1.pdf
PPTX
Step-by-step guide to designing standard a microbiology laboratory in pharmac...
PPT
63490613-Boiler-Tube-Leakage-analysis-symptoms-causes.ppt
MECCA Empire – Hotel Shuttle System for the 2026 FIFA World Cup
 
Revolutionizing Facilities Management with MaintWiz — AI CMMS for Smart FMaaS
Assessment 4 SRS Presentation - Final (2).pptx
TPM Metrics & Measurement: Drive Performance Excellence with TPM | MaintWiz
How to Implement Kaizen in Your Organization for Continuous Improvement Success
Presentation on Purdue model for control hierarchy
Handheld_Laser_Welding_Presentation 2.pdf
Optimizing Plant Maintenance — Key Elements of a Successful Maintenance Plan ...
ISO 14224 Compliance & CMMS Software — A Comprehensive Guide for Reliable Mai...
Hazim Gaber - A Lean Six Sigma Black Belt
BE-Python-Lab.pdf taught in msrit bangalore
Lecture -06-Hybrid Policies - Chapter 7- Weeks 6-7.pdf
Natural Gas fundamentals and GRU for associated gas trap.pptx
The Complete Guide to Energy Audits_ Unlocking Savings, Sustainability, and P...
MODULE 1-UNIT_1.pptx MODULE 1-UNIT_1.pptx MODULE 1-UNIT_1.pptx
Structural Conservation Appraisal of Indian Monuments Preserving India’s Arch...
Basic Engineering mechanical handwriting notes
Basic Control system for oin and gas PART1.pdf
Step-by-step guide to designing standard a microbiology laboratory in pharmac...
63490613-Boiler-Tube-Leakage-analysis-symptoms-causes.ppt

Dynamic HTML (DHTML)

  • 1.
    DYNAMIC HTMLPRESENTED BY:-AyushSharma - 10Himanshu Kumar - 16Piyush Singh - 28Pranabananda Jana - 29Somnath Jha - 451
  • 2.
    CONTENTS DHTML FeaturesOf DHTML Advantage Of DHTML HTML – Brief Description CSS - Brief Description Scripting Example Dom HTML DOM Tree Advantage Of DOM2
  • 3.
    DHTML- BRIEF DESCRIPTIONDHTML stands for Dynamic HTML. "Dynamic" is defined as the ability of the browser toalter a web page's look and style after thedocument has loaded. It just uses languages features to build dynamicweb pages.3Content
  • 4.
     All thesethree components are linked viaDocument Object Model (DOM). Document Object Model is to provide a standardprogramming interface. DHTML is NOT a scripting language It uses different technologies.DHTML…4Content
  • 5.
     Simplest featureis making the page dynamic. Can be used to create animations, games, applications. Dynamic building of web pages is simple as no plug-in isrequired. Facilitates the usage of events, methods and propertiesand code reuse. It makes the Web experience faster and more interactivefor end users.FEATURES OF DHTML5Content
  • 6.
  • 7.
    ADVANTAGE OF DHTMLDHTML can make your browser dynamic andinteractive. Validation of input’s given by the user can be doneat the client side, without connection to the server. Content and design can be separated using Stylesheets & uniformity of the site can be maintainedusing them.7Content
  • 8.
    HTML – BRIEFDESCRIPTION HTML Stands for Hyper Text Markup Language. An HTML file is a Text file containing small markuptags. An HTML file can be created by using a simple TextEditor like Notepad.8Content
  • 9.
    HTMLPartitions and Organizesthe content9Content
  • 10.
    HTML EXAMPLE<HTML><HEAD><TITLE>Sample</TITLE></HEAD><BODY><P><h1><b>This isa sample paragraph</b></h1></P></BODY></HTML>10View Page Content
  • 11.
    CSS[ CASCADING STYLESHEETS ]elementPaddingBorderMarginCSS: Box Model11Content
  • 12.
    CSS- BRIEF DESCRIPTIONCascading Style Sheet Defining the style and layout model for HTMLdocuments. There are two types implementationi) Internalii) External12Content
  • 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 logicand behavior to your document. Fully object-oriented, DOM interaction and more.14Content
  • 15.
    JAVASCRIPT EXAMPLE<script type="text/javascript">functiondisplay_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 DOMstands for Data Object Model. The DOM is a W3C (World Wide Web Consortium) standard. "The W3C Document Object Model (DOM) is a platform andlanguage-neutral interface that allows programs and scripts todynamically access and update the content, structure, andstyle of a document."16Content
  • 17.
  • 18.
    ADVANTAGE OF DOMThe Document Object Model is a platform- andlanguage-neutral interface. Defines a hierarchical model of the documentstructure through which all document elements maybe accessed. Relatively simple to modify data structure andextract data.18Content
  • 19.

[8]ページ先頭

©2009-2025 Movatter.jp