Como Criar um Botão de Download

Um botão de download pode fazer com que o seu site pareça bem mais profissional! Chega de apenas links! Um botão fornece uma interface mais limpa. Além disso, se desejar personalizar um por conta própria, ele poderá até fazer parte do design de sua página. Siga este guia para poder aprender a criar botões HTML ou botões com o seu próprio design.

Criando um botão HTML

  1. Crie o botão em um editor de código. Um simples editor como o Bloco de Notas irá funcionar perfeitamente. Entre com o código a seguir:
  2. Faça o upload do arquivo em seu server. Caso queira fornecer um arquivo para download, você precisará hospedá-lo em seu server ou direcionar o botão para um arquivo em algum outro lugar da web. Utilize um cliente FTP para poder fazer o upload do arquivo que deseja disponibilizar no server do seu website.
  3. Certifique-se de que você tenha a permissão necessária do webmaster caso esteja conectando um arquivo no qual não esteja sendo hospedado por você.
  4. Substitua o 'Local do Download' pela URL do seu download. Certifique-se de incluir o sinal (') em volta do endereço, assim como as aspas em volta de “window.location='Local do Download'". Inclua os prefixos HTTP:// ou FTP://, bem como as extensões como .JPG ou .EXE, por exemplo.
  5. Nomeie o botão. Substitua o "Texto do Botão" com as palavras que você quer que apareçam nele. Certifique-se de manter as aspas em volta do texto. Mantenha o tamanho da mensagem pequeno, para que o botão não fique muito grande e desconfigurado.
  6. Coloque o código em sua página. Você pode inserir o código do botão em qualquer lugar do corpo da sua página da web. Ao fazer isso, ele irá aparecer naquele local. Faça o upload de sua página da web alterada, e teste o botão.

Criando um botão de imagem

  1. Faça o design do seu botão de download. Utilize o seu editor de imagens favorito e crie um botão que combine com o estilo do seu website. Você poderá ajustar o tamanho de acordo com as suas preferências.
  2. Faça o upload do arquivo e da imagem do botão em seu server. Caso queira disponibilizar um arquivo para download, você precisará hospedá-lo em seu próprio server ou direcionar o botão para algum outro local da web. Utilize um cliente FTP para poder fazer o upload do arquivo que deseja disponibilizar no server do seu website.
    • Faça o upload da imagem do botão no mesmo local do server que você o estará colocando.
  3. Crie o seu código de download. Um botão de download representado por uma imagem irá funcionar da mesma forma que todos os outros links funcionam no HTML. Copie o seguinte código e cole-o em seu editor de preferência.
  4. Entre com as informações do seu arquivo e de sua imagem. Substitua o "Local do Download" pela URL, e não deixe de incluir os prefixos HTTP:// ou FTP://. Substitua o "Arquivo de Imagem" com o nome do arquivo para a imagem do botão de download. Caso o arquivo esteja no mesmo local que a página do seu server, você não precisará incluir o endereço inteiro.
    • Substitua o "Texto Exibido" com qualquer texto que deseje que apareça quando o usuário passar o cursor sobre a imagem.
    • Substitua o "X" e o "Y" com a largura e a altura em pixels, respectivamente.
    • Certifique-se de manter as aspas em volta de cada entrada.
  5. Entre com o código em sua página. Coloque o código onde deseja que o botão apareça. Faça o upload do novo código e, então, carregue a página da web para garantir que o botão realmente funciona. Cheque se o texto carrega e se a imagem está com o tamanho correto.

Avisos

  • Fazer o upload no seu próprio server é a melhor forma de compartilhar arquivos online. Depender de outros websites é muito ruim! Caso você copie o link de outro website, o botão de download que você criar só irá funcionar enquando aquela página estiver no ar. Você deverá testá-lo com muita frequência, pois precisará ter certeza de que os usuários irão de encontro ao que você pretende disponibilizar, e não à um link quebrado que não existe mais.
  • Jamais faça o upload de arquivos que violem as leis relacionadas aos direitos autorais, pois você poderá entrar em sérios problemas.
Information
Users of Guests are not allowed to comment this publication.