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

More Related Content

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

What's hot

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

Viewers also liked

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

Similar to Dynamic HTML (DHTML)

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

Recently uploaded

PPTX
Cloud vs On-Premises CMMS — Which Maintenance Platform Is Better for Your Plant?
PDF
BE-Python-Lab.pdf taught in msrit bangalore
PDF
Hybrid Anomaly Detection Mechanism for IOT Networks
PDF
Best Architecture in Kovilpatti - Amar Dexign Scape.pdf
PPTX
Presentation on Purdue model for control hierarchy
PPTX
firewall Selection in production life pptx
PDF
Basic Engineering mechanical handwriting notes
PDF
Structural Conservation Appraisal of Indian Monuments Preserving India’s Arch...
PPTX
علي نفط.pptx هندسة النفط هندسة النفط والغاز
PPTX
Vertical turbine pump explains installed in power plants
PPTX
Optimizing Plant Maintenance — Key Elements of a Successful Maintenance Plan ...
PPTX
How to Create an Effective Monthly Preventive Maintenance Plan
PPTX
Power point presentation on introduction of software engineering
PPTX
TPM Metrics & Measurement: Drive Performance Excellence with TPM | MaintWiz
PPTX
Network Security v1.0 - Module 2.pptx
PPTX
Preventive Maintenance Program for Compressors – Complete Guide
PPTX
UnrealGameplayAbilitySystemPresentation.pptx
PDF
Hazim Gaber - A Lean Six Sigma Black Belt
PPTX
Optimizing Operations: Key Elements of a Successful Plant Maintenance Plan — ...
PPTX
The Importance of Maintenance Budgets — Maximize Reliability & Control Costs ...
Cloud vs On-Premises CMMS — Which Maintenance Platform Is Better for Your Plant?
BE-Python-Lab.pdf taught in msrit bangalore
Hybrid Anomaly Detection Mechanism for IOT Networks
Best Architecture in Kovilpatti - Amar Dexign Scape.pdf
Presentation on Purdue model for control hierarchy
firewall Selection in production life pptx
Basic Engineering mechanical handwriting notes
Structural Conservation Appraisal of Indian Monuments Preserving India’s Arch...
علي نفط.pptx هندسة النفط هندسة النفط والغاز
Vertical turbine pump explains installed in power plants
Optimizing Plant Maintenance — Key Elements of a Successful Maintenance Plan ...
How to Create an Effective Monthly Preventive Maintenance Plan
Power point presentation on introduction of software engineering
TPM Metrics & Measurement: Drive Performance Excellence with TPM | MaintWiz
Network Security v1.0 - Module 2.pptx
Preventive Maintenance Program for Compressors – Complete Guide
UnrealGameplayAbilitySystemPresentation.pptx
Hazim Gaber - A Lean Six Sigma Black Belt
Optimizing Operations: Key Elements of a Successful Plant Maintenance Plan — ...
The Importance of Maintenance Budgets — Maximize Reliability & Control Costs ...

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