Perfect Hacks
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Criando uma Galeria de Fotos - Dreamweaver

Ir para baixo

Criando uma Galeria de Fotos - Dreamweaver Empty Criando uma Galeria de Fotos - Dreamweaver

Mensagem  plomentes 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 [Tens de ter uma conta e sessão iniciada para poderes visualizar 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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]




Após criar, você já verá no arquivo dentro do Dreamweaver a seguinte tela:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]









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

[Tens de ter uma conta e sessão iniciada para poderes visualizar 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
plomentes
plomentes
Moderador
Moderador

Criando uma Galeria de Fotos - Dreamweaver Left_bar_bleue0 / 1000 / 100Criando uma Galeria de Fotos - Dreamweaver Right_bar_bleue

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

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos