Boas práticas

Aqui estão algumas observações que o ajudarão a entender e usar melhor o layout de seus sites, mesmo que ele evolua, a tendência ainda permanece de criar sites “centralizados” com um fundo estendido ou não, aqui é onde as propriedades da Caixa são importantes.

Caixas, margens e espaçador

• Uso da caixa

  Como lembrete, a Caixa é o primeiro componente que você deixa cair em uma página, ela contém uma ou mais linhas contendo, por sua vez, componentes (imagem, botão, área de cor, …).

• Uso de Margens

  Uma das novas características desta versão é a integração de Margins (não confundir com Spacers). A Margem está presente para uma Caixa mas também para um grande número de componentes (texto, galeria, imagem, …) e é a presença destas 2 opções que lhe permitirá criar um site personalizado (e original). Não hesite em usá-los para criar compensações de componentes, por exemplo…

• Usando espaçadores

  Os espaçadores são eficazes para centralizar um componente (como um menu) e para definir uma área de exibição (como uma imagem), caso contrário, na grande maioria dos casos, recomendamos o uso de margens e espaçamento horizontal (em uma linha com vários componentes).

Exemplos

Exemplo de uma boa utilização do Espaçador Horizontal :

Exemplo de um bom uso do Espaçador Vertical :

O mesmo componente com 1 px de espaçador vertical:

Usando as teclas do teclado

• A tecla Shift pressionada :

  Esta tecla é usada para rolar (navegar) em profundidade através dos elementos sob o mouse. Por exemplo, você está posicionado em um componente de texto, clicando no mouse (e pressionando a tecla shift), você irá por sua vez do componente de texto, para o componente de linha e depois para o Box. Isto o ajudará a navegar rapidamente pelas diferentes propriedades/opções aplicadas aos componentes escolhidos.

• Pressione a tecla Ctrl :

  De uma forma mais tradicional, esta chave permite selecionar vários componentes a fim de copiá-los/colá-los em outro lugar na mesma (ou outra) página.