
06/05/2005 - Guia visual de controles de formulário HTML
07/09/2006 - Classe MovieClipLoader( ) : Como usá-lo ?
25/05/2004 - O que o Google faz que você não sabia....
09/01/2003 - Livro de Visitas
09/01/2003 - Portal PHP NUKE
26/04/2006 - Interagindo com o teclado dinâmicamente
26/02/2007 - Texto para a Web
05/05/2005 - Faixa de título sem margem
22/03/2006 - Quebrar Texto de Parágrafo
26/01/2003 - Trabalhando com Arrays
26/09/2006 - Efeito metalico
20/01/2003 - Onde você está ?
22/03/2006 - Informações úteis sobre cabeçalhos HTTP e tipos MIME
09/01/2003 - Sistema Monitor
Renato Silva - Estudante de Comunicação Social pela UNI-BH, trabalho como desenvolvedor web em uma agência de comunicação.
Com grande experiência em comunicação social, desenvolvo trabalhos de qualidade na área de comunicação voltados para a mídia impressa e digital (desenvolvimento de peças gráficas, campanhas publicitárias, web-sites - utilizando de conhecimento para melhores práticas em design de páginas, Web 2.0 e conhecimento em padrões de acessibilidade).
Conhecimentos em Programação:
Visual Basic - Html – ASP – CSS (folha de estilos)
Leituras: 40913 - Renato Silva
Salve, salve galera!!!
Neste artigo, irei mostrar como desenvolver um menu “pop-up” totalmente personalizado, a sua maneira, usando apenas o Dramweaver, sem a necessidade de conhecimento de linguagem de programação.
- Você deverá ter o layout do site desenvolvido, então crie uma imagem (figura 1.1) que será a base do menu:
Figura 1.1
- No meu caso estou utilizando a figura “Menu” como figura base para o Menu.
- Crie uma Nova Camada (figura 2.1) e a posicione sobre a figura base (figura 2.2). Logo, crie o layout do Menu dentro da Camada (figura 2.3).
Obs.: Não se esqueça de nomear a camada, de melhor forma para identificá-la,
(figura 2.1)
(figura 2.2)
(figura 2.3)
- Selecione a Camada que será o menu, e, na caixa de ferramentas “Propriedades” no campo “vis” selecione “hidden” para ocultar a camada.
- Selecione a Figura Base, acesse a caixa de ferramentas “Comportamentos” (SHIFT + F3). Na guia “Comportamentos” pressione o botão “+” e selecione a opção “Mostrar-Ocultar as Camadas” (figura 3.1).
(figura 3.1)
- Ao acessar a opção “Mostrar-Ocultar as Camadas”, uma janela abrirá mostrando todas as camadas existentes no seu arquivo. (em nosso exemplo apenas 1)
- Selecione a camada referente ao menu e pressione o botão “Mostrar”, clique em Ok (figura 3.2).
- Na caixa “Comportamentos” selecione o evento e clique na seta. Um sub-menu abrirá e deverá ser selecionado a opção “OnMouseOver”.
- Repita a operação e no lugar de “Show” selecione “Hide” e no sub-menu selecione a opção “OnMouseOut”.
(figura 3.2)
Bem galera, espero que vocês tenham gostado, no próximo artigo estarei enviando como desenvolver um menu semelhante a esse, porém em FireWorks. Enviem dúvidas, críticas ou sugestões de artigos para o e-mail, renato.salgados@gmail.com.
Abraços a todos, fui!!!