Criando uma Galeria de Fotos - Dreamweaver

Ir em baixo

Criando uma Galeria de Fotos - Dreamweaver

Mensagem  plomentes em Qua Dez 29 2010, 00:11

Softwares necessários para este artigo:


Dreamweaver MX 2004, 8, CS3 ou CS4 ou superior.
Fireworks 4 ou superior




E ae pessoal, tudo certo? Vamos com mais um artigo sobre o Dreamweaver. Desta vez criaremos uma galeria de fotos simples utilizando um recurso nativo do próprio Dreamweaver.

Para iniciarmos faça o download das fotos utilizadas neste arquivo [Você precisa estar registrado e conectado para ver este link.]. Em seguida, descompacte o arquivo.

Crie um novo arquivo HTML no Dreamweaver e antes mesmo de começar a fazer alguma coisa salve o arquivo dentro da pasta com as fotos com o nome index.

Você também precisará de uma outra pasta, esta será usada na hora de criar a galeria. Sendo assim, além da pasta com as fotos que você baixou e com o arquivo índex que você acabou de salvar, crie uma outra pasta no mesmo lugar com qualquer outro nome. (Eu criei com o nome Galeria)

Depois que tiver salvo, clique no menu Commands>Create Web Photo Album como mostra a imagem abaixo:
[Você precisa estar registrado e conectado para ver esta imagem.]


Lembre-se, conforme falei no início do artigo, você precisa além do Dreamweaver também o Fireworks instalado, caso não tenha o Fireworks aparecerá uma tela de erro.

Ao clicar aparecerá a próxima tela:
[Você precisa estar registrado e conectado para ver esta imagem.]


Vamos a explicação de cada item:

Photo album title: apenas traduzindo, o nome que você quer dar ao seu álbum. Pode ser Fotos do final de semana, minha viagem, portfólio ou qualquer outro nome.
Subheading info:
uma descrição, tipo um comentário sobre a galeria.
Other info:
outras informações, comentários ou descrições que você queira acrescentar
Source images folder:
Aqui você deve informar onde está as pastas com as fotos que serão utilizadas para criação da galeria, afinal sem fotos não teremos galeria de fotos. =P
Destination folder:
Pasta de destino, ou seja, o local (pasta) onde será criada toda a galeria.
Thumbnail size:
Aqui temos a opção para ajustar o tamanho das miniaturas. Geralmente, uma galeria tem as miniaturas para que, quando clicarmos nas mesmas apareçam as fotos grandes. Nesta opção você determina o tamanho das miniaturas. O máximo é 200×200.
Coluns:
Aqui você define quantas colunas você quer que sua galeria tenha.
Thumbnail format:
O formato de arquivo (pode deixar jpeg mesmo) das miniaturas.
Photo format:
O formato de arquivo (pode deixar jpeg mesmo) das fotos.
Scale:
Recomendo deixar a escala em 100% para ficarmos limitado a resolução do PC.
Create navigation page for each photo: Apenas traduzindo já dá pra entender: Criar página de navegação para cada foto, seria nosso velho Próximo e Anterior para poder avançar ou recuar para uma foto anterior.


Veja a tela após ser preenchida:
[Você precisa estar registrado e conectado para ver esta imagem.]








Depois de ter preenchido, pode clicar em ok. Você perceberá que o Fireworks será aberto para trabalhar com as imagens e criar as miniaturas. Depois de tudo criado aparecerá a tela de confirmação informando que o álbum foi criado:
[Você precisa estar registrado e conectado para ver esta imagem.]




Após criar, você já verá no arquivo dentro do Dreamweaver a seguinte tela:
[Você precisa estar registrado e conectado para ver esta imagem.]









Observe a estrutura que foi criada dentro da pasta de destino:

[Você precisa estar registrado e conectado para ver esta imagem.]








Para testar sua galeria abra o arquivo índex.htm e veja como ficou.

Espero que vocês tenham gostado e que seja útil. Qualquer dúvida é só comentar.

Abraço a todos.

Adriano Gianini

________________________________________________________________________________________________________________________________

[Você precisa estar registrado e conectado para ver esta imagem.]

[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]
Adicione nosso group: [Você precisa estar registrado e conectado para ver este link.]
avatar
plomentes
Moderador
Moderador

0 / 1000 / 100

Mensagens : 75
Data de inscrição : 06/12/2010
Idade : 25
Localização : São José dos Campos

http://perfect-hacks.forumeiros.com/

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum