07/06/2008 - 13:05 > 15.319 Visualizações > 48 comentários

Hotspot e menu popup

Salve, salve rapaziada!
Após algumas sugestões e dúvidas, estamos disponibilizando uma vídeo aula super interessante de Fireworks. Iremos ensinar a colocar links pelo próprio fireworks através da ferramenta Hotspot. Iremos aprender também como fazer funcionar no dreamweaver os menus popups, já que muita gente não estava conseguindo.
Assista à vídeo aula

Posts relacionados

Felipe Cardozo

É sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.

Outros posts deste autor

Este autor atualmente possui 281 posts

Veja todos os posts de Felipe Cardozo

Comentários / Deixe seu Comentário

48 respostas para 'Hotspot e menu popup'

Jober Costa Diz:
7/06/08 às 17:35
Alá Felipe tudo na paz? olha adorei a vídeo aula! bastante interessante mesmo!!! mas gostaria d te perguntar; se mandarmos a imagem inteira pro Dreamweaver não vai ficar pesado? quer dizer no caso d quem quer fazer um site com uma imagem interativa como você propôs…
Jober Costa Diz:
7/06/08 às 18:05
Olá Felipe! gostaria de saber também se quando for recortar o site; eu posso recortar tambem as imagens modificadas (popup, link) cortando as no meio; ou tenho que recortar elas inteiras?
Thiago Nascimento Alves Retondar Diz:
8/06/08 às 18:30
Agora sim!!!!!

Muito boa a vídeo-aula.

Parabéns.
Felipe Cardozo Diz:
8/06/08 às 20:57
Jober tudo certo?

SObre o tamanho da imagem, realmente o mais indicado é fatiar. Mas, dependendo do tamanho, você poderá mandar inteira mesmo.

Sobre o popup, você fatiando o site não interfere na visualização do mesmo, já que ele é feito com javascript.

[]´s
Franklin Costa Diz:
9/06/08 às 8:57
muito bom, vlw Felipe!
WAGNER Diz:
9/06/08 às 15:59
OLÁ FELIPE BOA TARDE GOSTARIA DE SABER: NO FIREWORKS COLOQUEI MOVIMENTOS NAS LETRAS E EU SALVO EM SWF? AI NO DREAMWEAVER EU ABRO ESSA IMAGEM QUE FIZ NO FIREWORKS. DEPOIS QUE A IMAGEM ESTA ABERTA NO DREAMWEAVER EU COLOCO OS BOTÕES CERTO? AI EU SALVO CADA BOTÃO QUE EU COLOCAR ANTES ABRE A JANELA DO MODELO DOS BOTÕES ESCOLHO O MODELO NESSA MESMA OPÇÃO EU COLOCO O LINK NA PÁGINA QUE SALVEI EU CLICO NO BOTÃO ABRE A MESMA PÁGINA SÓ QUE CADA PÁGINA TEM INTENS DIFERENTES REFERENTE AO BOTÃO E AI DARIA CERTO FAZENDO ISSO POR FAVOR CASO SE ESTIVER ERRADO GOSTARIA QUE VC COLOCASSE UM ESPLICATIVO AI EXPLICANDO COMO FAZER UM SITE COM 3 PÁGINAS DIFERENTES CADA CLIQUE ABRI UMA PÁGINA DIFERENTE GRATO
Eloy Marques Diz:
9/06/08 às 20:12
Boa noite, Felipe…
Tire uma dúvida… um exemplo: “se eu ainda não terminei o meu website eu posso salvá-lo sem ser como exportar e qndo todo o layout for finalizado ai sim eu salvarei como exportar…. é errado fazer isso ou não????

Abraços

Eloy Marques Mx
Luciano Santos Diz:
9/06/08 às 20:46
E aê galera. como vão?. Kara mais uma vez peço pra vcs fazerem uma aula de um layout completo no flash.. vlw, um abraço
Felipe Cardozo Diz:
9/06/08 às 21:21
Wagner, tudo tranquilo?

Não entendi bem sua dúvida!

1° No fireworks, você até consegue salvar como SWF, mas o recomendado é GIF, pois para trabalhar com SWF o indicado é o Flash. Mesmo assim, não entendi sobre o “SWF”

2° Esta sua dúvida é referente ao Hotspot? Caso seja, no vídeo eu dou exemplo de colocar links para abrir algumas páginas diferentes.

Fico no aguardo!

[]´s
Felipe Cardozo Diz:
9/06/08 às 21:22
Eloy, beleza?

Você pode salvar como PNG e ir trabalhando na arte quando quiser. So na hora de passar pra Dreamweaver que você exporta como outro arquivo, de preferência JPG caso seja foto e não queira perder a qualidade,

[]´s
Felipe Cardozo Diz:
9/06/08 às 21:25
Luciano, tudo beleza!

Assim que possível iremos processar esta sua sugestão. Recomendo que você nos a envie pelo no menu ao lado (Sugira uma vídeo aula).

Pessoal, fiz hoje uma endoscopia e estou meio “grog” por conta do Diazepam que me deram.

Vou dormir e amanhã estamos aí firmes e forte!

[]´s
Eloy Marques MX Diz:
10/06/08 às 15:14
Boa tarde, Meu caro amigo Felipe Cardoso….

Então… eu estou fazendo o meu Pop-up no meu projeto de Website… estou usando as duas últimas vídeo aulas que postou aqui no site, mas hj vi que no Firewors MX tbm existe um outro caminho onde posso inserir um botão… ai vem a pergunta…. nesta opção tem alguma passagem diferente do passo-a-passo que vc nos mostrou nas vídeo aulas??? espero que me entenda…

Como nunca usei o fireworks, após terminar o meu layout eu manderei pra vc postar um exemplo ai no site só como demostração… é claro se vc aceitar…

Um grande abraço!!!!

Eloy Marques Mx
Felipe Cardozo Diz:
12/06/08 às 2:38
Olá Eloy, tudo certo?

Não me recordo se no MX tem alguma coisa diferente.

Sobre seu projeto, pode nos mandar sim.

[]´s
Mauricio Diz:
15/06/08 às 14:52
Ola como eu posso adicionar um layout em blogger??
Felipe Cardozo Diz:
16/06/08 às 17:19
Maurício, criar templates pra blogger é diferente do que criar um simples template. Tem que ser tudo direcionado conforme a estrutura do blog.

[]´s
Lucas K. Diz:
26/06/08 às 14:09
beleza Felipe?
Tenho acompanhado todas as vídeo-aulas e uma pergunta veio a mim derrepente…
Queria saber, que programa você usa para editar seus vídeos?
Obrigado.
Aguardo a resposta…
Felipe Cardozo Diz:
30/06/08 às 22:23
Olá Lucas. Usamos o Camtasia Studio 5 para gravar e editar as vídeo aulas.

[]´s
Amilton Cesar Diz:
2/07/08 às 9:45
Felipe, nao assisti ainda esta video aula, mas venho aqui já te parabenizar pelo seu trabalho!

sucesso cara.
Hallisson Medeiros Diz:
20/08/08 às 13:40
gostei pacas das video aulas tenhu aprendido mto… xD
mas gostaria de saber mais sobre menu roll over, sera q seria possivel ? mais uma vez as aulas foram demais
abraço
Danilo dos Santos Silva Diz:
5/09/08 às 19:51
Caramba nao imaginava que o Fireworks era capaz de fazer isso como diz aquele ditado vivendo e aprendendo mais uma otima video aula Valeu Felipe….
Adriano Diz:
5/09/08 às 21:36
olá tenho uma duvida, eu criei um menu pop up no fireworks, com o titulo principal MENU e os sub menu como CADASTRO e CLIENTES dae quando eu abro ele no dreamweaver so aparece o MENU, como que eu faço para aparecer os sub menus e para dar eventos para ele tipo quando eu clicar em CLIENTES abrir um pagina clintes por exemplo ?? abrigado
Felipe Cardozo Diz:
6/09/08 às 3:12

Olá Adriano, tudo bem?

Você precisa verificar se na hora de exportar o conteúdo, se você não está esquecendo de marcar a opção de “export slices”.

Dê uma verificada!

[]´s
Adriano Diz:
6/09/08 às 12:44
olá felipe, eu marquei sim a opcao export slices, veja se esta correto eu quero fazer o seguinte, criar um menu pop up no fireworks ex.:
Menu Principal quando eu passo passar com o mouse abre o sub menu, Cadastro e Clintes e Sair ate ai eu faço eu eu publico ele e abro em um navegar fica certinho como eu quero, so que quando eu abro o html dele la no dreamweaver so aparece o botao menu principal , pois bem eu queria poder chamar a pagina cliente e cadastro quando eu clicasse nessas opcoes? como que eu poderia fazer isso ?? desde já obrigado felipe
Filipe Goes Diz:
8/10/08 às 19:27
To chegando hoje no site e ja sou teu fã Felipe!
Por enquanto só mechi na seção fireworks mas, em breve irei para as outras seções!
Erick Diz:
27/10/08 às 7:25
Essa video-aula me ajudou muito Felipe, parabéns pelo seu trabalho e que continue assim.
Salety Baracho Diz:
4/12/08 às 13:22
Olá! Gostaria de agradecer à todos que fazem parte deste site, não apenas à este colunista, pois estou na área de web à 1 ano e é aqui que venho socorrer-me vendo as vídeo-aulas. Admiro mto tudo issooo! =) Beiiijos.
Wellingtonmaccoy Diz:
21/12/08 às 9:54
Essa video aula foi Show, parabens felipe,estava procurando como fazer este menu á muito tempo e não encontrava
Derick Diz:
8/01/09 às 14:09
Olá estou precisando de ajuda!!

Criei no Fireworks um menu com popups e botões…só que estou precisando de ajuda na hora de salvar, pois de qualquer maneira que eu salvo o banner ele perde os movimentos dos botões e dos menus popups…eu iria usar esse mnu no meu blog!!

Vlw…
alisson Diz:
24/02/09 às 3:28
E ai Filipe blz car eu tenho uma duvida cara eu consegui fazer o menu sem em pop up no fireworks cs4 cara, link tudo e td visualizei no navegador blz tambem mais quando eu vou colocar o codigo no meu blog so ficar em branco e alguns x . Eu uso dreamweaver cs4 ele mim deu to esse codigo

00000001.gif

td img {display: block;}

0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i

onde eu coloco esse codigo cara manda um email para mim vlw pela atenção
Lucas Roger Diz:
22/04/09 às 11:54
Cara eu só vejo vídeo aula só se for com o felipe ele que explica as coisas certinha!!!

Parabéns!!!
Denis Diz:
30/04/09 às 11:01
olá Felipe Cardoso !!! cara esse site é muito bom vcs ai do mxmasters estão de parabens nota 10, mas sobre essa video aula ficou uma duvida !!gostaria q vc postasse ou fizesse uma video aula continuando essa mas após fazer o menu popup como colocar ele em um site já criado pelo dreanweaver !!! pois estou trabalhando pra pegar aprendizado mas não sei como inserir esse menu popup em um site !!! Desde já agradeço o espaço e gostaria muito de uma resposta !!! Obrigado Parabens pelas videos aulas !!!!
rafael Diz:
9/06/09 às 21:18
fiz um menu pop-up e ja criei as paginas para ser linkadas na mesma pasta mas quando eu abro ele não linka nada vc pode me ajudar grato
Leonardo Dias Diz:
22/06/09 às 21:16
Felipe.. faltou você mostrar como editar o link no Dreamweaver. Fora isso foi ótimo!!!
lucas Diz:
21/07/09 às 0:18
Felipe Muito boa mesmo
Carlos Assis Diz:
16/08/09 às 15:54
Ola, Felipe.. tenho acompanhado suas video aulas.. Parabens!!! Gostaria que me ajudasse, estou usando o Fireworks CS4, faço os menus pop up nele e visualizo legal no internet explorer, mas quando exporto para o Dreamweaver CS4 não consigo linkar. Eu visualizo os menus corretamente, mas quando vou linkar, ele não linka. Poderia me ajudar a resolver essa parada. Desde já agradeço sua atenção.
Carlos Diz:
1/09/09 às 8:57
Ola gostaria de parabenizar o grupo mxmasters e em especial a vc Felipe Cardoso pela grande ajuda aos iniciantes.
gostaria de sugerir uma video aula de menu, que seria aquele que quando coloca o mouse em cima dele o demais são empurados para baixo,pois como sou novato na area(1ano de curso), queria muito aprender.
Sem mais antecipo meus agradecimentos e continue assim um excelente profissional.
David CHC Diz:
1/09/09 às 9:19
@Carlos, tem uma video minha ensinado, usando CSS (http://www.videoaulasbrasil.com.br/tableless/menu-dropdownsubmenu/)
Vinícius Diz:
10/09/09 às 14:16
Olá tem a seguinte dúvida:
Pra que servem as outras funções do target
target_self
target_parent
target_top…

e para abrir na mesma pagina qual devo escolher??

Um abraço.
Natalia Resende Diz:
16/09/09 às 19:24
Obrigada pelo tutorial!
David CHC Diz:
18/09/09 às 10:41
@Vinícius:

_blank – A URL alvo abrirá em uma nova janela
_self – A URL alvo abrirá no mesmo frame onde o link foi clicado
_parent - A URL alvo abrirá no frameset pai
_top - A URL alvo abrirá na mesma janela, sem frames

Caso tenha duvidas relacionadas as video aulas, peço q poste no Video Aulas Brasil(http://www.videoaulasbrasil.com.br), pois o tempo de resposta será menor
denilson Diz:
23/09/09 às 19:35
ola amigo tudo bem estou com uma grande duvida de como salvar imagens arredondadas
Marco Diz:
1/10/09 às 10:51
Vi a 1ª parte do video, e não consigo localizar a 2ª parte .

O cara manda bemm… na explicação
Flávio Valente Diz:
29/10/09 às 8:38
Adorei essa video aula está sendo muito útil pra mim. Eu estou começando a trabalhar como webdesign, inclusive se vc quiser ver o site da minha igreja que eu fiz: ( http://www.iecportodaaldeia.com.br ) e estou querendo colocar um espaço no meu site como esse aqui que estou inserindo esse recado pra vc para mandar recados através do site. Desde de já obrigado e que o Senhor Jesus te abençoe.
Douglas Macedo Diz:
3/11/09 às 19:04
Felipe como vai ?
Espero q bem cara muito obrigado mesmo pela video aula gostei mesmo fui esclarecedora.
Vc poderia me informar como eu posso jogar um menu pop up sobre uma página q jah esxiste?
por exemplo tenho banner separado e o conteudo q vem após o menu tambem é difetente toda a vez q tento jogar elis junto abrem separados coisa e tal.

Poderia me ajudar?

Desde ja agradeço

Outra duvida eh sobre como eu crio essi menu de deixe sua opinião muito usado em vários sites e tirador de muitas dúvidas como eu posso por um em meu site?

Obrigado!
Paloma Diz:
9/11/09 às 14:55
Olá, parabéns pela video aula.
Eu queria saber se o pop-menu pode ser alterado depois, porque aquelas imagens que o Fireworks faz são tenebrosas. Aliás, se parecem muito com o windows 98. USHADUSDHUASHD

Obrigada, um abraço.
Tiago Diz:
2/01/10 às 16:26
Por favor Felipe….
Conseguir fazer tudo….
o meu menu está prontinho….

Agora me diz…
Como eu coloco ele no meu site?

Obrigado
Eder Leidson Diz:
26/01/10 às 13:02
Eu te amo Felipe!!!!
kkkkkkkkkkkkkkkkkk
Não me leve a mau cara, eu so estou muito entusiasmado com suas video aulas!!!
Flw e continue esse cara legal, e colaborador que vc e!!!
Vlw mesmo
felipe Diz:
23/04/10 às 14:56
Iai cara muitoa legal a sua video aulas, mas eu tou com um grade problema, eu criei um blog e não quero colocar templates, menus teturiais banner, já feitos encontrados em site é quero fazer as minha proprias coisa, e já faço no fireworks cs3 que é muito legal mas eu não tou consigo colocar no blog, esté é o problega eu tentei varias vezes mas quando eu vou colocar no blog não pega nada, pó cara profavor faça uma video aula ensinando a colocar um menu, um template feito no fireworks no blogspot !!!
flw chara !!!
estou esperando a video aula !!