Como fazer Botões Rollover no Fireworks

Escrito por brandy alexander | Traduzido por milene hermenegildo
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer Botões Rollover no Fireworks
Aplique um efeito rollover aos seus botões (search , find, help, web button, button, question image by creative from Fotolia.com)

Um botão rollover é um elemento interativo em seu site que muda o seu visual. Após carregamento da página, o botão aparece em um estilo em particular, mas enquanto o usuário move o mouse sobre este elemento, ele muda visualmente mostrando que está aplicando este recurso. E, como links, este botão leva o usuário para uma página na web quando é clicado. O programa Adobe Fireworks oferece ferramentas que permitem criar e projetar rollovers.

Nível de dificuldade:
Desafiante

Outras pessoas estão lendo

Instruções

  1. 1

    Inicie o aplicativo Fireworks. Selecione "Novo" sob o menu "Arquivo" para criar um novo projeto.

  2. 2

    Clique na forma de retângulo em "Propriedades". Arraste o mouse sobre a janela de desenho até que a forma esteja com o tamanho que você quiser.

  3. 3

    Clique no botão "Preencher Cor" e selecione uma cor para o botão. Clique no botão "Texto" (mostrado como uma letra "A") em "Propriedades" e insira o conteúdo de seu botão. Você já criou o botão em seu estado "para cima", que é como ele é exibido inicialmente na página.

  4. 4

    Clique no botão "Quadros" sob a opção "Janelas" no menu e, em seguida, clique na guia "Quadros". Clique no botão "Opções" perto do título "Páginas e Camadas e Quadros" e selecione a opção "Duplicar Quadro" para criar um botão duplicado para o efeito rollover.

  5. 5

    Clique na opção "Quadro 2" que aparece na janela "Frames" para abrir o botão copiado. Use a guia "Propriedades" para estilizar o botão de uma forma diferente e criar um estado "para baixo". O estado "para baixo" aparece quando um usuário passa o seu mouse sobre o botão.

  6. 6

    Selecione seu botão na janela de design e navegue até "Editar> Inserir> Fatia retangular" na barra de menu do Fireworks. Selecione "única fatia" na caixa de diálogo que aparece. Clique no botão para selecioná-lo e digite um endereço da página web em "Propriedades" campo de texto "Link" para determinar onde o botão levará o visitante quando ele clicar no botão.

  7. 7

    Clique na opção "Comportamentos" no menu drop-down "Janela" e clique no sinal de mais. Selecione a opção "Rollover Simples" no menu que aparece. Clique na guia "Visualizar" na parte superior da janela do projeto para testar o botão rollover.

  8. 8

    Clique na opção "Exportar" sob o menu "Arquivo". Selecione "HTML e Imagens" no menu drop-down "Exportar" para salvar uma página HTML com o rollover ou escolha a opção "Somente imagens" para salvar apenas uma imagem do botão com o efeito de rolagem.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível