SESIÓN 7
DISEÑO Y DESARROLLO WEB
ESTÁNDARES WEB
PROF: Fanny Paredes Quispe
PROPÓSITO
• Saber qué son los estándares web
• Conocer la importancia y la finalidad de los
estándares web
• Comprender los beneficios de trabajar con
estándares web
¿QUÉ ES UN ESTÁNDAR?
“Es un conjunto de reglas normalizadas que describen
los requisitos que deben ser cumplidos
4 por un
producto, proceso o servicio, con
2
el objetivo de
establecer un mecanismo base para permitir que
distintos elementos hardware o software que lo
utilicen, sean compatibles entre sí.”
(TICBeat, 2014)
¿QUÉ SON LOS ESTÁNDARES WEB?
“Conjunto de reglas/normas que marcan los
requisitos que se deben cumplir
4
2
en el diseño,
desarrollo y puesta en producción de un sitio web
para que sea compatible por los diferentes
elementos que lo utilicen”
Web reunidos, 2012
¿QUÉ SON LOS ESTÁNDARES WEB?
“Son lenguajes Web, protocolos y tecnologías
interoperativas e internacionales
4
2
creadas con la
finalidad de guiar la Web hacia su máximo
potencial a través del desarrollo de protocolos y
pautas estandarizadas.”
Delgado, 2020
OBJETIVO DE LOS ESTÁNDARES
• El objetivo es crear una Web que trabaje mejor
para todos, con sitios accesibles
4 a más personas
y que funcionen en cualquier 2dispositivo.
• Las Tecnologías Web más destacadas deben ser
compatibles entre sí y permitir cualquier
hardware y software para acceder a la Web
(interoperabilidad Web)
IMPORTANCIA
• ¿Has visitado alguna vez una página Web y no podías
ver correctamente los contenidos?
• ¿Utilizas un navegador de Internet antiguo
4
o poco
conocido y los elementos de la página
2
web no se ven o
no funcionan correctamente?
• ¿Tienes problemas de visión y no puedes cambiar el
tamaño de la fuente porque las páginas pierden su
estructura o se ven mal? (no son adaptables)
ESTÁNDARIZACIÓN DE LA WEB
Algunos grupos han cooperado en la estandarización de
la web: 4
2
1. Internet Engineering Task Force (IETF)
2. World Wide Web Consortium (W3C)
3. The Web Accesibility Initiative (WAI)
W3C
(WORLD WIDE WEB CONSORTIUM)
• Es una comunidad internacional
que desarrolla
4 estándares que
aseguran el2 crecimiento de la
Web a largo plazo.
• Liderado por el inventor de la
Web Tim Berners-Lee y el Director
Ejecutivo (CEO) Jeffrey Jaffe.
W3C
(WORLD WIDE WEB CONSORTIUM)
• Estas recomendaciones o reglas sirven como referencia
4
para construir una Web accesible, interoperable y
2
eficiente, en la que se puedan desarrollar aplicaciones
cada vez más robustas.
PARTICIPANTES
• En la creación de estas normas participan los Miembros
de la W3C (más de 400 organizaciones,
4
distribuidas a lo
largo de todo el mundo y de diversos2 ámbitos: grandes
empresas de hardware o software, centros investigadores,
universidades, administraciones públicas, etc.), el Equipo
del W3C, expertos invitados, y cualquier usuario de la
Web.
¿PARA QUÉ SIRVEN LOS ESTÁNDARES
WEB?
• La finalidad de los estándares es la creación de Web
universal, accesible, fácil de usar y en la que todo el
4
mundo pueda confiar.
2
• Con estas tecnologías abiertas y de uso libre se pretende
evitar la fragmentación de la Web y mejorar las
infraestructuras para que se pueda evolucionar hacia una
Web con la información mejor organizada.
¿PARA QUÉ SIRVEN LOS ESTÁNDARES
WEB?
1 Web universal
2 Web accesible
FINALIDAD DE LOS
ESTÁNDARES
3 Web fácil de usar
4 Web confiable
1. WEB UNIVERSAL
• Permite que el contenido llegue al mayor público posible,
sin importar sus limitaciones:
4
2
• VISUALES: Tamaño de la letra, contraste.
• MOTRICES: Personas con problemas musculares puedan usar la
web con mínimo esfuerzo.
• AUDITIVAS: Personas con debilidad auditiva.
• COGNITIVAS: Dificultad de aprendizaje, atención, etc.
2. ACCESIBILIDAD EN LA WEB
• Utilizar los atributos "alt" para todas las imágenes
• Usar unidades relativas en lugar de absolutas
4 para el tamaño
del texto. 2
• Tener menús y formularios visibles
• Suficiente brillo/contraste de color
• Evitar retrasos en la respuesta de los menús desplegables
'dropdown’
• Enlaces descriptivos (para usuarios invidentes)
2. ACCESIBILIDAD EN LA WEB-
INDEPENDENCIA DE DISPOSITIVO
• El sitio funciona bien en los navegadores actuales y los más
antiguos 4
• El contenido es accesible con el CSS desactivado
2 o no
soportado
• El sitio funciona bien en los dispositivos móviles
• El sitio funciona bien en los distintos tamaños de la ventana del
navegador
3. USABILIDAD
• Existe una jerarquía visual clara
• Los niveles del encabezado son fáciles4 de distinguir
• El sitio utiliza una navegación consistente
2
• Los enlaces están subrayados (se deben diferenciar)
• Dispones de un mapa del sitio y una página de contacto
• Hay un enlace a la página principal o de entrada en cada
página del sitio
4. CONFIANZA EN LA WEB
• Actualmente los usuarios interactúan creando contenido,
realizando transacciones, colocando su información
personal, etc. 4
2
• Estas actividades requieren que los usuarios confíen entre sí.
• Firmas digitales, certificados SSL, encriptación de datos
para la confidencialidad, declaración de políticas de
privacidad.
[Link]
ESTÁNDARES PARA DISEÑO WEB Y
APLICACIONES
• El diseño web y el diseño de aplicaciones web incluye
estándares para la construcción de4páginas web.
2
• Involucra HTML, CSS,JS, SVG (Scalable Vector Graphics)
ESTÁNDARES PARA DISEÑO WEB Y
APLICACIONES
• HTML y CSS son tecnologías fundamentales para la creación
de páginas web. 4
2
JS-> COMPORTAMIENTO
CSS-> ESTILO Y DISEÑO
HTML/XHTML -> ESTRUCTURA
BENEFICIOS DEL USO DE
ESTÁNDARES WEB
• Mayor consistencia visual (HTML y CSS)
• Uso de menos código (menos ancho4 de banda)
• Son más relevantes para los motores 2de búsqueda.
• Es compatible con todos los navegadores.
• Funcionará bien en cualquier dispositivo.
• Es más accesible.
• Mejor experiencia de usuario.
REFERENCIAS
World Wide Web Consortium [Link]
4
2
