SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Estándares Web
Patricio Mas
@patriciomas
Introducción
• Definición
• El problema
• Organizaciones
• Objetivos Estándares Diseño Web
• Validación Online
Definición
• Los estándares web son las especificaciones
técnicas que definen diferentes aspectos
de la World Wide Web.
• El término también se refiere más
recientemente a las buenas prácticas en la
construcción de sitios web e ideas
relacionadas al diseño web.
El problema
• Durante los 90’s se
desató la guerra de los
navegadores entre
Internet Explorer y
Netscape Navigator.
• Para ganar adeptos,
cada uno creaba
conceptos nuevos o
utilizaba conceptos del
otro pero de manera
diferente.
Organizaciones
World Wide Web
Consortium
Internet Engineering
Task Force
International Organization
of Standarization
Internet Assigned
Numbers Authority
Ecma
International
Objetivos
Objetivos de los estándares web desde
el punto de vista del diseño:
– Visualización
– Accesabilidad
– Funcionalidad
– Compatibilidad
– Seguridad
– SEO
Objetivos
Visualización:
– Misma interpretación gráfica en distintos
navegadores.
– Misma experiencia en distintos
dispositivos.
– Normas claras para la creación de
contenidos.
Objetivos
Accesabilidad:
– Facilitar la experiencia para aquellas
personas con discapacidades.
• Creación de contenidos.
• Lectura de contenidos.
• Interacción en cualquier plataforma o
dispositivo.
– Internacionalización de contenidos y
servicios en distintos lugares e idiomas.
Objetivos
Funcionalidad:
– Experiencias fluidas y consistentes en
diferentes plataformas y dispositivos.
– Facilidad para la creación de contenidos
ricos en funcionalidad.
Objetivos
Compatibilidad:
– Posibilidad de mezclar diferentes
tecnologías que funcionen
correctamente.
– Mezclar tecnologías para crear más
nuevas herramientas y experiencias.
Objetivos
Seguridad:
– Permitir niveles de privacidad.
– Habilitar transacciones confiables.
– Proteger información importante.
Objetivos
SEO:
– Los motores de búsqueda usan crawlers
para revisar cada página de un sitio y
registrar los contenidos basándose en las
etiquetas del código.
– Mientras mejor esté escrito el código,
mejor evaluadas serán las páginas del
sitio, mejor posicionamiento tendrán.
Validación Online
Validar Markup en W3C
Validar CSS en W3C
Validar Links en W3C

Weitere ähnliche Inhalte

Was ist angesagt?

Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPressEunus Hosen
 
Frontend War: Angular vs React vs Vue
Frontend War: Angular vs React vs VueFrontend War: Angular vs React vs Vue
Frontend War: Angular vs React vs VueMarudi Subakti
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Accessibility Testing Using Screen Readers
Accessibility Testing Using Screen ReadersAccessibility Testing Using Screen Readers
Accessibility Testing Using Screen ReadersRabab Gomaa
 
Why Use a Content Delivery Network (CDN)?
Why Use a Content Delivery Network (CDN)?Why Use a Content Delivery Network (CDN)?
Why Use a Content Delivery Network (CDN)?Medianova
 
Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)Dave Olsen
 
An Introduction to Vuejs
An Introduction to VuejsAn Introduction to Vuejs
An Introduction to VuejsPaddy Lock
 
Front end development best practices
Front end development best practicesFront end development best practices
Front end development best practicesKarolina Coates
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
S60 3rd FP2 Widgets
S60 3rd FP2 WidgetsS60 3rd FP2 Widgets
S60 3rd FP2 Widgetsromek
 
Decoupled Days 2019: Delivering Headless Commerce
Decoupled Days 2019: Delivering Headless CommerceDecoupled Days 2019: Delivering Headless Commerce
Decoupled Days 2019: Delivering Headless CommerceMatt Glaman
 

Was ist angesagt? (20)

Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 
VueJS: The Simple Revolution
VueJS: The Simple RevolutionVueJS: The Simple Revolution
VueJS: The Simple Revolution
 
Frontend War: Angular vs React vs Vue
Frontend War: Angular vs React vs VueFrontend War: Angular vs React vs Vue
Frontend War: Angular vs React vs Vue
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Accessibility Testing Using Screen Readers
Accessibility Testing Using Screen ReadersAccessibility Testing Using Screen Readers
Accessibility Testing Using Screen Readers
 
Why Use a Content Delivery Network (CDN)?
Why Use a Content Delivery Network (CDN)?Why Use a Content Delivery Network (CDN)?
Why Use a Content Delivery Network (CDN)?
 
Estándares Web
Estándares WebEstándares Web
Estándares Web
 
Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)
 
Why Laravel?
Why Laravel?Why Laravel?
Why Laravel?
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Liferay DXP Training
Liferay DXP TrainingLiferay DXP Training
Liferay DXP Training
 
Why Vue.js?
Why Vue.js?Why Vue.js?
Why Vue.js?
 
An Introduction to Vuejs
An Introduction to VuejsAn Introduction to Vuejs
An Introduction to Vuejs
 
Front end development best practices
Front end development best practicesFront end development best practices
Front end development best practices
 
Selenium Demo
Selenium DemoSelenium Demo
Selenium Demo
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
S60 3rd FP2 Widgets
S60 3rd FP2 WidgetsS60 3rd FP2 Widgets
S60 3rd FP2 Widgets
 
Next.js - ReactPlayIO.pptx
Next.js - ReactPlayIO.pptxNext.js - ReactPlayIO.pptx
Next.js - ReactPlayIO.pptx
 
Decoupled Days 2019: Delivering Headless Commerce
Decoupled Days 2019: Delivering Headless CommerceDecoupled Days 2019: Delivering Headless Commerce
Decoupled Days 2019: Delivering Headless Commerce
 

Ähnlich wie Estándares Web

Adobe dreamweaver cs4
Adobe dreamweaver cs4Adobe dreamweaver cs4
Adobe dreamweaver cs4Elias Vite
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carreraBorja Merino
 
Estándares y lenguajes para internet
Estándares y lenguajes para internetEstándares y lenguajes para internet
Estándares y lenguajes para internetMaria Garcia
 
2013 - Ex. Victor Borquez.
2013 - Ex. Victor Borquez.2013 - Ex. Victor Borquez.
2013 - Ex. Victor Borquez.eiciUV
 
Estandar w3c
Estandar w3cEstandar w3c
Estandar w3cK3v15
 
Estandar w3 c
Estandar w3 cEstandar w3 c
Estandar w3 cK3v15
 
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVCLuis Fernando Aguas Bucheli
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasBenjamín Preller
 
El modelo margarita.ppt
El modelo margarita.pptEl modelo margarita.ppt
El modelo margarita.pptDaniela Vega
 
Presentación1victorsanchez
Presentación1victorsanchezPresentación1victorsanchez
Presentación1victorsanchezpepitojose
 
Desarrollo y diseño de un sitio de noticias. Del boceto al producto final
Desarrollo y diseño de un sitio de noticias. Del boceto al producto finalDesarrollo y diseño de un sitio de noticias. Del boceto al producto final
Desarrollo y diseño de un sitio de noticias. Del boceto al producto finalFopea
 
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...edwin.bernal
 
W3 c consorcio world wide web
W3 c   consorcio world wide webW3 c   consorcio world wide web
W3 c consorcio world wide webRhamyro Alcoser
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 

Ähnlich wie Estándares Web (20)

Adobe dreamweaver cs4
Adobe dreamweaver cs4Adobe dreamweaver cs4
Adobe dreamweaver cs4
 
Defensa proyecto fin de carrera
Defensa proyecto fin de carreraDefensa proyecto fin de carrera
Defensa proyecto fin de carrera
 
Estándares y lenguajes para internet
Estándares y lenguajes para internetEstándares y lenguajes para internet
Estándares y lenguajes para internet
 
Intro a la accesibilidad digital
Intro a la accesibilidad digitalIntro a la accesibilidad digital
Intro a la accesibilidad digital
 
2013 - Ex. Victor Borquez.
2013 - Ex. Victor Borquez.2013 - Ex. Victor Borquez.
2013 - Ex. Victor Borquez.
 
Estandar w3c
Estandar w3cEstandar w3c
Estandar w3c
 
Como escribir para la web nivel 2
Como escribir para la web   nivel 2Como escribir para la web   nivel 2
Como escribir para la web nivel 2
 
Estandar w3 c
Estandar w3 cEstandar w3 c
Estandar w3 c
 
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
 
El modelo margarita.ppt
El modelo margarita.pptEl modelo margarita.ppt
El modelo margarita.ppt
 
Presentación1victorsanchez
Presentación1victorsanchezPresentación1victorsanchez
Presentación1victorsanchez
 
Desarrollo y diseño de un sitio de noticias. Del boceto al producto final
Desarrollo y diseño de un sitio de noticias. Del boceto al producto finalDesarrollo y diseño de un sitio de noticias. Del boceto al producto final
Desarrollo y diseño de un sitio de noticias. Del boceto al producto final
 
El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
 
Diseño de WebApps
Diseño de WebAppsDiseño de WebApps
Diseño de WebApps
 
W3 c consorcio world wide web
W3 c   consorcio world wide webW3 c   consorcio world wide web
W3 c consorcio world wide web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Presentación wordpress
Presentación wordpressPresentación wordpress
Presentación wordpress
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 

Mehr von Patricio Mas

Guía de Instalación de WordPress
Guía de Instalación de WordPressGuía de Instalación de WordPress
Guía de Instalación de WordPressPatricio Mas
 
Conceptos Básicos CMS
Conceptos Básicos CMSConceptos Básicos CMS
Conceptos Básicos CMSPatricio Mas
 
Integracion de Medios en HTML5
Integracion de Medios en HTML5Integracion de Medios en HTML5
Integracion de Medios en HTML5Patricio Mas
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSSPatricio Mas
 
Conceptos Básicos HTML
Conceptos Básicos HTMLConceptos Básicos HTML
Conceptos Básicos HTMLPatricio Mas
 
WordPress: éxito y aprendizaje
WordPress: éxito y aprendizajeWordPress: éxito y aprendizaje
WordPress: éxito y aprendizajePatricio Mas
 

Mehr von Patricio Mas (6)

Guía de Instalación de WordPress
Guía de Instalación de WordPressGuía de Instalación de WordPress
Guía de Instalación de WordPress
 
Conceptos Básicos CMS
Conceptos Básicos CMSConceptos Básicos CMS
Conceptos Básicos CMS
 
Integracion de Medios en HTML5
Integracion de Medios en HTML5Integracion de Medios en HTML5
Integracion de Medios en HTML5
 
Conceptos Básicos CSS
Conceptos Básicos CSSConceptos Básicos CSS
Conceptos Básicos CSS
 
Conceptos Básicos HTML
Conceptos Básicos HTMLConceptos Básicos HTML
Conceptos Básicos HTML
 
WordPress: éxito y aprendizaje
WordPress: éxito y aprendizajeWordPress: éxito y aprendizaje
WordPress: éxito y aprendizaje
 

Kürzlich hochgeladen

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 

Kürzlich hochgeladen (7)

Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 

Estándares Web