Adicionar uma imagem.

Adicione uma fotografia ou ilustração que preenche a sua coluna e se adapta ao ecrã.

Adicionar uma imagem

Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. Crie a sua primeira página mostra o essencial.

1. Paire o cursor sobre a coluna e clique em + na barra de controlos, ou clique em Add Elements numa página vazia. Abra o separador Content e clique em Image. O elemento é colocado no topo da coluna e o diálogo de definições abre.
2. Em Image, clique em Select Image. No Media browser, filtre por nome se quiser, assinale uma fotografia e clique em Insert selected.
3. Clique no título SEO para expandir. Substitua qualquer texto em Alt attribute por uma descrição curta da fotografia.
4. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

A Image width predefinida é 100%. Os leitores de ecrã anunciam o seu texto alternativo. Para verificar a adaptação, defina View mode como Preview e estreite a janela do navegador. Os visitantes veem as suas alterações depois de guardar e publicar.

Configurar a imagem

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

• Image: selecione uma imagem da mediateca ou do navegador de ficheiros do seu site, carregue um ficheiro ou cole um URL externo.
• Image width: uma largura CSS como 100% ou 300px. A predefinição é 100%.
• Image height: uma altura fixa como 400px. Deixe vazio para manter a forma da fotografia.
• Image link: torna a imagem clicável. Introduza um URL ou escolha uma página.
• Image link target: Same window ou New window. Aparece depois de adicionar uma ligação.
• Alt attribute: na secção SEO, uma descrição para leitores de ecrã e motores de pesquisa.
• Title attribute: na secção SEO, informação extra que aparece como dica ao pairar o cursor.

Carregamento de imagens e velocidade da página

O DXPR Builder gere o carregamento de imagens novas automaticamente para manter as páginas rápidas e evitar saltos de conteúdo. As imagens no início da página e dentro de separadores, carrosséis e letreiros animados ficam prontas a mostrar. As imagens mais abaixo podem carregar à medida que os visitantes deslocam a página.

As imagens podem vir da sua mediateca, de ficheiros carregados ou de URLs externos. Deixe as imagens terminar de carregar no editor antes de guardar, para que o DXPR Builder reserve o espaço certo. Substituir uma imagem atualiza as suas dimensões sem alterar o tamanho de apresentação escolhido.

As imagens já existentes no seu site não são atualizadas automaticamente. A velocidade da página também depende do tamanho dos ficheiros de imagem e de outros conteúdos. Verifique a sua página publicada em ecrãs estreitos e largos.

Se não a vir

• O Image não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em User Profiles.
• Desapareceu depois de recarregar. A página não foi guardada. Adicione-o novamente e clique em Save na barra de ferramentas no topo da área de conteúdo.
• O elemento de imagem está vazio. Não há fotografia definida no campo Image. Paire o cursor sobre o elemento e abra More > Settings, depois clique em Select Image.
• Aparece um ícone de imagem partida. O ficheiro foi apagado ou movido na mediateca. Paire o cursor sobre o elemento e abra More > Settings, remova a seleção e escolha uma nova imagem.
• A imagem está esticada ou achatada. Image width e a Image height têm ambas valores fixos que não correspondem à fotografia. Limpe a Image height para repor a forma.

E a seguir?

Separador Style para alterar o espaçamento e o fundo da sua imagem.