Dreamweaver CS3 - Criando uma galeria de fotos com thumbnail

Arquivo de (Dreamweaver) por Felipe Cardozo em 14-04-2008 - 7,031 visualizações

Tags: , ,

a a a

E aí pessoal! Tudo certo?
Conforme pedidos, sai do forno uma vídeo aula quentinha de Dreamweaver CS3 ensinando como criar uma galeria de fotos com thumbnail pelo Dreamweaver.

Conforme informei na vídeo aula, não testei esse processo com versões diferentes entre o DW e o FW, já que para o processo funcionar é imprescindível a existência do Fireworks em sua máquina. Outra coisa interessante informar é que no Dreamweaver mx e mx2004 não têm essa opção, sendo necessária a instalação de uma extensão, mas estou correndo atrás dela, ok?

Assista à vídeo aula

Outra coisa interessante dizer, é que o e-mail que você terá que cadastrar no gravatar.com deverá ser o mesmo que você usa para postar seus comentários no mxmastes, caso contrário, a imagem não aparecerá.

Bom, isso é tudo… Boa aula a todos!

Permalink

Comentários:

#1.
MarceloNo Gravatar comentou:
Fala Felipe, vlw mesmo cara pela aula. abraços!
Comentado em: 14 Abr, 8:49 pm
#2.
Antonio CarlosNo Gravatar comentou:
Gostaria que vc colocasse uma video aula de formulario com asp .
Um abraço !!
Comentado em: 15 Abr, 9:53 am
#3.
kleberNo Gravatar comentou:
O jeito q eu imaginava, era com um layout bem bacana e tals… tpo aquele da aula ae..

^^

ex: Home
Fotos <
Contato
bla bla…

:)

Comentado em: 15 Abr, 10:47 am
#4.
Felipe CardozoNo Gravatar comentou:
Kleber, a formatação da galeria e inclusão da mesma no layout é um item a parte. O importante é você ter uma base de como fazer uma galeria simples, mas claro que existem outras meneiras de fazer uma galeria.
Comentado em: 15 Abr, 11:45 am
#5.
kleberNo Gravatar comentou:
Ahhh… é complicado fazer? :(
Comentado em: 15 Abr, 12:35 pm
#6.
FilipLobatoNo Gravatar comentou:
Me amarro nos seus tutoriais
muito bom esse.
Vc podia ensinar nele como mudar um pouco o designe do album
pois ele é muito simplezinho dessa cor
e tals
^^
Se puder eu agradeço :)
Me da um toke no email se puder tb
Abraxx
Comentado em: 15 Abr, 8:27 pm
#7.
Franklin CostaNo Gravatar comentou:
Bem pratica mesmo a galeria.. e como o colega FilipLobato falou, seria legal aprender a modifica-la, ou um tutorial mostrando outros tipos de galeria, uma mais bunitinha :D flww
Comentado em: 20 Abr, 8:39 pm
#8.
Melquisedeque NascimentoNo Gravatar comentou:
Parabéns pelo site e pelas aulas de qualidade que vcs disponibilizam, estão sendo de muito ajuda. Continuem assim. Quero fazer um pedido: Como posso fazer um site onde o administrador edita o conteúdo do site sem saber nada de pogramação? Valeu.
Comentado em: 03 Mai, 8:52 pm
#9.
Felipe CardozoNo Gravatar comentou:
Melquisedeque,
você pode usar os CMS que são gerenciadores de conteúdo.

Dê uma olhada no wordpress ou joomla.

abçs

Comentado em: 03 Mai, 9:27 pm
#10.
delisNo Gravatar comentou:
encontrei o site pesquisando
gostei do tutorial estava em busca desta informação
valeu mesmo felipe
chegou na hora este video
Comentado em: 05 Mai, 1:34 pm
#11.
delisNo Gravatar comentou:
uma duvida pois efetuei o cadastro no gravatar e nao vejo minha foto
como faço para colocar minha foto no comentario
quem pode ajudar eu agradeço.
Comentado em: 07 Mai, 4:42 pm
#12.
Felipe CardozoNo Gravatar comentou:
Delis, após o cadastro la no gravatar.com, você tem que ativar seu avatar.

E os dados, como nome e e-mail cadastrados lá tem que ser os mesmos que você usa para deixar os comentários no mxmasters…

abçs

Comentado em: 07 Mai, 7:31 pm
#13.
delisNo Gravatar comentou:
valeu pela dica felipe
Comentado em: 08 Mai, 3:33 pm
#14.
RANIERI DE ALMEIDANo Gravatar comentou:
Cara muito boa a explicação bem objetiva….
Comentado em: 12 Mai, 5:40 pm
#15.
silfarleyNo Gravatar comentou:
boa tarde;

achei muito interessante esse video, muito rapido e pratico, gostaria de pedir a ajuda do pessoal que entra no site, e do felipe, estou tendo problema para criar um codigo para linkar uma pagina contato de um cliente, infelizmente ainda não estudei isso ainda, seria um condigo php que enviasse mensagem para o email para da cliente, quando seus clientes entrasse no site…

sou novo nesta área, achei muito legal o site.
enfim se alguém poder ajudar….grato deste já…..

Comentado em: 23 Mai, 2:45 pm
#16.
Danniel BaruqueNo Gravatar comentou:
Olá Felipe,

kra, toda vez q eu tento… aparece um erro no FireWorks que::: requer um documento ativo::: e eu não faço idéia do que eu estou fazendo errado.
vc pod me ajuar?

vlw um abç.

Comentado em: 29 Mai, 12:08 pm
#17.
Felipe CardozoNo Gravatar comentou:
Olá Daniel, tudo bem?

Rapaz, nunca passei por esse problema. Qual a versão do seu FW? Eu procurei no google sobre esse erro e não achei nada também.

Comentado em: 29 Mai, 10:51 pm
#18.
Danniel BaruqueNo Gravatar comentou:
Ok Felipe…

na verdade, a mensagem aparece em Inglês, tem algum e-mail que eu possa enviar um ‘Print’ pra vc?

vlw abç.

Comentado em: 02 Jun, 12:55 pm
#19.
Felipe CardozoNo Gravatar comentou:
Daniel, mande para contato@mxmasters.com.br

[]´s

Comentado em: 02 Jun, 1:21 pm
#20.
joao vicetroNo Gravatar comentou:
Os meus parabens por este e por tds os tutoriais que aqui tem, ja me safou de mta coisa hehe

mas acontece que eu queria passar esse web photo album para o site que estou fazendo, mas nao estou conseguindo! agradecia uma ajuda :P

Comentado em: 05 Jun, 11:23 pm
#21.
Felipe CardozoNo Gravatar comentou:
Olá João!

O que está ocorrendo?

[]´s

Comentado em: 06 Jun, 7:50 pm
#22.
joao vicetroNo Gravatar comentou:
uma amiga pediu me para lhe fazer um site do genero do “tutorial site completo” que deu para nos, td optimo ate que me lembrei que tenho que por uma galeria de fotos, deste genero thumbnail, mas kd o crio aparece numa pagina a parte e o menu e direccionado para essa pagina nova criada… e ja tentei ir pelo codigo mas nao tive mta sorte

agradecia uma ajudinha :)

mais uma vez obrigado e mts prabens pelo exelente trabalho prestado no site :D

[]’s

Comentado em: 08 Jun, 7:50 pm
#23.
Felipe CardozoNo Gravatar comentou:
João!

Não entendi sua dúvida!

[]´s

Comentado em: 08 Jun, 9:04 pm
#24.
joao vicetroNo Gravatar comentou:
se eu criar o photo album com thumbnails por default o dreamweaver cria numa pagina nova e nao no site que estou fazendo na pagina que estou criando. Esse e o meu problema, pesso dscp por nao ser tao explicito qt gostava.

[]’s

Comentado em: 08 Jun, 9:55 pm
#25.
MarthaNo Gravatar comentou:
Oi Felipe,
Sou sua mais nova fa. Adorei essa aula de DW, como fazer uma galeria de fotos. Ele usa o Batch command do FW! Mas como ele cria o OnCLick para aparecer a imagem maior? Eu olhei no codigo e nao vi nada parecido com o que eu estou acostumada a fazer (Behaviors, OnClick, etc…).
Muito legal o MXMASTERS, ja’ repassei para meus colegas!!!
Comentado em: 09 Jun, 12:34 pm
#26.
Felipe CardozoNo Gravatar comentou:
Olá Martha, obrigado pelas gentis palavras!

O que você pode fazer é trabalhar no código e incrementar o lightbox. Eu irei desenvolver uma vídeo aula ensinando isso!

[]´s

Comentado em: 09 Jun, 9:12 pm
#27.
jarbasNo Gravatar comentou:
Fala aí cara, antes de td quero dar os parabéns p/ vc; suas vídeo aulas são show de bola….mas ñ to conseguindo criar minha galeria.Quando eu clico em criar album para a internet, aparece a seguinte mensagem:( que necessita do fireworks intalado) eu não tinha + agora coloquei o fireworks cs3 + a mensagem continua….se vc podesse me ajudar eu agradeceria….vlw msmo…abraço.
Comentado em: 10 Jun, 9:37 pm
#28.
Felipe CardozoNo Gravatar comentou:
Olá Jarbas, tudo certo?

Como mencionei na vídeo aula, não testei utilizando versões diferentes de FW e DW. Qual a versão de ambos?

Comentado em: 12 Jun, 2:41 am
#29.
jarbasNo Gravatar comentou:
aí q tá o negócio, os 2 são cs3….

???

Comentado em: 12 Jun, 7:47 pm
#30.
Felipe CardozoNo Gravatar comentou:
Jarbas. Tente desinstalar e reinstalá-los um após o outro.
Comentado em: 13 Jun, 1:52 pm
#31.
Antonio CarlosNo Gravatar comentou:
Felipe Cardoso,
Criei a galeria de Fotos seguindo as suas instruções, porém surgiu a seguinte dúvida: Como faço para atualizar o album ? Terei que executar todo o procedimento de criação (Create WEB Photo Album)ou existe uma maneira mais fácil?
Comentado em: 19 Jun, 10:20 pm
#32.
Márcia BardaroNo Gravatar comentou:
Olá Felipe (vizinho rsss….)
Estiou com o mesmo problema do João!
estou desenvolvendo um site e tb será necessário a galeria de fotos.
então… eu criei a pág. html de nome Serviços, com topo, menu e tudo mais, quando mandamos criar a galeria de fotos o DW cria em uma nova pág htlm. toda em branco e ñ dento da pagina serviços. e gostaria de saber tb se há a possibilidade de configurarmos essa galeira abrindo as fotos em uma pop up (bahavios)
bjão
Comentado em: 26 Jun, 10:41 am
#33.
Eliano NovaisNo Gravatar comentou:
Ola Felipe gostaria de lhe pedir uma video aula com outro modelo de album de fotos.
Grato Eliano
Comentado em: 26 Jun, 4:52 pm
#34.
Felipe CardozoNo Gravatar comentou:
Márcia, tudo bom?

Realmente não sei o que pode estar havendo na hora de criar a galeria. Você usa Fireworks e Dreamweaver de mesma versão? São CS3?

Sobre a possibilidade de criar com popup, tem sim, mas dará muito trabalho.

Irei desenvolver uma vídeo aula ensinando a criar outra galeria mais completa e com banco de dados.

[]´s

Comentado em: 01 Jul, 1:26 pm
#35.
geruzaNo Gravatar comentou:
Assisti a vídeo aula do link, é ótima! Só que eu tenho uma dúvida o meu index já esta proto com os links, mas, eu não consigo escrever na imagem o nome do link
Comentado em: 03 Jul, 4:46 pm
#36.
Felipe CardozoNo Gravatar comentou:
Olá Geruza, tudo bem?

Você diz escrever o nome na foto?

Fico no aguardo.

[]´s

Comentado em: 04 Jul, 1:46 am
#37.
MagnoNo Gravatar comentou:
Olá Felipe, parabéns. Pela video aula.
Um dúvida. Como poderei fazer invertendo a numeração no album.
Ele cria normalmente em crescente. Como fazer decrescente?
Valeu Obrigado. Magno
Comentado em: 07 Jul, 11:24 am
#38.
MarcoNo Gravatar comentou:
Olá aqui de Portugal!
Até á data do envio da minha mensagem, não consigo criar o album, tenho uma pasta de 177 photos e só me carrega apenas 5, o fireworks diz que não pode correr o run script..
Alguma opinião??

Cumprimentos e Obrigado

Comentado em: 07 Jul, 2:29 pm
#39.
Felipe CardozoNo Gravatar comentou:
Olá Magno, tudo certo?

Ainda não testei. Irei verificar e retorno o comentário aqui.

[]´s

Comentado em: 12 Jul, 12:59 am
#40.
Arnaldo CruzNo Gravatar comentou:
Felipe - eu poderia fazer esta página para meu site ou só funciona desktop
Comentado em: 14 Jul, 1:08 am
#41.
Felipe CardozoNo Gravatar comentou:
Olá Arnaldo, tudo bom? Não entendi sua dúvida!

[]´s

Comentado em: 15 Jul, 1:53 am
#42.
Arnaldo CruzNo Gravatar comentou:
Muito boa sua aula

estou querendo fazer uma galeria com imagens onde o caminho da imagem est´pa no banco de dados.

Felipe que tal fazer uma aula usando banco de dados, access ou mysql, pois já procurei e não encontrei nada de façil compreensão.

Comentado em: 18 Jul, 2:05 am
#43.
Felipe CardozoNo Gravatar comentou:
Arnaldo, a regra é clara! hihihi

Bom, estou prestes a desenvolver esta vídeo aula..

[]´s

Comentado em: 20 Jul, 12:05 am
#44.
paolaNo Gravatar comentou:
valew pela força deu pra intende tudo direitinho
Comentado em: 21 Jul, 3:53 pm
#45.
JrcoutoNo Gravatar comentou:
Fala Felipe, cara sou um grande entusiasta do seu trabalho, já assisti TODAS as suas vídeo aulas, e tenho uma dúvida:
como faço para fazer esta galeria mas com um painel administrável. abraços.
Comentado em: 24 Jul, 10:33 am
#46.
Felipe CardozoNo Gravatar comentou:
Olá Nj Couto, beleza?

Obrigado pelas palavras. Bom, estou preparando uma super vídeo aula ensinando a instalar e configurar uma galeria de fotos com painel e banco de dados.

[]´s

Comentado em: 24 Jul, 6:54 pm
#47.
kinvanasNo Gravatar comentou:
E ai felipe, graças as suas videos aula, em uma semana sem sabe nada, desenvolvi um sitizinho, mas to com duvidas, apos criar o album de fotos, eu queria qie ele atraves de um link colocado no lado esquerdo da pagina, abrisse na mesma pagina do lado direito como mini icones e apos clicar nos mini, a foto se carregaria na mesma pagina ainda do lado direito, se é que me entendeu, pois apos o link, abre o index criado pelo fireworks e não o layout da minha pagina. grato
Comentado em: 30 Jul, 2:20 pm
#48.
kinvanasNo Gravatar comentou:
como faço apele tipo de menu que parece um fichari com abas e permutam entre si? grato
Comentado em: 30 Jul, 2:23 pm
#49.
Felipe CardozoNo Gravatar comentou:
Kinvanas, tudo bem?

Já tentou colocar a galeria dentro de uma página e exibi-la por iframe?

Comentado em: 02 Ago, 1:23 pm
#50.
kinvanasNo Gravatar comentou:
Ola felipe, vou tentar essa dica, mas outro problema se recai a esse pobre fuçador, criar formularios no php e anexa-los na minha pagina de site, tipo, um mural de comentarios igual a este seu, grato
Comentado em: 02 Ago, 2:10 pm
#51.
Marcelo DiplayNo Gravatar comentou:
Fala Felipe! Primeiramente quero parabenizar pela qualidade de suas video aulas. Gostaria de saber se é possível usar este mesmo método para colocar em uma tabela de um site? É possível? Como devo proceder?
Comentado em: 30 Ago, 8:39 pm
#52.
Felipe CardozoNo Gravatar comentou:

Olá Marcelo, tudo bem?

Dá para fazer sim, mas para isso, você terá que meter a mão no código.

[]´s

Comentado em: 01 Set, 10:22 am
#53.
Valério AugustoNo Gravatar comentou:
aloha…. gostaria de saber se existe a possibilidade de colocar videos como esses que assistimos aqui no site, usando o dreanweaver, eu uso a versão CS3…..
Valeu galera…..
Comentado em: 04 Set, 11:26 am
#54.
Henrique LimaNo Gravatar comentou:
Beleza Felipe!!?
cara muito boa esa video aula, surgiu uma duvida, como eu faço para atualiza o album?
valeu cara!!
Comentado em: 04 Set, 12:19 pm
#55.
NiltonNo Gravatar comentou:
olá Felipe eu me amarro nos seu tutoriais
eu gostria q vc colocase um tutorial explicando como formata a galeria de fotos como incluir no layout da minha pagina……

eu gostaria tbm q vc postasse um tutorial explicando como colocar um player pra executar as musicas quanto o site for acessado. pode ser?

Comentado em: 05 Set, 11:12 am
#56.
Felipe CardozoNo Gravatar comentou:

Olá Henrique, tudo bem?

Neste caso, você tem que alterar manualmente mesmo… :)

Nilton, já temos esta vídeo aula na categoria Flash..

[]´s

Comentado em: 05 Set, 5:44 pm
#57.
Wilson CrescencioNo Gravatar comentou:
Show… essas dicas facilitam muito a vida da gente
Comentado em: 11 Set, 3:18 pm
#58.
NiltonNo Gravatar comentou:
Olá Felipe vc poderia encinar como formatar esta pagina para colocar no meu site?
eu gostaria de fazer uma galeria de fotos igual a galeria detes site:
http://www.pickuptormento.com.br/site/modules/galeria/
tem como vc me da umas dicas de como fazer?
Comentado em: 13 Set, 10:43 am
#59.
JESUS VIEIRANo Gravatar comentou:
Olá tudo bem!!!

é o seguinte to querendo aprender a fazer um efeito quando a pessa clickar na foto ela abri bem grande e continua a paguina de origem de fundo como se a foto tivesse dado zum e a paguina de origem ficasse por traz da foto tipo transparente. obrigado pela a tenção…

Comentado em: 23 Set, 7:39 pm
#60.
Felipe CardozoNo Gravatar comentou:

Olá Jesus, tudo bem?
Isso se chama lightbox. Iremos falar em breve.

[]´s

Comentado em: 24 Set, 11:54 am
#61.
Fábio PereiraNo Gravatar comentou:
Olá gostaria que nos ensinasse a colocar um site no ar
atravez do servidor XPG

obrigado pela a tenção…
Pereira

Comentado em: 29 Set, 12:00 am
#62.
Liliane ReisNo Gravatar comentou:
Muito legal, pra mim que estou começando vcs tem me ajudado muito!
Comentado em: 18 Out, 6:45 pm
#63.
lucasNo Gravatar comentou:
salve Felipe
Cara queria que vc ensinasse a fazer aquela animação igual a do site da rede record.
que quando eu levo o mouse para o lado o conteudo se move.
valeu.
são muito boas as suas videos aulas…
me avise por e-mail quando vc postar.
Comentado em: 15 Nov, 12:28 am
#64.
Leonardo AmaralNo Gravatar comentou:
Olá Felipe. o tutorial é mtu bom. mas a minha dúvida é como eu posso configurar a galeria para ao invés de vir com aqueles links para a próxima e a anterior, ele possa vir com meus butões. eu to trocando página por página!! valeu pela atenção!
Comentado em: 30 Nov, 3:13 pm