Portales‎ > ‎Páginas‎ > ‎

Maquetación

Una vez definida la estructura funcional de una página es momento de maquetarla. La estructura básica de maquetación es la columna:


  • Una columna tiene un ancho determinado y una sucesión de marcos dispuestos en vertical.
  • Los marcos tienen el ancho de la columna y el alto que disponga su contenido.
  • La maquetación de una página comienza con una columna del ancho maquetable de la página.
  • Un marco puede ser un componente o puede a su vez subdividirse en columnas.
  • Las columnas se reparten (en términos porcentuales) todo el ancho disponible del marco.
  • Las columnas contienen más marcos, y así sucesivamente, repitiéndose la estructura recursivamente hasta conseguir la maquetación deseada.
Con esta estructura, repetida de forma recursiva se pueden conseguir la práctica totalidad de los diseños deseados:

Desde el punto de vista del PMS, la ventana de maquetación presenta el siguiente aspecto:


Tiene tres zonas diferenciadas:
  • La zona de la derecha muestra, como referencia, el árbol de dependencia funcional de la página.
  • La zona de la izquierda muestra:
    • Los componentes visuales pendientes de maquetar.
    • Las subdivisiones en columas, tanto predefinidas como personalizables.
  • Por último, la zona centro es el área de trabajo de maquetación.

Comments