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