Scribd
Upload
4 views15 pages

Presentation of Web Engineering2

Uploaded by

ranamubashir268
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views15 pages

Presentation of Web Engineering2

Uploaded by

ranamubashir268
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

Presentation:

Web Engineering
Submitted To:
Mam Tahira
Topic:
Web Standards
Web Standards
 Web standards are rules and guidelines established by the
World Wide Web Consortium(W3C) developed to
promote consistency in the design code which makes a
web page.
 Generally five standards have been officially
implemented.
Web Standards
• HTML (Hyper Text Markup Language)
• CSS (Cascading Style Sheet)
• XML (Extensible Markup Language)
• DOM (Document Object Model)
• ECMA Script (The standardized version of JavaScript)
HTML (Hyper Text Markup Language)
• HTML is the standard markup language for web pages.
• With html you can create your own website.
• HTML describes the structure of a web page.
• HTML consist of a series of elements.
• HTML elements tell the browser how to display the content.
• HTML elements label pieces of content such as:

“this is a heading”, “this is a paragraph”, “this is a link” etc.


Sample HTML Document
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
<meta name="viewport"
content="width=device-width, initial-
scale=1.0">

</head>
<body>
<h1>My First Heading</h1>
</body>
</html>
CSS (Cascading Style Sheet)
 CSS is the language we use to style a Web page.

 CSS stands for Cascading Style Sheets

 CSS describes how HTML elements are to be displayed on


screen, paper, or in other media

 CSS saves a lot of work. It can control the layout of multiple web
pages all at once

 External stylesheets are stored in CSS files.


CSS (Cascading Style Sheet)
Example

In this example all <p> elements will be center-aligned,


with a red text color:
p {
color: red;
text-align: center;
}

A CSS selector selects the HTML element(s) you want to style.

CSS element Selector


CSS id Selector
CSS class Selector
CSS Universal Selector
CSS Grouping Selector
CSS (Cascading Style Sheet)
When a browser reads a style sheet, it will format the
HTML document according to the information in the
style sheet.

There are three ways of inserting a style sheet:

External CSS

Internal CSS

Inline CSS
XLM (Extensible Markup Language)
• XLM is design to store and transport data.
• XLM was designed to the both human and machine readable.
• XLM is often used for distributing data over the internet.
• It is important (for all types of software developers) to have a good
understand of XLM.

Sample HTML Document


<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this
weekend!</body>
</note>
DOM (Document Object Model)
ECMA Script (The standardized version of JavaScript)
• ES6 stands for ECMA Script 6 released in 2015.
• ECMA Script is the base language of for all scripting languages.
• ECMA is an organization which decides standers for the ECMA Script.

New Features in ECMA Script 6


• The let keyword
• The const keyword
• JavaScript Arrow Function
• JavaScript Class
• JavaScript Promise
• JavaScript Symbol
• Default Parameter Values
• Function Rest Parameter
• Array . find ()
• Array . Find Index ()
• New Number Properties
• New Number Methods
• New Global Methods

Why should we use ECMA Script 6


• JavaScript ES6 brings new syntax and new awesome features to make code
more modern and more readable.
• It allows you to write less code and do more.
• ECMA Script 6 introduces us to many great features.
• It is used by modern JavaScript frameworks like React .Js, Angular .Js etc.
Advantages of Web Standards

• Faster downloading times.


• Lower maintenance costs.
• More accessible to a wider range of users, including people with disabilities.
• Less time consuming to update.
• Lower bandwidth costs.
• More search engine friendly.
• More adaptable to future technology.

*******

You might also like