As secções
Dividir uma página em secções e dar-lhes um fundo, uma paleta de cores ou um ambiente animado.
O que é uma secção?
Uma página é uma sequência de secções colocadas umas por baixo das outras: um banner de boas-vindas, uma apresentação, testemunhos, um formulário… Cada secção contém texto e blocos, e tem o seu próprio aspeto.
Adicionar uma secção
Entre duas secções, um separador tem um botão + (Adicionar uma secção): clique nele para inserir uma nova secção nesse local. Também pode escrever / numa página e escolher Secção. Depois, preencha-a com texto e blocos.
Mover, duplicar, eliminar
Estes comandos encontram-se no separador situado no bordo superior de cada secção. Passe o rato pela página: entre duas secções aparece uma linha com, ao centro, uma pega de seis pontos (a sua dica: Arraste para mover, clique para ver os comandos) e o botão redondo +.
- Arraste a pega para cima ou para baixo para mover a secção.
- Clique na pega para abrir o menu da secção situada logo abaixo: Estilo, Mover para cima, Mover para baixo, Duplicar e Eliminar.
Eliminar retira a secção inteira com todo o seu conteúdo, sem pedir confirmação. Em caso de engano, anule de imediato com Cmd+Z no Mac ou Ctrl+Z no Windows.
Depois de clicar numa secção, o separador Secção do painel direito oferece também, logo no topo, os mesmos comandos: Subir a secção, Descer a secção, Duplicar a secção e Eliminar a secção.
Eliminar uma secção vazia
Uma secção vazia elimina-se da mesma forma, com a pega do separador logo acima ou a partir do separador Secção. Ainda mais simples: clique na sua linha vazia e prima a tecla de retrocesso, e a secção desaparece. Cmd+Z ou Ctrl+Z repõe-na.
O cabeçalho e o rodapé do site não têm pega: não se movem nem se eliminam.
Definir o aspeto de uma secção
Clique na secção e abra o separador Secção do painel da direita:
- Paleta de cores: Predefinida, Suave, Destaque ou Intensa. As cores vêm do seu estilo: alternar as paletas dá ritmo à página sem nunca sair da sua identidade visual.
- Paginação e Espaçamento: a largura e o espaço à volta do conteúdo.
- Imagem / vídeo de fundo, com um Véu para manter o texto legível, a Posição e o Desfoque. Para uma imagem, o interruptor Fundo fixo mantém-na imóvel enquanto o conteúdo desliza por cima, no computador como no telemóvel.
- Ecrã inteiro: a secção ocupa toda a altura do ecrã.
- Colunas de texto: distribui o texto por 2 ou 3 colunas, com capitular ou texto justificado, se o desejar.
Os efeitos de secção
- Ambiente animado: um fundo vivo extraído das cores do estilo (Aurora, Brilho, Grelha, Trama, Malha, Constelação, Ondas, Líquido). Uma imagem de fundo substitui-o.
- Entrada dos títulos: as palavras dos títulos sobem ou revelam-se ao aparecer.
- Texto-manifesto: as palavras iluminam-se à medida que se percorre a página. Para reservar a uma frase forte.
- Secções empilhadas: a secção fica no topo do ecrã enquanto a seguinte desliza por cima, como um baralho de cartas. Para ativar em 2 a 4 secções seguidas.
Estes efeitos são reproduzidos no site, tanto na pré-visualização como online. Outros efeitos definem-se para todo o site em Formas, efeitos e animações.