Disposición caja/línea/columna

En WebAcappella, la organización de los elementos sigue una estructura precisa:

• Los recuadros son los contenedores principales que estructuran la página.
• Las líneas se insertan directamente en los cuadros y permiten una organización horizontal.
• Las columnas son elementos como los demás (texto, imagen, botón) y deben arrastrarse a una línea para organizar el contenido verticalmente.

Esta jerarquía permite diseñar maquetaciones flexibles y adaptables.

Leyenda de colores

En la interfaz de WebAcappella, cada elemento que estructura la página se materializa con un color específico:

• Marrón para los cuadros.
• Rosa para las líneas.
• Verde para las columnas.

Cuando se selecciona un elemento, se rodea con un marco del mismo color.

Crear una nueva página

1. Crear una nueva página en WebAcappella.
2. Se coloca automáticamente un cuadro con una línea.

Añadir columnas en una línea

1. Cada línea se divide en 12 espacios, lo que permite ajustar fácilmente el ancho de las columnas.
2. Arrastra y suelta una o varias columnas en la línea.
3. Repita la operación para añadir varias columnas una al lado de otra.
4. Cambie el tamaño de las columnas ajustando sus proporciones.
5. En cada una de las columnas creadas, arrastre los elementos deseados (texto, imagen, botón, etc.) que ocuparán el ancho de la columna.

Añadir cuadros y líneas

1. Puede arrastrar tantos cuadros como sea necesario a una misma página.

Consejos prácticos

• Opte por una estructura clara utilizando varios cuadros para organizar la página.
• Utilice columnas para equilibrar el diseño, pero evite poner demasiadas para no sobrecargar la visualización móvil.
• Pruebe regularmente el modo responsivo para asegurarse de que se muestra correctamente en todas las pantallas.