Criando um botão HTML

Nesse tutorial, eu irei ensinar a fazer um botão que muda de cor ou tamanho quando o mouse passa pelo botão (onMouseOver), usando a linguagem de programação HTML.

Siga a página para ver o tutorial.
Comentários são bem-vindos

O que eu vou precisar?
Você vai precisar do programa de edição de textos Bloco de Notas, que todos os computadores têm, e de um programa de edição de imagens, pode ser qualquer um, Paint, Corel, Photoshop e diversos outros.

Vamos começar.

1° Passo:
Crie uma pasta com o nome do botão (Ex.: Pagina inicial)

2° Passo:
Agora, crie as imagens que irão aparecer, crie uma imagem original, e uma para quando o usuário passar o mouse sobre o botão.
Salve elas na pasta que você criou, de preferência, como JPG.
Dê os seguintes nomes a elas:
“Acima.jpg” (sem aspas), para a imagem original, e “Sobre.jpg” (sem aspas), para a imagem que aparecerá quando o usuário passar o mouse sobre o botão

3° Passo:
Agora abra o bloco de notas.
Digite ou copie o seguinte código:
<a href=”#” onMouseOut=”MM_swapImgRestore()” onMouseOver=”MM_swapImage(’Image1′,”,’Abaixo.jpg’,0)”><img name=”Image1″ border=”0″ src=”Acima.jpg”></a>

4° Passo:
Clique em “Salvar Como”, selecione no menu “Todos os Arquivos”
Digite o nome “Index.html” (sem aspas)

e salve o arquivo.

Pronto
Espero que seja útil.

Qualquer dúvida entre em contato