Árvore de elementos (painel direito)
No WebAcappella, o painel direito está sempre visível e desempenha um papel essencial na gestão dos elementos da página. Ele oferece uma visão hierárquica completa da estrutura da página e permite interagir facilmente com cada componente.
Apresentação do painel direito
O painel direito é dividido em várias seções, mas a mais importante para a edição é a árvore de elementos.
Essa árvore exibe todos os elementos da página em forma de lista organizada e sincronizada com o plano de trabalho.
Ela permite:
✔ Visualizar a hierarquia completa dos elementos (caixas, linhas, colunas, componentes).
✔ Selecionar rapidamente um elemento, mesmo que seja de difícil acesso na área de trabalho.
✔ Mover os elementos na hierarquia para reorganizar o layout.
Selecionar um elemento através da árvore
- Localize o elemento desejado na árvore.
- Clique no elemento: ele será selecionado automaticamente na área de trabalho.
- O elemento selecionado é exibido com suas propriedades, permitindo uma modificação rápida.
Mover um elemento na árvore
1. Clique em um elemento e mantenha o clique. 2. Arraste-o para um novo local na hierarquia. 3. Solte o clique para reposicionar o elemento na estrutura da página.
Atenção: alguns elementos não podem ser movidos livremente. Por exemplo, uma coluna deve sempre ser colocada dentro de uma linha.
Vantagens de usar o painel direito
✔ Seleção mais precisa: ideal para selecionar elementos que se sobrepõem ou são difíceis de clicar na área de trabalho.
✔ Visão hierárquica clara: permite uma organização estruturada da página.
✔ Economia de tempo: não é mais necessário ampliar ou procurar um elemento oculto, tudo está listado de forma clara.
✔ Deslocamento facilitado: reorganizar os elementos é mais rápido do que manipulá-los diretamente na área de trabalho.
Boas práticas
✔ Use a árvore para navegar rapidamente entre os elementos.
✔ Mova os elementos com cuidado para não desorganizar o layout.
✔ Alterne entre a área de trabalho e a árvore para uma edição mais fluida.