Basics of Web Designing Languages

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)

Basics of Web Designing Languages

More Related Content

What's hot

Viewers also liked

Similar to Basics of Web Designing Languages

Recently uploaded

Basics of Web Designing Languages