SlideShare una empresa de Scribd logo
1 de 10
“WEB DESIGN”
NAME:-AISHWARYA RANI PALLAI
Web Developer
Contact-8249682207
Email id:-
lit.aishwaryapallai2016@gmail.com
Presented by:-
 HTML stands for Hyper Test Markup Language.
 HTML is used to design a webpage.
 HTML provides web element such as table, text box, check
box, panel form, etc.
 It doesn’t support operator, control structure, variable,
function like programming language.
 HTML is used for tagging text files to achieve font, colour,
graphics and hyperlink effects on world wide web page.
 Each tag associated with some attribute. Attribute is used
to change the behaviour of the element.
 DHTML stands for Dynamic HTML.
 DHTML is the art of combining HTML, Java script,
DOM(Document object model), CSS and Server
side scripting language.
 DHTML is not a language or web standard. It is
a term.
 The main objective to make the page dynamic.
Dynamic means the content of webpage get
change a per user require.
 DHTML is a TERM used to describe the
technologies used to make webpages dynamic
and interactive that allow the document to be
animated.
Static webpage
HTML+ CSS
NOKIA HTC
Add to
cart
Add to
cart
NOKIA HTC
Add to
cart
Add to
cart
i
Nothing happen
DHTML+CSS+HTML
 A static web page is a web page that is delivered
to the user exactly as stored on the web server.
 Static pages are also known as flat or stationary
web pages.
 Static web pages are created using only HTML.
 Static web pages are only used when the
information is no more required to be modified.
 User can only read the information but can’t
modify it.
 Its easy to create.
 Dynamic Web pages shows different information
at different point of time.
 Its information can be change depending on the
viewer, the time of the day, the time zone,
viewer’s language and other factor.
 Dynamic web pages are of two types.
1.CLIENT-SIDE SCRIPTING
2. SERVER-SIDE SCRIPTING
 With client-side scripting, HTML scripting builds
the page and can utilize JavaScript and other
web-based programming languages to change the
data that the HTML scripting adds to the page as
it is built.
SERVER-SIDE SCRIPTING
 With server-side scripting, scripts are run on the
server that hosts the page. The process for how
the page is built is determined by parameters
defined in the server-side scripting.
CLIENT-SIDE SCRIPTING
DIFFERENCE BETWEEN
STATIC WEB PAGE & DYNAMIC WEBPAGE
STATIC WEBPAGES:-
 STATIC web pages can’t change the web page content.
 Static web pages do not have to be simple plain text.
They can feature detailed multimedia design and even
videos.
DYNAMC WEBPAGE:-
 DYNAMC web pages can change the web page contents
dynamically.
 The website can display different content based on
what operating system or browser the visitor is using.
DIAGRAM OF STATIC WEB PAGE
A STATIC WEBPAGE is delivered to the
user exactly as stored.
Static and Dynamic webpage

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Introduction to HTML and CSS
Introduction to HTML and CSSIntroduction to HTML and CSS
Introduction to HTML and CSS
 
CSS for Beginners
CSS for BeginnersCSS for Beginners
CSS for Beginners
 
Basic html tags
Basic html tagsBasic html tags
Basic html tags
 
Html, CSS & Web Designing
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
Complete Lecture on Css presentation
Complete Lecture on Css presentation Complete Lecture on Css presentation
Complete Lecture on Css presentation
 
Css Ppt
Css PptCss Ppt
Css Ppt
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html
HtmlHtml
Html
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
 
HTML Text formatting tags
HTML Text formatting tagsHTML Text formatting tags
HTML Text formatting tags
 
Html frames
Html framesHtml frames
Html frames
 
Html links
Html linksHtml links
Html links
 
introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 
Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginners
 
HTML
HTMLHTML
HTML
 
Web publishing
Web publishingWeb publishing
Web publishing
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 

Similar a Static and Dynamic webpage

Web Design Basics and HTML
Web Design Basics and HTMLWeb Design Basics and HTML
Web Design Basics and HTMLRajesh Sanabada
 
"DHTML vs HTML: Understanding the Dynamic Web Technologies"
"DHTML vs HTML: Understanding the Dynamic Web Technologies""DHTML vs HTML: Understanding the Dynamic Web Technologies"
"DHTML vs HTML: Understanding the Dynamic Web Technologies"NimoMuhumed
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and developmentgherryta
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfgdsczhcet
 
Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Developmentzaidfarooqui974
 
Dynamic Website Designing
Dynamic Website DesigningDynamic Website Designing
Dynamic Website DesigningOGEN Infosystem
 
Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142Ly Nguyen Bui
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREjatin batra
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx12KritiGaneriwal
 
Website Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions VisakhapatnamWebsite Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions VisakhapatnamGods Grace Technologies
 

Similar a Static and Dynamic webpage (20)

Web Design Basics and HTML
Web Design Basics and HTMLWeb Design Basics and HTML
Web Design Basics and HTML
 
"DHTML vs HTML: Understanding the Dynamic Web Technologies"
"DHTML vs HTML: Understanding the Dynamic Web Technologies""DHTML vs HTML: Understanding the Dynamic Web Technologies"
"DHTML vs HTML: Understanding the Dynamic Web Technologies"
 
Dhtml
DhtmlDhtml
Dhtml
 
Web Pages
Web PagesWeb Pages
Web Pages
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
 
web devs ppt.ppsx
web devs ppt.ppsxweb devs ppt.ppsx
web devs ppt.ppsx
 
Ajax
AjaxAjax
Ajax
 
Scripting languages
Scripting languagesScripting languages
Scripting languages
 
Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Development
 
Dynamic Website
Dynamic Website Dynamic Website
Dynamic Website
 
Dynamic Website Designing
Dynamic Website DesigningDynamic Website Designing
Dynamic Website Designing
 
dot net unit-1.pdf
dot net unit-1.pdfdot net unit-1.pdf
dot net unit-1.pdf
 
Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142Fundamental of-web design-trends-20142
Fundamental of-web design-trends-20142
 
technology@web
technology@webtechnology@web
technology@web
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
 
Server side scripting
Server side scriptingServer side scripting
Server side scripting
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Server side scripting
Server side scriptingServer side scripting
Server side scripting
 
Website Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions VisakhapatnamWebsite Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
Website Designing Services | Web Development Vizag | Web Solutions Visakhapatnam
 

Último

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 

Último (20)

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 

Static and Dynamic webpage

  • 1. “WEB DESIGN” NAME:-AISHWARYA RANI PALLAI Web Developer Contact-8249682207 Email id:- lit.aishwaryapallai2016@gmail.com Presented by:-
  • 2.  HTML stands for Hyper Test Markup Language.  HTML is used to design a webpage.  HTML provides web element such as table, text box, check box, panel form, etc.  It doesn’t support operator, control structure, variable, function like programming language.  HTML is used for tagging text files to achieve font, colour, graphics and hyperlink effects on world wide web page.  Each tag associated with some attribute. Attribute is used to change the behaviour of the element.
  • 3.  DHTML stands for Dynamic HTML.  DHTML is the art of combining HTML, Java script, DOM(Document object model), CSS and Server side scripting language.  DHTML is not a language or web standard. It is a term.  The main objective to make the page dynamic. Dynamic means the content of webpage get change a per user require.  DHTML is a TERM used to describe the technologies used to make webpages dynamic and interactive that allow the document to be animated.
  • 4. Static webpage HTML+ CSS NOKIA HTC Add to cart Add to cart NOKIA HTC Add to cart Add to cart i Nothing happen DHTML+CSS+HTML
  • 5.  A static web page is a web page that is delivered to the user exactly as stored on the web server.  Static pages are also known as flat or stationary web pages.  Static web pages are created using only HTML.  Static web pages are only used when the information is no more required to be modified.  User can only read the information but can’t modify it.  Its easy to create.
  • 6.  Dynamic Web pages shows different information at different point of time.  Its information can be change depending on the viewer, the time of the day, the time zone, viewer’s language and other factor.  Dynamic web pages are of two types. 1.CLIENT-SIDE SCRIPTING 2. SERVER-SIDE SCRIPTING
  • 7.  With client-side scripting, HTML scripting builds the page and can utilize JavaScript and other web-based programming languages to change the data that the HTML scripting adds to the page as it is built. SERVER-SIDE SCRIPTING  With server-side scripting, scripts are run on the server that hosts the page. The process for how the page is built is determined by parameters defined in the server-side scripting. CLIENT-SIDE SCRIPTING
  • 8. DIFFERENCE BETWEEN STATIC WEB PAGE & DYNAMIC WEBPAGE STATIC WEBPAGES:-  STATIC web pages can’t change the web page content.  Static web pages do not have to be simple plain text. They can feature detailed multimedia design and even videos. DYNAMC WEBPAGE:-  DYNAMC web pages can change the web page contents dynamically.  The website can display different content based on what operating system or browser the visitor is using.
  • 9. DIAGRAM OF STATIC WEB PAGE A STATIC WEBPAGE is delivered to the user exactly as stored.