SlideShare a Scribd company logo

Web Standards

•Download as PPT, PDF•
•
C
ChrisF1502010

What are Web Standards and why were they established? Why should web developers use web standards? Originally presented on 08/02/2010 by Chris Fagg.

TechnologyDesign
1 of 20
WEB STANDARDS
WHAT ARE WEB STANDARDS? ,[object Object],[object Object],[object Object],[object Object],[object Object],“ Web for all, Web on everything”
WHAT ARE WEB STANDARDS? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WHY WERE WEB STANDARDS ESTABLISHED? ,[object Object],[object Object],[object Object],[object Object]
WHY WERE WEB STANDARDS ESTABLISHED? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
WHY DOES NOT HAVING WEB STANDARDS MATTER? ,[object Object],[object Object],[object Object]
BENEFITS OF USING WEB STANDARDS (1) ,[object Object],[object Object],[object Object],[object Object]
BENEFITS OF USING WEB STANDARDS (2) ,[object Object],[object Object],[object Object]
BENEFITS OF USING WEB STANDARDS (3) ,[object Object],[object Object],[object Object]
BENEFITS OF USING WEB STANDARDS (4) ,[object Object],[object Object],[object Object]
SO HOW DO I USE WEB STANDARDS? ( I WANT EXAMPLES, AND I WANT THEM NOW! ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
SO HOW DO I USE WEB STANDARDS? Presentation Structure Behaviour ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Zeldman,J (2007)
XHTML (EXTENSIBLE HYPERTEXT MARKUP LANGUAGE) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
XHTML – QUICK EXAMPLE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
XHTML – QUICK EXAMPLE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS (CASCADING STYLE SHEETS) ,[object Object],[object Object],[object Object],[object Object]
JAVASCRIPT ,[object Object]
DOWNSIDES TO WEB STANDARDS ,[object Object],[object Object],[object Object],[object Object],[object Object]
WAYS FORWARD ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
REFERENCES ,[object Object],[object Object],[object Object],[object Object],[object Object]

Recommended

Web Development
Web DevelopmentWeb Development
Web Development
Aditya Raman
 
Web services
Web servicesWeb services
Web services
Akshay Ballarpure
 
Web application architecture
Web application architectureWeb application architecture
Web application architecture
Tejaswini Deshpande
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
Temitayo Fadojutimi
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
Knoldus Inc.
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
Shahrzad Peyman
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
butest
 

Recommended

Web Development
Web DevelopmentWeb Development
Web Development
Aditya Raman
 
Web services
Web servicesWeb services
Web services
Akshay Ballarpure
 
Web application architecture
Web application architectureWeb application architecture
Web application architecture
Tejaswini Deshpande
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
Temitayo Fadojutimi
 
Introduction of Html/css/js
Introduction of Html/css/jsIntroduction of Html/css/js
Introduction of Html/css/js
Knoldus Inc.
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
Shahrzad Peyman
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Web Design Notes
Web Design NotesWeb Design Notes
Web Design Notes
butest
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
ParasJain222
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
Derin Dolen
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
Andres Baravalle
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
Mukesh Tekwani
 
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
Kannika Kong
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
Randy Connolly
 
Javascript
JavascriptJavascript
Javascript
Manav Prasad
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
Responsive web designing ppt(1)
Responsive web designing ppt(1)Responsive web designing ppt(1)
Responsive web designing ppt(1)
admecindia1
 
HTML CSS & Javascript
HTML CSS & JavascriptHTML CSS & Javascript
HTML CSS & Javascript
David Lindkvist
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech
 
Web Application Introduction
Web Application IntroductionWeb Application Introduction
Web Application Introduction
shaojung
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
Chapter 1 - Web Design
Chapter 1 - Web DesignChapter 1 - Web Design
Chapter 1 - Web Design
tclanton4
 
Web Development
Web DevelopmentWeb Development
Web Development
Lena Petsenchuk
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
jeroenvdmeer
 
Js ppt
Js pptJs ppt
Js ppt
Rakhi Thota
 
Web development
Web developmentWeb development
Web development
Sunil Moolchandani
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
Jussi Pohjolainen
 
Ttay8 Ppt 01
Ttay8 Ppt 01Ttay8 Ppt 01
Ttay8 Ppt 01
Alejandra de la Garza
 
Snakes on the Web; Developing web applications in python
Snakes on the Web; Developing web applications in pythonSnakes on the Web; Developing web applications in python
Snakes on the Web; Developing web applications in python
Naail AbdulRahman
 

More Related Content

What's hot

Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
Kannika Kong
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
Jussi Pohjolainen
 

What's hot (20)

Web development ppt
Web development pptWeb development ppt
Web development ppt
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3Responsive Web Design with HTML5 and CSS3
Responsive Web Design with HTML5 and CSS3
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Javascript
JavascriptJavascript
Javascript
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Responsive web designing ppt(1)
Responsive web designing ppt(1)Responsive web designing ppt(1)
Responsive web designing ppt(1)
 
HTML CSS & Javascript
HTML CSS & JavascriptHTML CSS & Javascript
HTML CSS & Javascript
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
Web Application Introduction
Web Application IntroductionWeb Application Introduction
Web Application Introduction
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Chapter 1 - Web Design
Chapter 1 - Web DesignChapter 1 - Web Design
Chapter 1 - Web Design
 
Web Development
Web DevelopmentWeb Development
Web Development
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
Js ppt
Js pptJs ppt
Js ppt
 
Web development
Web developmentWeb development
Web development
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 

Viewers also liked

1-01: Introduction To Web Development
1-01: Introduction To Web Development1-01: Introduction To Web Development
1-01: Introduction To Web Development
apnwebdev
 
HRMPS 13 (MIDTERM)Chapter 5 Managed services
HRMPS 13 (MIDTERM)Chapter 5 Managed servicesHRMPS 13 (MIDTERM)Chapter 5 Managed services
HRMPS 13 (MIDTERM)Chapter 5 Managed services
Bean Malicse
 
The History Of The Internet Presentation
The History Of The Internet PresentationThe History Of The Internet Presentation
The History Of The Internet Presentation
dgieseler1
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
Chamnap Chhorn
 

Viewers also liked (20)

Ttay8 Ppt 01
Ttay8 Ppt 01Ttay8 Ppt 01
Ttay8 Ppt 01
 
Snakes on the Web; Developing web applications in python
Snakes on the Web; Developing web applications in pythonSnakes on the Web; Developing web applications in python
Snakes on the Web; Developing web applications in python
 
Web architecture - overview of techniques.
Web architecture - overview of techniques.Web architecture - overview of techniques.
Web architecture - overview of techniques.
 
W3 c validation
W3 c validationW3 c validation
W3 c validation
 
Overview Of Web 2.0
Overview Of Web 2.0Overview Of Web 2.0
Overview Of Web 2.0
 
Inpac Dev Co V011809 V2
Inpac Dev Co V011809 V2Inpac Dev Co V011809 V2
Inpac Dev Co V011809 V2
 
1-01: Introduction To Web Development
1-01: Introduction To Web Development1-01: Introduction To Web Development
1-01: Introduction To Web Development
 
HRMPS 13 (MIDTERM)Chapter 5 Managed services
HRMPS 13 (MIDTERM)Chapter 5 Managed servicesHRMPS 13 (MIDTERM)Chapter 5 Managed services
HRMPS 13 (MIDTERM)Chapter 5 Managed services
 
Web App Infrastructure
Web App InfrastructureWeb App Infrastructure
Web App Infrastructure
 
Web Application Introduction
Web Application IntroductionWeb Application Introduction
Web Application Introduction
 
01 04 - android set up and creating an android project
01 04 - android set up and creating an android project01 04 - android set up and creating an android project
01 04 - android set up and creating an android project
 
Spring 4.x Web Application 살펴보기
Spring 4.x Web Application 살펴보기Spring 4.x Web Application 살펴보기
Spring 4.x Web Application 살펴보기
 
WEB APPLICATION VULNERABILITIES: DAWN, DETECTION, EXPLOITATION AND DEFENSE
WEB APPLICATION VULNERABILITIES: DAWN, DETECTION, EXPLOITATION AND DEFENSEWEB APPLICATION VULNERABILITIES: DAWN, DETECTION, EXPLOITATION AND DEFENSE
WEB APPLICATION VULNERABILITIES: DAWN, DETECTION, EXPLOITATION AND DEFENSE
 
Introduction to Android Development: Before Getting Started
Introduction to Android Development: Before Getting StartedIntroduction to Android Development: Before Getting Started
Introduction to Android Development: Before Getting Started
 
Web 2.0 At Work - Simple And Social Collaboration Between Coworkers
Web 2.0 At Work - Simple And Social Collaboration Between CoworkersWeb 2.0 At Work - Simple And Social Collaboration Between Coworkers
Web 2.0 At Work - Simple And Social Collaboration Between Coworkers
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Web Application Development Fundamentals
Web Application Development FundamentalsWeb Application Development Fundamentals
Web Application Development Fundamentals
 
The History Of The Internet Presentation
The History Of The Internet PresentationThe History Of The Internet Presentation
The History Of The Internet Presentation
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
 
Multimedia
MultimediaMultimedia
Multimedia
 

Similar to Web Standards

E commerce p1 edit
E commerce p1 editE commerce p1 edit
E commerce p1 edit
mmm2k
 
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility atia 2013Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility atia 2013
Howard Kramer
 
Approaching web accessibility through web stands & ud
Approaching web accessibility through web stands & udApproaching web accessibility through web stands & ud
Approaching web accessibility through web stands & ud
Howard Kramer
 

Similar to Web Standards (20)

Lean And Clean! Building A Site With Web Standards
Lean And Clean! Building A Site With Web StandardsLean And Clean! Building A Site With Web Standards
Lean And Clean! Building A Site With Web Standards
 
Lean And Clean! Building A Site With
Lean And Clean! Building A Site WithLean And Clean! Building A Site With
Lean And Clean! Building A Site With
 
Web standards
Web standards Web standards
Web standards
 
Navigating the Hype and Realities of Web Development Frameworks
Navigating the Hype and Realities of Web Development FrameworksNavigating the Hype and Realities of Web Development Frameworks
Navigating the Hype and Realities of Web Development Frameworks
 
Mvc3 part1
Mvc3 part1Mvc3 part1
Mvc3 part1
 
Web Development Training Report.docx
Web Development Training Report.docxWeb Development Training Report.docx
Web Development Training Report.docx
 
Fundamentals of Web
Fundamentals of WebFundamentals of Web
Fundamentals of Web
 
E commerce p1 edit
E commerce p1 editE commerce p1 edit
E commerce p1 edit
 
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility atia 2013Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility atia 2013
 
Meetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech PeopleMeetup. Technologies Intro for Non-Tech People
Meetup. Technologies Intro for Non-Tech People
 
Web design
Web designWeb design
Web design
 
Web design
Web designWeb design
Web design
 
Knowing it all
Knowing it allKnowing it all
Knowing it all
 
12 Front-End App Development Languages to Consider in 2023
12 Front-End App Development Languages to Consider in 202312 Front-End App Development Languages to Consider in 2023
12 Front-End App Development Languages to Consider in 2023
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Transforming the web into a real application platform
Transforming the web into a real application platformTransforming the web into a real application platform
Transforming the web into a real application platform
 
RWD - Bootstrap
RWD - BootstrapRWD - Bootstrap
RWD - Bootstrap
 
Approaching web accessibility through web stands & ud
Approaching web accessibility through web stands & udApproaching web accessibility through web stands & ud
Approaching web accessibility through web stands & ud
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Hyper text markup language
Hyper text markup languageHyper text markup language
Hyper text markup language
 

Recently uploaded

Recently uploaded (20)

DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

Web Standards

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.