SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot (20)

laravel.pptx
laravel.pptxlaravel.pptx
laravel.pptx
 
Soa
SoaSoa
Soa
 
Wikis
WikisWikis
Wikis
 
HTML5
HTML5HTML5
HTML5
 
Web 1.0
Web 1.0Web 1.0
Web 1.0
 
Presentacion Wiki
Presentacion WikiPresentacion Wiki
Presentacion Wiki
 
Web development
Web developmentWeb development
Web development
 
Http vs Https
Http vs HttpsHttp vs Https
Http vs Https
 
Insertar podcast en blogger
Insertar podcast en bloggerInsertar podcast en blogger
Insertar podcast en blogger
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
Web Development - Lecture 1
Web Development - Lecture 1Web Development - Lecture 1
Web Development - Lecture 1
 
Introduction à Laravel
Introduction à LaravelIntroduction à Laravel
Introduction à Laravel
 
Services web soap-el-habib-nfaoui
Services web soap-el-habib-nfaouiServices web soap-el-habib-nfaoui
Services web soap-el-habib-nfaoui
 
Services web rest_support_cours_nfaoui_el_habib
Services web rest_support_cours_nfaoui_el_habibServices web rest_support_cours_nfaoui_el_habib
Services web rest_support_cours_nfaoui_el_habib
 
Cours Android
Cours AndroidCours Android
Cours Android
 
PHP meets NodeJS
PHP meets NodeJSPHP meets NodeJS
PHP meets NodeJS
 
Los microformatos
Los microformatosLos microformatos
Los microformatos
 
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
Tema 1: ¿Qué es la web? (Desarrollo Aplicaciones Web)
 
Cloud et Virtualisation
Cloud et VirtualisationCloud et Virtualisation
Cloud et Virtualisation
 
Diapositiva de wikis
Diapositiva de wikisDiapositiva de wikis
Diapositiva de wikis
 

Similar to 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
 

Similar to 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
 

More from 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
 

More from 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
 

Recently uploaded

MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidianaMartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana241536124
 
Distribucion fisica internacional .pptx
Distribucion fisica internacional  .pptxDistribucion fisica internacional  .pptx
Distribucion fisica internacional .pptxRicardoCastellanosDr
 
Informe breve sobre el teatro en general.
Informe breve sobre el teatro en general.Informe breve sobre el teatro en general.
Informe breve sobre el teatro en general.mateohenrryg
 
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACIONAVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACIONmcorderoa
 
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...quintinana89
 
planificacion lengua 3er trimestre .docx
planificacion lengua 3er trimestre   .docxplanificacion lengua 3er trimestre   .docx
planificacion lengua 3er trimestre .docxMariaEugeniaLeonRodr
 
6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf
6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf
6.2.4.4 Packet Tracer - Router and Switch Resilience.pdfinformaticampt2016
 
SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................edsontareas
 
Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.Pablo Rivas
 
Ciberseguridad y seguridad informatica.pptx
Ciberseguridad y seguridad informatica.pptxCiberseguridad y seguridad informatica.pptx
Ciberseguridad y seguridad informatica.pptxmarcelojesusci00
 
La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...yeisonmoreno02
 
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptxCOMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptxPaolaRamirez127635
 
DIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxDIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxJEEPZONGUIAMPIERGONZ
 
PDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑAS
PDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑASPDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑAS
PDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑASCAROLCASTELLANOS11
 
Metodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfMetodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfJoselinBocanegra1
 
Trabajo de investigación escolar sobre el teatro
Trabajo de investigación escolar sobre el teatroTrabajo de investigación escolar sobre el teatro
Trabajo de investigación escolar sobre el teatromateohenrryg
 
Enfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eEnfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eYURYMILENACARDENASSA
 
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdfMANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdfFredyOrellanadelgadi
 

Recently uploaded (18)

MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidianaMartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
 
Distribucion fisica internacional .pptx
Distribucion fisica internacional  .pptxDistribucion fisica internacional  .pptx
Distribucion fisica internacional .pptx
 
Informe breve sobre el teatro en general.
Informe breve sobre el teatro en general.Informe breve sobre el teatro en general.
Informe breve sobre el teatro en general.
 
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACIONAVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
 
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
PLAN LOS ANIMALES MARINOS.pdf con las actividades a realizar día a días, tota...
 
planificacion lengua 3er trimestre .docx
planificacion lengua 3er trimestre   .docxplanificacion lengua 3er trimestre   .docx
planificacion lengua 3er trimestre .docx
 
6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf
6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf
6.2.4.4 Packet Tracer - Router and Switch Resilience.pdf
 
SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................
 
Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.
 
Ciberseguridad y seguridad informatica.pptx
Ciberseguridad y seguridad informatica.pptxCiberseguridad y seguridad informatica.pptx
Ciberseguridad y seguridad informatica.pptx
 
La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...
 
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptxCOMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
 
DIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxDIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docx
 
PDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑAS
PDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑASPDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑAS
PDF WINX CLUB, LIBRO PARA COLOREAR, PARA NIÑAS
 
Metodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdfMetodología Investigación Cientifica 6ta ed.pdf
Metodología Investigación Cientifica 6ta ed.pdf
 
Trabajo de investigación escolar sobre el teatro
Trabajo de investigación escolar sobre el teatroTrabajo de investigación escolar sobre el teatro
Trabajo de investigación escolar sobre el teatro
 
Enfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles eEnfermedades Crónicas No Transmisibles e
Enfermedades Crónicas No Transmisibles e
 
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdfMANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
 

Estándares Web