quinta-feira, 11 de setembro de 2008

Menu Interativo

Primeiro crie um novo arquivo do tamanho que desejar. No meu exemplo criei um com 500X120px.
Crie um visual! Como essa deve ser a primeira vez que você esta tentando não crie algo grandioso! Quanto mais simples melhor. Como sugestão que tal utilizar algo do tutorial anterior o webtopo!?
Feito o visual clique em Molduras e duplique a moldura existente.

Essa segunda , moldura você ira alterar a imagem de acordo com o que você quer que aconteça no menu quando o mouse passar por cima do link. No meu exemplo irei adicionar um donut que o Homer adora (rs) e adicionar alguns efeitos no texto. Mas você pode mudar fonte, cor de fundo e etc. A segunda Moldura ficara assim:

agora selecione as opções "Ferramenta Fatia" e faça a forma dos botões. Agora clique com o botão direito em cada fatia e clique em "Adicionar Comportamento Rollover Simples".



Feito isso vá em Arquivo>Assistente de ExportaçãoIra aparecer as seguintes telas:





Clique em continuar

















Clique em Continuar










clique na imagem para ampliar, mude o formato para JPEG e a qualidade para 100.













Em seguida clique em Exportar. Clique na imagem para ampliar Selecione a caixa "Colocar Imagens na Subpasta" e depois salvar.
Pronto!
Você acaba de fazer um menu em Fireworks e gerar um arquivo html para seu site.

Veja como ficou o exemplo:
Clique aqui

Nenhum comentário: