Nesse
tutorial você vai aprender a criar um menu pop-up, tambem chamado de
menu flutuante. Esse menu é aquele que você coloca o mouse em cima e
aparece as opções do menu logo abaixo ou ao lado.

Nesse
tutorial você vai aprender a criar um menu pop-up, tambem chamado de
menu flutuante. Esse menu é aquele que você coloca o mouse em cima e
aparece as opções do menu logo abaixo ou ao lado.

Primeiramente você deve ter o menu feito no Fireworks, um exemplo é esse debaixo:


Tendo
o menu feito, o resto é bem simples, o Fireworks faz praticamente tudo
para você. Agora você deve dividir o menu em fatias, um por opção.


Selecionando essa ferramenta você deve ir dividindo a imagem, no meu caso, eu dividirei em 5 partes.


Isso que fizemos fará que quando você exportar a imagem ela estará dividida do jeito que você fez com a Slice Tool (K).

Agora você deve clicar com o botão direito em cima da camada verde e clicar em Add Pop-Up Menu.~:


Pronto, dai é só ir preenchendo os campos:





Então
aperte Close. Agora é só exportar. Aperte Ctrl + Shift + X. Com isso
aparecerá uma janela onde você deve escolher o formato da imagem,
recomendo PNG 32, então aperte "Export...".

Você deve preencher assim.
File Name: menu_pop-up
Export: HTML and Images
HTML: Export HTML File
Slices: Export Slices

Pronto, clique em Save.

Na
pasta onde você mandou salvar, o Fireworks cria arquivos HTML e
imagens, no HTML já é a pagina com o MENU, e as imagens são as imagens
do menu.