Blocos de imagem

Site Builder is no longer sold by Vista. This article is only relevant if you purchased a website from Vista before January 31, 2022.

If you're interested in creating a website, you can learn more at Vista x Wix.

Test note

Os blocos com imagens estão disponíveis na maioria das gavetas, mas a sua localização principal é em Fotografias e Vídeos.

photosandvideos.jpg

Depois de arrastar o bloco para o sítio certo, faça duplo clique na imagem de marcador de posição para abrir o editor de imagens ou clique em Editar Imagem na barra de ferramentas para começar a personalizar.

photos_editimage.jpg

Editar imagem

image_settings.jpg

Em primeiro lugar, substitua a imagem de marcador de posição.

Clique em Selecionar Outra Imagem para escolher de entre:

  • Imagens de Stock e Ícones de Stock: Introduza uma palavra-chave para encontrar imagens e ícones de stock pré-selecionados que sejam mais adequados ao seu web site.
  • As Minhas Imagens: Selecione a partir de imagens que já carregou ou clique em Carregar Ficheiro para carregar mais imagens. Também pode filtrar por ficheiros de imagem que tenha carregado anteriormente para utilização em produtos impressos, tais como cartões de visita, flyers e sinalética.

Depois de selecionar a imagem que pretende utilizar, regresse ao editor de imagens, onde pode cortar a imagem consoante a quantidade que pretende apresentar no web site.

image_crop.jpg

Escolha de entre proporções pré-selecionadas ou faça um recorte personalizado. Os controlos à direita das opções de recorte permitem-lhe rodar a imagem no sentido dos ponteiros do relógio ou no sentido inverso.

image_addseo.jpg

Na parte inferior do editor, estão as opções de SEO. Clique em Adicionar SEO de Imagem para otimizar a sua imagem para os motores de busca.

  • Utilize o Atributo de Texto Alt para descrever as imagens para motores de busca como o Google. Recomenda-se que crie uma descrição com menos de dez palavras.
  • Utilize o Atributo de Título para adicionar uma descrição quando os visitantes do seu site pairam sobre a imagem.

Quando terminar, clique em Guardar alterações.

NOTA: O Criador suporta ficheiros .jpg, .png e .gif (estáticos e animados). O limite de tamanho recomendado por ficheiro é de 10 mb. Se forem utilizados como fundo, os gifs animados não terão animação.

 

Editar Ligação

image_link.jpg

Crie uma hiperligação a partir da sua imagem ao escolherEditar Ligação a partir da barra de ferramentas. São abertas as opções para a ligação.

image_linksettings.jpg

Pode escolher de entre:

  • Interna (ligações para páginas dentro do seu Web site)
  • Externa (uma página noutro site)
  • E-mail
  • Telefone (criar uma ligação de número de telefone clicável, ideal para utilização em smartphones)
  • Lightbox (abre uma versão de ecrã inteiro da imagem)

Editar Moldura

image_editframe.jpg

Clique em Editar Moldura para adicionar uma margem decorativa à volta da imagem como, sombras, "fita adesiva" ou "papel".

Alinhamento

image_alignment.jpg

Clique em Alinhamento para alinhar a imagem à esquerda, ao centro ou à direita dentro da coluna do bloco.

Mover Conteúdo

image_move.jpg

Para pôr a imagem noutro lugar do bloco, clique em Mover

image_movedrop.jpg

Aparecerão sinais verdes de mais que mostram onde pode largar a imagem. Se decidir que não pretende mover a imagem, clique em Cancelar.

Remover Conteúdo

Clique no ícone Remover Conteúdo (ícone de caixote do lixo) para eliminar a imagem.

image_remove.jpg

Pode substituí-la por outro elemento ao clicar no botão verde Adicionar Conteúdo que aparece. Esse elemento pode ser texto, um botão, um vídeo ou um novo elemento de imagem.

imageblocks_addcontent.jpg

Redimensionar

Para redimensionar a sua imagem, passe o cursor sobre a imagem e clique na pega que aparece no canto inferior direito. Arraste o canto para trás e para a frente para aumentar ou diminuir o tamanho da imagem.

image_resize.jpg

Blocos de imagemSeguir

Os blocos com imagens estão disponíveis na maioria das gavetas, mas a sua localização principal é em Fotografias e Vídeos.

photosandvideos.jpg

Depois de arrastar o bloco para o sítio certo, faça duplo clique na imagem de marcador de posição para abrir o editor de imagens ou clique em Editar Imagem na barra de ferramentas para começar a personalizar.

photos_editimage.jpg

Editar imagem

image_settings.jpg

Em primeiro lugar, substitua a imagem de marcador de posição.

Clique em Selecionar Outra Imagem para escolher de entre:

  • Imagens de Stock e Ícones de Stock: Introduza uma palavra-chave para encontrar imagens e ícones de stock pré-selecionados que sejam mais adequados ao seu web site.
  • As Minhas Imagens: Selecione a partir de imagens que já carregou ou clique em Carregar Ficheiro para carregar mais imagens. Também pode filtrar por ficheiros de imagem que tenha carregado anteriormente para utilização em produtos impressos, tais como cartões de visita, flyers e sinalética.

Depois de selecionar a imagem que pretende utilizar, regresse ao editor de imagens, onde pode cortar a imagem consoante a quantidade que pretende apresentar no web site.

image_crop.jpg

Escolha de entre proporções pré-selecionadas ou faça um recorte personalizado. Os controlos à direita das opções de recorte permitem-lhe rodar a imagem no sentido dos ponteiros do relógio ou no sentido inverso.

image_addseo.jpg

Na parte inferior do editor, estão as opções de SEO. Clique em Adicionar SEO de Imagem para otimizar a sua imagem para os motores de busca.

  • Utilize o Atributo de Texto Alt para descrever as imagens para motores de busca como o Google. Recomenda-se que crie uma descrição com menos de dez palavras.
  • Utilize o Atributo de Título para adicionar uma descrição quando os visitantes do seu site pairam sobre a imagem.

Quando terminar, clique em Guardar alterações.

NOTA: O Criador suporta ficheiros .jpg, .png e .gif (estáticos e animados). O limite de tamanho recomendado por ficheiro é de 10 mb. Se forem utilizados como fundo, os gifs animados não terão animação.

 

Editar Ligação

image_link.jpg

Crie uma hiperligação a partir da sua imagem ao escolherEditar Ligação a partir da barra de ferramentas. São abertas as opções para a ligação.

image_linksettings.jpg

Pode escolher de entre:

  • Interna (ligações para páginas dentro do seu Web site)
  • Externa (uma página noutro site)
  • E-mail
  • Telefone (criar uma ligação de número de telefone clicável, ideal para utilização em smartphones)
  • Lightbox (abre uma versão de ecrã inteiro da imagem)

Editar Moldura

image_editframe.jpg

Clique em Editar Moldura para adicionar uma margem decorativa à volta da imagem como, sombras, "fita adesiva" ou "papel".

Alinhamento

image_alignment.jpg

Clique em Alinhamento para alinhar a imagem à esquerda, ao centro ou à direita dentro da coluna do bloco.

Mover Conteúdo

image_move.jpg

Para pôr a imagem noutro lugar do bloco, clique em Mover

image_movedrop.jpg

Aparecerão sinais verdes de mais que mostram onde pode largar a imagem. Se decidir que não pretende mover a imagem, clique em Cancelar.

Remover Conteúdo

Clique no ícone Remover Conteúdo (ícone de caixote do lixo) para eliminar a imagem.

image_remove.jpg

Pode substituí-la por outro elemento ao clicar no botão verde Adicionar Conteúdo que aparece. Esse elemento pode ser texto, um botão, um vídeo ou um novo elemento de imagem.

imageblocks_addcontent.jpg

Redimensionar

Para redimensionar a sua imagem, passe o cursor sobre a imagem e clique na pega que aparece no canto inferior direito. Arraste o canto para trás e para a frente para aumentar ou diminuir o tamanho da imagem.

image_resize.jpg

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day