Home » Design

Como fazer um álbum de fotos

14 novembro 2013 4.935 Leitores 0 Comentários

Recentemente tive necessidade de colocar uma página com fotografias num dos meus sites.

O que eu queria era uma página simples que mostrasse todas as fotografias, em tamanho pequeno. E claro que funcionasse como um álbum, como uma galeria, ou seja, que as fotos tivessem uma pequena legenda por baixo e que os visitantes pudessem ampliar as fotos clicando sobre elas.

Acabei por criar alguns arquivos que agora posso usar sempre que quiser fazer um álbum com fotografias. E claro que você pode usá-los também se precisar de criar um álbum de fotos (quer seja um novo site ou uma página de fotos no seu site já existente).

galeria-fotos

A galeria de fotos (ou álbum de fotos) é muito simples mas procurei fazer com que ela fosse responsiva de modo a ajustar-se automaticamente a outros dispositivos tais como celulares ou tablets que cada vez são mais usados pelos internautas. Aceda à página demo da galeria de fotos e experimente diminuir/aumentar a janela do seu browser… verá que a galeria não terá problemas de se ajustar aos mais diversos tamanhos de ecrã.

Instalar e configurar a galeria de fotos é muito simples envolvendo apenas alguns passos:

  1. Faça download da galeria de fotos, e descompacte-a.
  2. Coloque as suas fotos na pasta “images”.
  3. Edite o arquivo index.html. Para que as fotos apareçam na galeria só tem que inserir o nome de arquivo de cada foto e a respectiva legenda no código html.
  4. Copie os 3 arquivos e a pasta “images” para o seu servidor.

No artigo “Criar uma galeria de fotos” pode encontrar uma descrição mais detalhada que indica qual é exactamente a porção do código html que tem que editar de cada vez que insere uma fotografia. Esse artigo refere também outras opções que poderá implementar na sua galeria relacionadas com os tamanhos das fotografias.

Não é uma galeria demasiado sofisticada, penso que a sua vantagem é precisamente ser simples, fácil de usar e bastante funcional. É a galeria de fotos que eu próprio uso. Espero que goste.

1 Estrela2 Estrelas3 Estrelas4 Estrelas5 Estrelas (1 votos, média: 5,00 de 5)
Loading ... Loading ...


Deixe um comentário!

Seja cordial. Respeite o assunto do tópico. Não faça spam.