Colocando uma galeria de fotos

Acesse o novo curso e veja a ferramenta SitePX atualizada.

Nesta aula vamos ensinar a colocar uma galeria de fotos dentro de uma página. Este site-modelo que escolhemos já vem com a página “fotos”. Ela tem uma galeria de fotos inserida.


Passe o mouse em cima da página “Fotos”. Aparecem estas opções em vermelho Editar | Design... etc.
Clique em "Editar". Pronto!


Esta imagem é uma galeria de fotos. Dê dois cliques na sua galeria e aparecerá a "Biblioteca de Imagens" (veja abaixo).



Aqui nesta área (cinza, na lateral direita) ficarão as imagens da sua galeria. Primeiro tire a imagem existente de exemplo, clicando neste "X", na parte superior à direita logo abaixo de "Selecionadas(1)". 
Agora adicione todas as imagens que quiser para a sua galeria. clicando no “+” em cima de cada imagem.
Pronto! Entraram 4 imagens na sua galeria.
Você pode colocar legendas em cada imagem desta. 

Clique em cima da imagem na palavra "legenda". Edite a legenda. Clique na segunda imagem e edite a legenda.

Faça isso nas quatro imagens.

Você pode alterar a ordem em que as imagens vão aparecer. Arraste esta seta à esquerda de cada imagem (localize a seta na imagem acima) e mude a ordem.  Clique em "concluir".

Pronto as fotos já estão na sua galeria. Clique em salvar.

Agora vamos clicar em visualizar para ver como ficou. Pronto. Aqui esta nossa galeria de imagens.


Clicando em cada imagem menor (parte inferior do quadro acima), as imagens vão aparecendo. Clicando na imagem maior, as imagens vão aparecer ampliadas.

Clique em qualquer lugar para voltar.

Muito simples. Ficou bonito não é?

Veja esse vídeo no You Tube: https://www.youtube.com/watch?v=C1MGM5dDNG4 

 

Categoria: biblioteca de imagens, galeria de fotos, inserção de imagens, legenda da imagem
Aula: 21 

voltar para Como criar um site

left show tsN fwR fsN|left tsN b01e fwR bsd show|left fwR tsN show|bnull||image-wrap|news login c05|fsN fwR normalcase tsN|c05|login news fwR normalcase|tsN fwR normalcase|normalcase fwR c05|content-inner||