Criando uma Galeria de Fotos - Dreamweaver
Página 1 de 1
Criando uma Galeria de Fotos - Dreamweaver
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:
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:
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:
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:
Após criar, você já verá no arquivo dentro do Dreamweaver a seguinte tela:
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
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
Tópicos semelhantes
» Criando Asa LVL 1
» Criando Asa Lv2
» Criando um background de Natal
» [TUTORIAL] CRIANDO E INJETANDO MODS
» [TUTORIAL] CRIANDO E INJETANDO MODS
» Criando Asa Lv2
» Criando um background de Natal
» [TUTORIAL] CRIANDO E INJETANDO MODS
» [TUTORIAL] CRIANDO E INJETANDO MODS
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos