SlideShare a Scribd company logo
1 of 19
Download to read offline
ServerClient
WWW
(Hyper-text markup language)
(CascadingStyle Sheets)
(Javascript)
(Hypertext Preprocessor )
(eXtensive MarkupLanguage)
(Asynchronous Javascript and XML)
AJAX
(WorldWideWeb)
(Hyper text markup language)
• A markup language is a set of markup tags
• HTML is a markup language
• The tags describe document content
• Html tags are stored in .html or .htm files
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013
(Hyper text markup language)
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
(Cascading Style Sheets)
• CSS stands for Cascading Style Sheets
• Styles define how to display HTML elements
• Styles were added to HTML 4.0 to solve a problem
• External Style Sheets can save a lot of work
• External Style Sheets are stored in CSS files
table{ border :1px solid #C00; }
selector property value
body{
background-color:#d0e4fe;
}
h1 {
color: orange;
text-align: center;
}
p {
font-family: "Times New Roman";
font-size:20px;
}
(Cascading Style Sheets)
• The purpose of Jquery is to make it much easier to use JavaScript on your
website.
• Jquery takes a lot of common tasks that require many lines of JavaScript
code to accomplish, and wraps them into methods that you can call with a
single line of code.
• Jquery is a lightweight, "write less, do more", JavaScript library.
• Jquery also simplifies a lot of the complicated things from JavaScript,
like AJAX calls and DOM manipulation.
 HTML/DOM manipulation
 CSS manipulation
 HTML event method
 Effects and animations
 AJAX
 Utilities
Features:
$(document).ready(function()
{
$("p").click(function()
{
$(this).hide();
});
});
Many of the biggest
companies are using
Jquery
• JavaScript was invented by Brendan Eich.
• JavaScript is the world's most popular
programming language. It is the language for
HTML and the web, for servers, PCs, laptops,
tablets, smart phones, and more.
• JavaScript is programming code that can be
inserted into HTML pages.
• JavaScript inserted into HTML pages, can be
executed by all modern web browsers.
<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
</html>
(Asynchronous JavaScript and XML)
• AJAX is the art of
exchanging data with a
server, and updating
parts of a web page -
without reloading the
whole page.
An event occurs…
• Create an
XMLHttpRequest object
• Send HttpRequest
• Process the returned
data using Javascript
• Update page content
• Process HTTPRequest
• Create a response and
send data back to the
browser
BROWSER
SERVER
(eXtensive Markup Language)
• XML is designed to transport and store data.
• XML is designed to carry data, not to display data
• XML tags are not predefined. You must define your own
tags
• XML is designed to be self-descriptive
<?xml version="1.0"?>
<note>
<to>PRIYA</to>
<from>PRINCE</from>
<heading>Reminder</heading>
<body>
Don't forget me this weekend!
</body>
</note>
(eXtensive Markup Language)
(Hypertext Preprocessor)
• PHP is a server-side scripting language, and is a
powerful tool for making dynamic and interactive Web
pages quickly.
• PHP is a widely-used, open source scripting language
• PHP scripts are executed on the server
<html>
<body>
<?php
echo "My first PHP script!";
?>
</body>
</html>
(Hypertext Preprocessor)
THANK Y U

More Related Content

What's hot

Introduction to ArangoDB (nosql matters Barcelona 2012)
Introduction to ArangoDB (nosql matters Barcelona 2012)Introduction to ArangoDB (nosql matters Barcelona 2012)
Introduction to ArangoDB (nosql matters Barcelona 2012)ArangoDB Database
 
NOSQL Databases for the .NET Developer
NOSQL Databases for the .NET DeveloperNOSQL Databases for the .NET Developer
NOSQL Databases for the .NET DeveloperJesus Rodriguez
 
Component-Oriented Web Development with Dart
Component-Oriented Web Development with DartComponent-Oriented Web Development with Dart
Component-Oriented Web Development with DartC4Media
 
Building Scalable, Globally Distrubuted System with Azure Cosmos DB Introduction
Building Scalable, Globally Distrubuted System with Azure Cosmos DB IntroductionBuilding Scalable, Globally Distrubuted System with Azure Cosmos DB Introduction
Building Scalable, Globally Distrubuted System with Azure Cosmos DB IntroductionHasan Savran
 
List and images in html
List and images in htmlList and images in html
List and images in htmlprithvisawla
 
U-SQL Reading & Writing Files (SQLBits 2016)
U-SQL Reading & Writing Files (SQLBits 2016)U-SQL Reading & Writing Files (SQLBits 2016)
U-SQL Reading & Writing Files (SQLBits 2016)Michael Rys
 
Intro to XML in libraries
Intro to XML in librariesIntro to XML in libraries
Intro to XML in librariesKyle Banerjee
 
Html Templating - DOT JS
Html Templating - DOT JSHtml Templating - DOT JS
Html Templating - DOT JSNagaraju Sangam
 
Drill lightning-london-big-data-10-01-2012
Drill lightning-london-big-data-10-01-2012Drill lightning-london-big-data-10-01-2012
Drill lightning-london-big-data-10-01-2012Ted Dunning
 
Introduction to html & css
Introduction to html & cssIntroduction to html & css
Introduction to html & csssesharao puvvada
 
Normalizing Data for Migrations
Normalizing Data for MigrationsNormalizing Data for Migrations
Normalizing Data for MigrationsKyle Banerjee
 
Introduction to mongo db
Introduction to mongo dbIntroduction to mongo db
Introduction to mongo dbHemant Sharma
 

What's hot (20)

Introduction to ArangoDB (nosql matters Barcelona 2012)
Introduction to ArangoDB (nosql matters Barcelona 2012)Introduction to ArangoDB (nosql matters Barcelona 2012)
Introduction to ArangoDB (nosql matters Barcelona 2012)
 
NOSQL Databases for the .NET Developer
NOSQL Databases for the .NET DeveloperNOSQL Databases for the .NET Developer
NOSQL Databases for the .NET Developer
 
ArangoDB
ArangoDBArangoDB
ArangoDB
 
Component-Oriented Web Development with Dart
Component-Oriented Web Development with DartComponent-Oriented Web Development with Dart
Component-Oriented Web Development with Dart
 
Dom parser
Dom parserDom parser
Dom parser
 
Building Scalable, Globally Distrubuted System with Azure Cosmos DB Introduction
Building Scalable, Globally Distrubuted System with Azure Cosmos DB IntroductionBuilding Scalable, Globally Distrubuted System with Azure Cosmos DB Introduction
Building Scalable, Globally Distrubuted System with Azure Cosmos DB Introduction
 
List and images in html
List and images in htmlList and images in html
List and images in html
 
Xml processors
Xml processorsXml processors
Xml processors
 
Appy Hour: Mobile Office
Appy Hour: Mobile OfficeAppy Hour: Mobile Office
Appy Hour: Mobile Office
 
U-SQL Reading & Writing Files (SQLBits 2016)
U-SQL Reading & Writing Files (SQLBits 2016)U-SQL Reading & Writing Files (SQLBits 2016)
U-SQL Reading & Writing Files (SQLBits 2016)
 
Understanding XML DOM
Understanding XML DOMUnderstanding XML DOM
Understanding XML DOM
 
jQuery templates and data link
jQuery templates and data linkjQuery templates and data link
jQuery templates and data link
 
Web Scraping Basics
Web Scraping BasicsWeb Scraping Basics
Web Scraping Basics
 
Intro to XML in libraries
Intro to XML in librariesIntro to XML in libraries
Intro to XML in libraries
 
Arango DB
Arango DBArango DB
Arango DB
 
Html Templating - DOT JS
Html Templating - DOT JSHtml Templating - DOT JS
Html Templating - DOT JS
 
Drill lightning-london-big-data-10-01-2012
Drill lightning-london-big-data-10-01-2012Drill lightning-london-big-data-10-01-2012
Drill lightning-london-big-data-10-01-2012
 
Introduction to html & css
Introduction to html & cssIntroduction to html & css
Introduction to html & css
 
Normalizing Data for Migrations
Normalizing Data for MigrationsNormalizing Data for Migrations
Normalizing Data for Migrations
 
Introduction to mongo db
Introduction to mongo dbIntroduction to mongo db
Introduction to mongo db
 

Viewers also liked

Lecture 8 2_magnetic_force
Lecture 8 2_magnetic_forceLecture 8 2_magnetic_force
Lecture 8 2_magnetic_forceKhairul Azhar
 
Lecture 5 1_mass_and_density
Lecture 5 1_mass_and_densityLecture 5 1_mass_and_density
Lecture 5 1_mass_and_densityKhairul Azhar
 
How To Install Wordpress Into Your Paid Web Hosting
How To Install Wordpress Into Your Paid Web HostingHow To Install Wordpress Into Your Paid Web Hosting
How To Install Wordpress Into Your Paid Web HostingRowela Rabi
 
How to Earn Money with Google Adsense
How to Earn Money with Google AdsenseHow to Earn Money with Google Adsense
How to Earn Money with Google AdsenseAbundioTeca
 
How to Earn Money from Internet?
How to Earn Money from Internet?How to Earn Money from Internet?
How to Earn Money from Internet?WinMeNot.com
 
Lecture 5 2_archimedes_principle
Lecture 5 2_archimedes_principleLecture 5 2_archimedes_principle
Lecture 5 2_archimedes_principleKhairul Azhar
 
How to become no 1 (for engineering students) -- by gampa nageswararao
How to become no 1 (for engineering students) -- by gampa nageswararaoHow to become no 1 (for engineering students) -- by gampa nageswararao
How to become no 1 (for engineering students) -- by gampa nageswararaoIndian Servers
 

Viewers also liked (14)

Marijuana
MarijuanaMarijuana
Marijuana
 
Statistics Introduction
Statistics IntroductionStatistics Introduction
Statistics Introduction
 
Lecture 8 2_magnetic_force
Lecture 8 2_magnetic_forceLecture 8 2_magnetic_force
Lecture 8 2_magnetic_force
 
Lecture 5 1_mass_and_density
Lecture 5 1_mass_and_densityLecture 5 1_mass_and_density
Lecture 5 1_mass_and_density
 
Weekly Blog Planner PDF
Weekly Blog Planner PDFWeekly Blog Planner PDF
Weekly Blog Planner PDF
 
How To Install Wordpress Into Your Paid Web Hosting
How To Install Wordpress Into Your Paid Web HostingHow To Install Wordpress Into Your Paid Web Hosting
How To Install Wordpress Into Your Paid Web Hosting
 
Live Your Dreams By Mr. Sudhir Pai & Mr. Ramesh Bandaram
Live Your Dreams By Mr. Sudhir Pai & Mr. Ramesh BandaramLive Your Dreams By Mr. Sudhir Pai & Mr. Ramesh Bandaram
Live Your Dreams By Mr. Sudhir Pai & Mr. Ramesh Bandaram
 
How to Earn Money with Google Adsense
How to Earn Money with Google AdsenseHow to Earn Money with Google Adsense
How to Earn Money with Google Adsense
 
Different Kinds of Probability
Different Kinds of ProbabilityDifferent Kinds of Probability
Different Kinds of Probability
 
How to Earn Money from Internet?
How to Earn Money from Internet?How to Earn Money from Internet?
How to Earn Money from Internet?
 
My CV (1)
My CV (1)My CV (1)
My CV (1)
 
Lecture 5 2_archimedes_principle
Lecture 5 2_archimedes_principleLecture 5 2_archimedes_principle
Lecture 5 2_archimedes_principle
 
Exploring internet
Exploring internetExploring internet
Exploring internet
 
How to become no 1 (for engineering students) -- by gampa nageswararao
How to become no 1 (for engineering students) -- by gampa nageswararaoHow to become no 1 (for engineering students) -- by gampa nageswararao
How to become no 1 (for engineering students) -- by gampa nageswararao
 

Similar to Basics of Web Designing Languages

An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSONAn introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSONSyed Moosa Kaleem
 
Java script202
Java script202Java script202
Java script202Wasiq Zia
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of WebMirza Asif
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5JayjZens
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHPHamdi Hmidi
 
Lecture 2 introduction to html basics
Lecture 2 introduction to html basicsLecture 2 introduction to html basics
Lecture 2 introduction to html basicsAliMUSSA3
 
Developing Website.pptx
Developing Website.pptxDeveloping Website.pptx
Developing Website.pptxssuser8efb33
 
Comparisons of web languages
Comparisons of web languagesComparisons of web languages
Comparisons of web languagesEvelyn Loh
 
Introduction to Web Standards
Introduction to Web StandardsIntroduction to Web Standards
Introduction to Web StandardsJussi Pohjolainen
 
Java script writing javascript
Java script writing javascriptJava script writing javascript
Java script writing javascriptJesus Obenita Jr.
 
Html5 shubelal
Html5 shubelalHtml5 shubelal
Html5 shubelalShub
 

Similar to Basics of Web Designing Languages (20)

Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Web Technology.pptx
Web Technology.pptxWeb Technology.pptx
Web Technology.pptx
 
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSONAn introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
An introduction to DOM , JAVASCRIPT , JQUERY, AJAX and JSON
 
HTML_CSS_JS Workshop
HTML_CSS_JS WorkshopHTML_CSS_JS Workshop
HTML_CSS_JS Workshop
 
Java script202
Java script202Java script202
Java script202
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
HTML5 - Future of Web
HTML5 - Future of WebHTML5 - Future of Web
HTML5 - Future of Web
 
1. introduction to html5
1. introduction to html51. introduction to html5
1. introduction to html5
 
Web Designing
Web DesigningWeb Designing
Web Designing
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
Intro to Web Standards
Intro to Web StandardsIntro to Web Standards
Intro to Web Standards
 
Lecture 2 introduction to html basics
Lecture 2 introduction to html basicsLecture 2 introduction to html basics
Lecture 2 introduction to html basics
 
Introduction to asp
Introduction to aspIntroduction to asp
Introduction to asp
 
Html 5 - What's new?
Html 5 - What's new?Html 5 - What's new?
Html 5 - What's new?
 
HTML & CSS.ppt
HTML & CSS.pptHTML & CSS.ppt
HTML & CSS.ppt
 
Developing Website.pptx
Developing Website.pptxDeveloping Website.pptx
Developing Website.pptx
 
Comparisons of web languages
Comparisons of web languagesComparisons of web languages
Comparisons of web languages
 
Introduction to Web Standards
Introduction to Web StandardsIntroduction to Web Standards
Introduction to Web Standards
 
Java script writing javascript
Java script writing javascriptJava script writing javascript
Java script writing javascript
 
Html5 shubelal
Html5 shubelalHtml5 shubelal
Html5 shubelal
 

Recently uploaded

PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationLinaWolf1
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa494f574xmv
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作ys8omjxb
 
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New OrleansElevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleanscorenetworkseo
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一Fs
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一z xss
 
NSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentationNSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentationMarko4394
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Paul Calvano
 
Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITMgdsc13
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxDyna Gilbert
 
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMagic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMartaLoveguard
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Sonam Pathan
 
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)Christopher H Felton
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Sonam Pathan
 
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一Fs
 
Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...Excelmac1
 

Recently uploaded (20)

PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
 
Film cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasaFilm cover research (1).pptxsdasdasdasdasdasa
Film cover research (1).pptxsdasdasdasdasdasa
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
 
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New OrleansElevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleans
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
定制(Management毕业证书)新加坡管理大学毕业证成绩单原版一比一
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
 
NSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentationNSX-T and Service Interfaces presentation
NSX-T and Service Interfaces presentation
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24
 
Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITM
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
 
Magic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptxMagic exist by Marta Loveguard - presentation.pptx
Magic exist by Marta Loveguard - presentation.pptx
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
 
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
A Good Girl's Guide to Murder (A Good Girl's Guide to Murder, #1)
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170
 
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
 
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
young call girls in Uttam Nagar🔝 9953056974 🔝 Delhi escort Service
 
Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...Blepharitis inflammation of eyelid symptoms cause everything included along w...
Blepharitis inflammation of eyelid symptoms cause everything included along w...
 
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
 

Basics of Web Designing Languages

  • 1.
  • 3. WWW (Hyper-text markup language) (CascadingStyle Sheets) (Javascript) (Hypertext Preprocessor ) (eXtensive MarkupLanguage) (Asynchronous Javascript and XML) AJAX (WorldWideWeb)
  • 4. (Hyper text markup language) • A markup language is a set of markup tags • HTML is a markup language • The tags describe document content • Html tags are stored in .html or .htm files HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013
  • 5. (Hyper text markup language) <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  • 6. (Cascading Style Sheets) • CSS stands for Cascading Style Sheets • Styles define how to display HTML elements • Styles were added to HTML 4.0 to solve a problem • External Style Sheets can save a lot of work • External Style Sheets are stored in CSS files table{ border :1px solid #C00; } selector property value
  • 7. body{ background-color:#d0e4fe; } h1 { color: orange; text-align: center; } p { font-family: "Times New Roman"; font-size:20px; } (Cascading Style Sheets)
  • 8. • The purpose of Jquery is to make it much easier to use JavaScript on your website. • Jquery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code. • Jquery is a lightweight, "write less, do more", JavaScript library. • Jquery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.  HTML/DOM manipulation  CSS manipulation  HTML event method  Effects and animations  AJAX  Utilities Features:
  • 10. Many of the biggest companies are using Jquery
  • 11. • JavaScript was invented by Brendan Eich. • JavaScript is the world's most popular programming language. It is the language for HTML and the web, for servers, PCs, laptops, tablets, smart phones, and more. • JavaScript is programming code that can be inserted into HTML pages. • JavaScript inserted into HTML pages, can be executed by all modern web browsers.
  • 12. <!DOCTYPE html> <html> <body> . . <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> . . </body> </html>
  • 13. (Asynchronous JavaScript and XML) • AJAX is the art of exchanging data with a server, and updating parts of a web page - without reloading the whole page.
  • 14. An event occurs… • Create an XMLHttpRequest object • Send HttpRequest • Process the returned data using Javascript • Update page content • Process HTTPRequest • Create a response and send data back to the browser BROWSER SERVER
  • 15. (eXtensive Markup Language) • XML is designed to transport and store data. • XML is designed to carry data, not to display data • XML tags are not predefined. You must define your own tags • XML is designed to be self-descriptive
  • 17. (Hypertext Preprocessor) • PHP is a server-side scripting language, and is a powerful tool for making dynamic and interactive Web pages quickly. • PHP is a widely-used, open source scripting language • PHP scripts are executed on the server
  • 18. <html> <body> <?php echo "My first PHP script!"; ?> </body> </html> (Hypertext Preprocessor)