Soluciones para estructura escalonada en pantallas versión 1 Soluciones para estructura escalonada en pantallas versión 1.0 Portal de la Consejería de Educación JUNTA DE ANDALUCÍA Sevilla, 17de noviembre 2011

0. Consideraciones previas Para realizar el análisis de la problemática que tenemos a la hora de encuadrar una página hemos tomado como ejemplo tres pantallas del Portal de la Consejería: Y hemos definido 4 posibles soluciones: Encuadre, Marca de Agua, Javascript, Imagen temática.

PANTALLA 1: Alumnado/Infantil y Primaria 1. POSIBLES SOLUCIONES PANTALLA 1: Alumnado/Infantil y Primaria Recuadro 3

PANTALLA 1: Alumnado/Infantil y Primaria 1. POSIBLES SOLUCIONES PANTALLA 1: Alumnado/Infantil y Primaria Marca de Agua 4

PANTALLA 1: : Alumnado/Infantil y Primaria 1. POSIBLES SOLUCIONES PANTALLA 1: : Alumnado/Infantil y Primaria Javascript 5

PANTALLA 1: Alumnado/Infantil y Primaria 1. POSIBLES SOLUCIONES PANTALLA 1: Alumnado/Infantil y Primaria Imagen temática 6

PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años 1. POSIBLES SOLUCIONES PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años Se cumplen las mismas características que en el ejemplo de la pantalla 1 7

PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años 1. POSIBLES SOLUCIONES PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años Se cumplen las mismas características que en el ejemplo de la pantalla 1 8

PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años 1. POSIBLES SOLUCIONES PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años Se cumplen las mismas características que en el ejemplo de la pantalla 1 9

PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años 1. POSIBLES SOLUCIONES PANTALLA 2: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años Se cumplen las mismas características que en el ejemplo de la pantalla 1 10

PANTALLA 3: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años/Normativa 1. POSIBLES SOLUCIONES PANTALLA 3: Alumnado/Infantil y Primaria/ 1er ciclo:0-3 años/Normativa En esta pantalla el problema lo tenemos en la columna de la derecha, en este caso la solución sería colocar una imagen que rellene el hueco 11

2. CONCLUSIONES Pantalla 1 Tras analizar todas las propuestas, creemos que la opción más acertada es la de utilizar Javascript para el portlet sección del Menú, de esta manera estamos asegurando un encuadre aceptable para todas las páginas del portal independientemente de su contenido, ya que al menos con esta solución dos de las columnas de la página tendrían el mismo alto generándose visualmente una estructura cuadrada. Pantalla 1 12

2. CONCLUSIONES Pantalla 2 13

2. CONCLUSIONES Para optimizar aún más el aspecto visual del Portal, y formando ya parte del trabajo del editor de contenidos, se podría utilizar también la opción de insertar el portlet banner en la columna izquierda, para tratar de corregir el espacio gris que se puede generar con javascript, al estirar el portlet Menú a una altura exagerada respecto a su contenido. Esta opción sería valorada por parte del editor de contenidos para componer de una manera armónica la página según el caso concreto. 14