Como criar um botão de download

Um botão de download pode fazer com que seu site pareça significativamente mais profissional do que simplesmente oferecendo seu download através de links. Um botão fornece uma interface mais limpa, e se você sentir vontade de projetar o seu próprio, seus botões podem ser partes integrantes do design da sua página. Siga este guia para criar botões HTML ou fazer um botão do seu próprio design.

Passos

Método 1 de 2:
Criando um botão HTML
  1. Imagem intitulada Criar um botão de download Passo 1
1. Crie o botão em um editor de código. Um editor de texto simples, como o bloco de notas ou o Textedit funcionará perfeitamente. Digite o seguinte código no editor:
  • Imagem intitulada Criar um botão de download Passo 2
    2. Carregar o arquivo para o seu servidor. Se você quiser oferecer um arquivo para download, você precisará hospedá-lo em seu próprio servidor ou apontar o botão para o arquivo em outro lugar na web. Use A Cliente FTP para carregar o arquivo que você deseja disponibilizar ao servidor do seu site.
  • Imagem intitulada Criar um botão de download Passo 3
    3. Certifique-se de ter a permissão do webmaster se quiser vincular a um arquivo que você não está se hospedando.
  • Imagem intitulada Criar um botão de download Passo 4
    4
    Substitua `Localização Download` com o URL para o download. Certifique-se de incluir as citações individuais ao redor do endereço, bem como as citações duplas ao redor ".Localização = `Download Local`". Inclua quaisquer prefixos como http: // ou ftp: // e também incluir a extensão de arquivo, como .Jpg ou .Exe.
  • Imagem intitulada Criar um botão de download Passo 5
    5. Etiquete o botão. Substitua "Texto do botão" com as palavras que você deseja aparecer no botão. Certifique-se de manter as citações duplas ao redor do texto. Mantenha o texto de texto pequeno para que o botão não apareça grande e desajeitado na página.
  • Imagem intitulada Criar um botão de download Passo 6
    6. Coloque o código na sua página. Você pode inserir o código do botão em qualquer lugar para o corpo da página da sua página e o botão aparecerá nesse local. Envie seu código de página da Web e teste seu novo botão.
  • Método 2 de 2:
    Criando um botão de imagem
    1. Imagem intitulada Criar um botão de download Passo 7
    1. Projete seu botão de download. Use seu editor de imagem preferido e crie um botão que corresponda ao estilo do seu site. Você pode tornar o botão tão pequeno ou tão grande quanto você gostaria.
  • Imagem intitulada Criar um botão de download Passo 8
    2. Carregar o arquivo para o seu servidor e a imagem do botão. Se você quiser oferecer um arquivo para download, você precisará hospedá-lo em seu próprio servidor ou apontar o botão para o arquivo em outro lugar na web. Use A Cliente FTP para carregar o arquivo que você deseja disponibilizar ao servidor do seu site.
  • Carregar a imagem do botão para o mesmo local no servidor como a página que você está colocando em.


  • Criar um botão de download Step 9
    3. Crie seu código de download. Um botão de download representado por uma imagem funciona da mesma maneira que todos os outros links funcionam em HTML. Copie o código a seguir no seu editor preferido:
  • Imagem intitulada Criar um botão de download Passo 10
    4
    Digite em suas informações de arquivo e imagem. Substitua "Download Local" com o URL completo para o seu download, incluindo quaisquer prefixos http: // ou ftp: //. Substitua "Arquivo de imagem pelo nome do arquivo para a imagem do botão de download. Se o arquivo estiver no mesmo local que a página do servidor, você não precisará incluir todo o endereço.
  • Substitua "Hover Texto" por qualquer texto que você deseja aparecer quando o usuário paira no cursor sobre a imagem.
  • Substitua "X" e "Y" com a largura da imagem e altura, respectivamente, em pixels.
  • Certifique-se de manter as citações duplas ao redor de cada entrada.
  • Imagem intitulada Criar um botão de download Passo 11
    5. Digite o código na sua página. Coloque o código onde você deseja que seu botão apareça. Carregue o novo código e, em seguida, carregue a página da Web para garantir que o botão funcione. Verifique se o texto Hover carrega e que a imagem é o tamanho certo.
  • Vídeo

    Ao usar este serviço, algumas informações podem ser compartilhadas com o YouTube.

    Pontas

    Avisos

    O upload de arquivos para o seu próprio servidor é uma melhor maneira de compartilhar arquivos on-line em vez de depender de outros sites para hospedar os arquivos. Se você copiar um local de link de outro site, o botão de download que você cria funcionará apenas desde que o local do link esteja ativo.
  • Nunca faça upload de arquivos em violação das leis de direitos autorais, porque pode levar a multas pesadas ou aprisionamento.
  • Teste periodicamente seu botão de download ou o link de download no site que você recebeu o local do link de para garantir que os usuários possam baixar o arquivo quando eles clicarem no botão em vez de ir para um link quebrado, onde o arquivo não existe mais.
  • Compartilhe na rede social:
    Semelhante