El Diseño Web Responsive (RWD), tiene como objetivo hacer que las páginas web sean flexibles y adaptables a las distintas resoluciones de pantalla de los diferentes dispositivos: desktop, tablet, móvil…
Que los sitios web sean responsive está tomando cada vez más protagonismo y con las Tablas es complicado de controlar los tamaños y además dificulta la visualización del contenido en diferentes dispositivos.
Cuanta mas Columnas posea la tabla, mayor probabilidades de una mala visualización en dispositivos.
Tabla 1 - Una columna + 6 filas
Ciclo Básico Común |
---|
Química |
Introducción al Conocimiento de la Sociedad y el Estado |
Introducción al Pensamiento Científico |
Matemática |
Física e Introducción a la Biofísica (Es correlativa de MATEMÁTICA) |
Biología e Introducción a la Biología Celular (Es correlativa de QUÍMICA) |
- Como se visualiza en un Dispositivo de 600x800 Ratio 3:4
Tabla 2 - Tres columnas + 6 filas
- Ver original Plan Estudios 2861/92
Como se visualiza en un Dispositivo de 600x800 Ratio 3:4
Algunas sugerencias para reemplazar Tablas con 3 o mas columnas:
1- PDF Embebido: mostrar la información en un archivo pdf
2- Imágen: mostrar la información en un archivo jpg
3- Re ordenar el contenido: mostrar la información con encabezados y viñetas
Ejemplos:
1- PDF Embebido: