Vídeo Aula – Efeito Rollover no DreamWeaver

por Celso Lemes em 18/05/2008

na categoria Vídeo | Tutoriais

Se você vem acessando o Criar Sites, já deve ter notado no nas imagens que estão dispostas no final dos artigos.

Trata-se de um efeito chamado rollover criado no DreamWeaver que com o passar do mouse a imagem é sobreposta por outra imagem.

Esse é um feito bem interessante e que chama a atenção, suas utilidades são variadas, como a construção do menu, amostra de imagens e publicidade.

Se você for um YoutubeManiaco, pode conferir este vídeo “aqui

Você pode baixar os arquivos utilizados na criação deste vídeo tutorial “aqui“. Experimente abrir o arquivo “rollover” no programa Dreamweaver para que você entenda melhor o procedimento.

O que você achou deste vídeo? Sua opinião é muito importante.

Mais Artigos que você pode estar interessado

Sobre o autor do Blog

celso lemes

Website | Twitter | Facebook | Google+

Celso Lemes é Webmaster e Blogueiro profissional. Desenvolvedor do CriarSites.com e do Curso Profissão Problogger e de outros tantos blogs.

{ 18 comentários… leia abaixo ou deixe o seu }

1 Celso Lemes 30/05/2008 às 12:12 pm

Fernando,

O Criar Sites não possui uma equipe, todo o conteúdo foi desenvolvido por mim. Acho que sou uma equipede um homem só.

Obrigado pela visita. Abraço!

Responder

2 pedro 23/08/2008 às 8:47 am

muito bom o seu site..parabens por seu site..nem sei como agradecer,ele e uma optima ajuda mesmo..

eu tou começando a explorar o Adobe Dreamweaver CS3..estou a gostar..estou pensando criar meu site,mas sei que nao sera façil..sera que poderiamos trocar de email,pra voce me dar umas dicas..se na for maçada e claro….continua assim com seu optimo trabalho..saudaçoes

Responder

3 Gilson 26/02/2009 às 8:41 am

Tudo bem Celso,gostei muito desse vídeo,foi de muita ajuda para mim.
Apesar de não ter nada haver com esse vídeo gostaria da sua ajuda para criar algo que ficou faltando no meu projeto. Sendo possível para você é claro…
Nesse site plazzabrasil.com.br,assim como em outros que tava vendo possuem uma apresentação de itens da esquerda pra direita quando clica na seta.
Pelo que pesquisei esse procedimento ocorre por que foi fito em CSS.
Bom tai o meu problema. RSRSR
Na verdade é que eu entendendo nada de CSS, XHTML ou qualquer tipo de código no momento, sei que realmente devo aprender esse conteúdo para e tornar um profissional da web,é que como tudo que eu recrutei até agora na net tem como base em fazer com colunas,e utilizando o dreamweaver CS3,já deu para mim aprender muitas coisas e gosta de criar sites.
Bom o que eu quero é criar esse tipo apresentação para ser colocado dentro de uma coluna ou dentro de uma AP DIV,e como eu já disse não entendo nada de código,se você for me explicar como fazer com códigos eu não vou entender nada.
Sendo assim seria possível você fazer o código para que eu possa inseri-lo na coluna ou dentro de uma AP DIV,se der para fazer dessa forma é claro.
Desde já grato por sua ajuda.

Responder

4 Celso Lemes 26/02/2009 às 10:28 am

Gilson,
Ao contrário do que parece eu também não sou programador e não entendo nada de PHP e CSS, apenas sei usar a parte visual do DreamWeaver.
Recomendo que procure este tipo de ajuda em fóruns especializados.

Abraço!

Responder

5 Gilson 26/02/2009 às 10:41 am

Hhahaaha!!!!
Tudo bem então…
Obrigado assim mesmo!!!!

Responder

6 Mônica Célia 26/02/2009 às 1:32 pm

Celso, estou encantada com sua boa vontade…
Fiquei muito feliz com meu aprendizado aqui, vou montar meu site e depois volto aqui para falar se deu certo e vc dar sua nota, hahahahahaha
Muito obrigada.

Responder

7 Celso Lemes 26/02/2009 às 3:30 pm

Mônica,
Estarei esperando para saber como ficou. Abração!

Responder

8 da zero pra ele 13/06/2009 às 12:17 am

\”Nesse site plazzabrasil.com.br,assim como em outros que tava vendo possuem uma apresentação de itens da esquerda pra direita quando clica na seta.
Pelo que pesquisei esse procedimento ocorre por que foi fito em CSS.
Bom tai o meu problema. RSRSR\”

kkkkkkkkkkkkkkk

o cara tah pensando q FLASH eh CSS KKKKKK

q fod4

Responder

9 Jheme 21/01/2010 às 12:20 am

Ótimo isso para falar a verdade estou desde 2008 querendo saber como eu fazia isso ! Mas agora graças ao CriarSites.com eu aprendi !Mais só tenho uma dúvida como consigo colocar ao em vez dele aumentar ele brilhar ! Desde já Agradeço ! Abraços !

Responder

10 Celso Lemes 21/01/2010 às 10:11 am

Jheme,
Basta que você crie uma imagem brilhando ao invés de uma imagem maior.

Abraço!

Responder

11 Jheme 21/01/2010 às 1:15 pm

Muito obrigado nem tinha pensado nisso !
Abraços !

Responder

12 nuno 26/01/2011 às 9:51 am

muito obrigado pela ajuda mas tenho uma pergunta e gostaria dde saber se alguem me pode ajudar

da para por imagens com o efeito Rollover e com um link para outro site ou mesmo dentro do site para uma outra pagina?

quem me souber ajudar meu e-mail é nunorikardo@hotmail.com

muito obrigado

Responder

13 Guilherme 08/08/2011 às 10:54 am

Olá, eu fiz o menu aqui mas quando eu passo o mouse por cima fica na segunda imagem e nao volta para a primeira EX: home1, home2, quando eu abro o site ta na home1, quando eu passo o mouse por cima vai pra home2 depois que eu tiro o mouse nao volta pra home1, como resolvo isso ?

Responder

14 Celso Lemes 08/08/2011 às 2:52 pm

Guilherme,
Creio que você fez algo de errado aí. Infelizmente eu não tenho ideia do que pode ser.

Abraço!

Responder

15 Rosiel T.S. 23/11/2011 às 10:49 pm

Celso se adicionar imagens com efeito Rollover na página inicial do blog, o blog fica mais lento?

Abraços!!!

Responder

16 Celso Lemes 24/11/2011 às 3:16 am

Rosiel,
Fica um pouco dependendo de como ele é feito e também das imagens utilizadas.

Abraço!

Responder

17 Rosiel T.S. 18/12/2011 às 8:56 pm

Celso eu coloquei umas imagens com efeito Rollover no meu blog, ve as imagens e me fala se elas ficaram pesadas com efeito Rollover.

Abraços!!!

Responder

18 Celso Lemes 18/12/2011 às 11:46 pm

Rosiel,
Não acho que ficaram pesadas. Mas tome cuidado com este tipo de recurso porque o site pode não ficar pesado para carregar, mas o computador do visitante tem que montar a página de todo jeito. Se tiver muito código ou muitos efeitos, dependendo do computador do visitante, o site pode ficar lento.

Abraço!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Post Anterior:

Próximo Post