Árbol de elementos (panel derecho)
En WebAcappella, el panel derecho siempre está visible y desempeña un papel esencial en la gestión de los elementos de la página. Ofrece una vista jerárquica completa de la estructura de la página y permite interactuar fácilmente con cada componente.
Presentación del panel derecho
El panel derecho se divide 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 forma de lista organizada y sincronizada con el área de trabajo.
Permite:
✔ Visualizar la jerarquía completa de los elementos (cuadros, líneas, columnas, componentes).
✔ Seleccionar rápidamente un elemento, incluso si es difícil acceder a él en el plano de trabajo.
✔ Mover los elementos en la jerarquía para reorganizar el diseño.
Seleccionar un elemento a través del árbol
- Busque el elemento deseado en el árbol.
- Haga clic en el elemento: se seleccionará automáticamente en el área de trabajo.
- El elemento seleccionado se muestra con sus propiedades, lo que permite modificarlo rápidamente.
Mover un elemento en el árbol
1. Haga clic en un elemento y mantenga pulsado el botón del ratón. 2. Arrástrelo a una nueva ubicación en la jerarquía. 3. Suelte el botón del ratón para reposicionar el elemento en la estructura de la página.
Atención: algunos elementos no se pueden mover libremente. Por ejemplo, una columna siempre debe colocarse dentro de una línea.
Ventajas de utilizar el panel derecho
✔ Selección más precisa: ideal para seleccionar elementos que se superponen o que son difíciles de seleccionar en el área de trabajo.
✔ Vista jerárquica clara: permite una organización estructurada de la página.
✔ Ahorro de tiempo: ya no es necesario ampliar la imagen ni buscar un elemento oculto, todo aparece claramente enumerado.
✔ Facilidad de desplazamiento: reorganizar los elementos es más rápido que manipularlos directamente en el espacio de trabajo.
Buenas prácticas
✔ Utilice el árbol para navegar rápidamente entre los elementos.
✔ Mueva los elementos con cuidado para no desorganizar el diseño.
✔ Alterne entre el área de trabajo y el árbol para una mayor fluidez en la edición.