Um recurso interessante do Fireworks é a possibilidade de criar menus pop-up em páginas web. Trata-se de menus que ficam recolhidos e só aparecem quando acionados pela proximidade do ponteiro do mouse. A criação de um menu desse tipo é feita com os seguintes passos:

1. Crie um arquivo novo. Na paleta Ferramentas, seção Web, selecione Ponto Ativo Retangular. Com esse recurso, trace um retângulo do tamanho do ponto de acesso ao menu (o “ponto ativo”) na página web.

2. Selecione a ferramenta Texto e posicione uma caixa de texto sobre o ponto ativo. Digite a palavra ou expressão que sinaliza o menu.

3. Clique com o botão direito no retângulo e escolha Editar Menu Pop-Up. Abre-se a janela Editor de Menu Pop-Up.

4. Na orelha Conteúdo, preencha a tabela. Na coluna Texto, digite a opção de menu. Em Link, o endereço para onde aponta a opção de menu. Na coluna Destino, indique como o browser deve tratar esse link. Exemplos: abrir em outra janela (_blank); abrir na mesma janela (_self).

5. Clique no botão mais (+) para adicionar nova alternativa ao menu. O botão menos (–) elimina a opção selecionada.

6. Também é possível hierarquizar o menu, criando submenus. Para isso, use os botões de recuo.

7. Passe à orelha Aparência. Nela, defina o formato (fonte, cor e efeito 3D) das alternativas do menu. Para que as células do menu tenham aspecto 3D, é necessário que você escolha a opção Imagem. A outra opção, HTML, produz menus planos.

8. Na orelha Avançada, há mais recursos de formatação. Por exemplo, bordas e sombra para os botões de cada opção.

9. Agora, na orelha Posição, indique como as alternativas do menu serão apresentadas: acima, abaixo ou ao lado do ponto ativo. Escolha também, se for o caso, a posição dos submenus.

10. Clique no botão Concluído e está pronto o menu.

11. Agora faça o teste. A orelha Visualização não exibe o menu. Portanto, você terá de ir para o browser. Para isso, acione F12.

12. O Fireworks gera todo o código JavaScript necessário para exibir o menu. Para salvá-lo, acione Arquivo/Exportar e, na caixa Salvar Como, escolha HTML e Imagens. O código JavaScript estará embutido no arquivo HTML.