Layout de caixa/linha/coluna¶
No WebAcappella, a organização dos elementos segue uma estrutura precisa:
As caixas são os principais contêineres que estruturam a página.
As linhas se encaixam diretamente nas caixas, permitindo a organização horizontal.
As colunas são elementos como qualquer outro (texto, imagem, botão) e devem ser arrastadas em uma linha para organizar o conteúdo verticalmente.
Essa hierarquia possibilita a criação de layouts de página flexíveis e adaptáveis.
Legenda de cores¶
Na interface do WebAcappella, cada elemento que estrutura a página é representado por uma cor específica:
Marrom para as caixas.
Rosa para as linhas.
Verde para colunas.
Quando um item é selecionado, ele é cercado por uma borda da mesma cor.
Criar uma nova página¶
Crie uma nova página no WebAcappella.
Uma caixa contendo uma linha é colocada ali automaticamente.
Adicionar colunas a uma linha¶
Cada linha é dividida em 12 entalhes, o que facilita o ajuste da largura das colunas.
Arraste e solte uma ou mais colunas na linha.
Repita a operação para adicionar várias colunas lado a lado.
Redimensione colunas ajustando suas proporções.
Em cada uma das colunas que você criar, arraste os elementos que deseja (texto, imagem, botão etc.) para ocupar a largura da coluna.
Adição de caixas e linhas¶
Você pode arrastar quantas caixas forem necessárias para a mesma página.
Conselhos práticos¶
Favoreça uma estrutura clara usando várias caixas para organizar a página.
Use colunas para equilibrar o layout da página, mas evite usar muitas para não sobrecarregar a tela do celular.
Teste regularmente o modo responsivo para garantir que ele seja exibido corretamente em todas as telas.