Please enable JavaScript.
Coggle requires JavaScript to display documents.
Estándares de Diseño de Página Web(CSS) - Coggle Diagram
Estándares de Diseño de Página Web(CSS)
Definición
Los estándares web son las tecnologías que utilizamos para crear sitios web. Estos estándares existen como extensos documentos técnicos llamados especificaciones, que detallan exactamente cómo debería funcionar la tecnología.
Ejemplo
El
lleno de vida Estándar HTML
describe exactamente cómo se debe implementar HTML (todos los elementos HTML y sus APIs asociadas y otras tecnologías circundantes).
¿Cómo funciona en CSS?
Se vuelve un compendio y un uso formal de lo que sería HTML5. Se utiliza para darle estilo a documento XML y HTML.
Ventajas de usar W3C
Cumples los criterios de seguridad preestablecidos.
Incrementa la cuota de mercado y audiencia de la web.
Página atractiva y estructurada.
Código fuente estructurado.
Desventajas de usar estándares W3C
Hay alternativas como (Webauth) para ver seguridad y diseño de página.
En la Web encontramos ya plantillas para trabajar una página web con todos los estados de W3C.
Hay aplicaciones que facilitan el trabajo de montaje. (WINX, JIMDO)...
En vez de usar código complejos de creación usamos página y generadores.
¿Qué cosa nos permite hacer CSS?
Es utilizable en todos los navegadores y plataformas( Formato W3C)
Optimiza el funcionamiento de las páginas web.
Tiene una sintaxis específica.
Permite el apilamiento de instrucciones para definir formatos específicos.
Permite personalizar totalmente la apariencia de las páginas.
Beneficio de usar CSS
Separación del contenido y presentación.
Unificación del diseño de las páginas del sitio.
Precisión o elasticidad: Podremos indicarle al navegador en qué píxel debe colocar ésta o aquélla imagen, o qué alto y ancho deberá mostrar.
Limpieza del código fuente.
Estandarización frente a especificaciones propietarias :
La adopción de estándares por la W3C ofrece la ventaja de la compatibilidad del código entre los diferentes navegadores web. El uso de “soluciones propietarias”, como es el caso de muchas etiquetas o patrones usadas por Microsof.
Desventajas del CSS
Te fuerza a usar la semántica propia de la framework
Limita tu libertad.
Podría ser una pérdida de tiempo
¿En dónde vemos los estándares W3C?
Tipos de menús y contenidos.
Accesibilidad para personas con discapacidades.
Accesibilidad de navegadores y propiedades de usos en diversos dispositivos.
Usabilidad y navegación.
Ubicación de imágenes y tamaños.
Seguridad y URLS
Letras y colores.
Ejemplos de sitios web que aplican W3C
https://sse.co.uk/energy
https://www.nsw.gov.au/
https://www.kidzwishfoundation.org.au/
https://www.bbc.co.uk/iplayer/
https://aventuracientifica.jimdofree.com/
Ricardo Zapata
