Como Fazer Um Botão Clicável

Índice:

Como Fazer Um Botão Clicável
Como Fazer Um Botão Clicável

Vídeo: Como Fazer Um Botão Clicável

Vídeo: Como Fazer Um Botão Clicável
Vídeo: Como colocar um link no Canva? [Criar um botão clicável no Canva] 2024, Maio
Anonim

Ao criar seu próprio site, você precisará desenvolver controles como: itens de menu, botões para navegar pelas páginas. Um botão clicável é um elemento que, quando o mouse passa sobre ele, muda sua aparência, torna-se "pressionado", ou seja, simula a prensagem.

Como fazer um botão clicável
Como fazer um botão clicável

Necessário

Software Dreamweaver

Instruções

Passo 1

Inicie o Dreamweaver para fazer o botão piscar. Crie uma nova página da web, salve-a. Para criar um botão clicável no Flash, use a página Mídia no Painel de objetos e, a partir daí, o botão Flash. Aqui você pode selecionar um estilo para o botão - para isso, use o painel de visualização, localizado acima da lista de estilos. Em seguida, insira o texto que será exibido no botão no campo Texto do botão. Veja o resultado usando o botão Play.

Passo 2

Use a linguagem de script Java para criar botões clicáveis. Crie três imagens, uma para o botão em estado de repouso e outra para a aparência do botão ao passar o mouse. Em seguida, abra o arquivo html da página da web com o bloco de notas e adicione o seguinte texto ao campo Corpo. na próxima linha, insira if (parseInt (navigator.appVersion)> = 3) compat = true. >

etapa 3

Em seguida na linha, insira if (compat) {I1 = new Image; em seguida, especifique os caminhos para os arquivos de imagem I1.src = "insira o caminho para a imagem do botão no modo normal"; I1_1.src = "digite o caminho para a imagem do botão quando você passa o mouse sobre ele com o cursor do mouse"; em seguida, insira a função de texto SetImg (Name, Img); {if (compat) document.images "insira links para ambas as imagens".src = eval (Img + '. src'); } em seguida, insira a tag de fechamento.

Passo 4

Vá no código da página até o local onde deseja adicionar o botão e insira o seguinte código lá:

Texto
Texto

… Salve suas alterações e abra a página em um navegador para ver o resultado.

Recomendado: