Árbol de elementos (panel derecho)

En WebAcappella, el panel derecho está siempre visible y desempeña un papel esencial en la gestión de los elementos de la página. Proporciona una vista jerárquica completa de la estructura de la página y facilita la interacción con cada componente.

Presentación del panel derecho

El panel derecho está dividido en varias secciones, pero la más importante para la edición es el árbol de elementos.

Este árbol muestra todos los elementos de la página en una lista organizada y sincronizada con el plan de trabajo.

Le permite :

✔ Ver la jerarquía completa de elementos (cajas, filas, columnas, componentes).

✔ Selecciona rápidamente un elemento, incluso si es difícil de alcanzar en la encimera.

✔ Mueve los elementos de la jerarquía para reorganizar el diseño.

Árbol de elementos

Seleccionar un elemento mediante la estructura de árbol

  1. Localice el elemento deseado en el árbol.

  2. Haga clic en el elemento: se seleccionará automáticamente en el plan de trabajo.

  3. El elemento seleccionado se muestra con sus propiedades, lo que permite modificarlo rápidamente.

Seleccionar un elemento en la estructura de árbol

Mover un elemento en la estructura de árbol

  1. Mantenga pulsado un elemento.

  2. Arrástrelo a una nueva posición en la jerarquía.

  3. Suelte el clic para reposicionar el elemento en la estructura de la página.

Advertencia

Atención: Algunos elementos no pueden moverse libremente. Por ejemplo, una columna debe colocarse siempre dentro de una fila.

Desplazar un elemento en la estructura de árbol

Ventajas de utilizar el panel derecho

✔ Selección más precisaIdeal para atrapar objetos superpuestos

o difíciles de pulsar.

✔ Vista jerárquica clara: Proporciona una organización estructurada de la página.

✔ Ahorro de tiempoNo es necesario hacer zoom ni buscar un elemento oculto,

todo está claramente indicado.

✔ Fácil de moverReorganizar elementos es más rápido

que manipularlos directamente sobre la superficie de trabajo.

Buenas prácticas

✔ Utiliza la estructura de árbol para navegar rápidamente entre los elementos.

✔ Desplaza los elementos con cuidado para no desorganizar la maquetación.

✔ Alterna entre el plan de trabajo y la estructura de árbol para una edición más fluida.