Disposição caixa/linha/coluna

No WebAcappella, a organização dos elementos segue uma estrutura precisa:

• As caixas são os principais recipientes que estruturam a página.
• As linhas são inseridas diretamente nas caixas e permitem uma organização horizontal.
• As colunas são elementos como os outros (texto, imagem, botão) e devem ser arrastadas para uma linha para organizar o conteúdo verticalmente.

Essa hierarquia permite criar layouts flexíveis e adaptáveis.

Legenda das cores

Na interface do WebAcappella, cada elemento que estrutura a página é representado por uma cor específica:

• Castanho para as caixas.
• Rosa para as linhas.
• Verde para as colunas.

Quando um elemento é selecionado, ele é destacado com uma moldura da mesma cor.

Criar uma nova página

1. Criar uma nova página no WebAcappella.
2. Uma caixa contendo uma linha é colocada automaticamente.

Adicionar colunas em uma linha

1. Cada linha é dividida em 12 espaços, o que permite ajustar facilmente a largura das colunas.
2. Arraste uma ou mais colunas para a linha.
3. Repita a operação para adicionar várias colunas lado a lado.
4. Redimensione as colunas ajustando suas proporções.
5. Em cada uma das colunas criadas, arraste os elementos desejados (texto, imagem, botão, etc.) que ocuparão a largura da coluna.

Adicionar caixas e linhas

1. Você pode arrastar quantas caixas forem necessárias para uma mesma página.

Dicas práticas

• Opte por uma estrutura clara, utilizando várias caixas para organizar a página.
• Use colunas para equilibrar o layout, mas evite colocar muitas para não sobrecarregar a exibição móvel.
• Teste regularmente o modo responsivo para garantir uma boa exibição em todas as telas.