Com es fa un botó de descàrrega

Autora: Bobbie Johnson
Data De La Creació: 6 Abril 2021
Data D’Actualització: 26 Juny 2024
Anonim
Com es fa un botó de descàrrega - Societat
Com es fa un botó de descàrrega - Societat

Content

Un botó de baixada ajudarà el vostre lloc a ser molt més professional que simplement enllaçar-lo per baixar-lo. Un botó proporciona una interfície més neta i, si dissenyeu alguna cosa vosaltres mateixos, els vostres botons poden esdevenir una part integral del disseny de la pàgina. Seguiu aquest tutorial per crear un botó HTML o el vostre propi botó personalitzat.

Passos

Mètode 1 de 2: creeu un botó HTML

  1. 1 Creeu un botó a l'editor d'origen. Un editor de text senzill com Bloc de notes o TextEdit està bé. En un editor de text, introduïu el codi següent:
  2. 2 Pengeu el fitxer al vostre servidor. Si voleu oferir un fitxer per descarregar-lo, cal que el deseu al servidor o que associeu el botó a algun altre fitxer de la xarxa. Utilitzeu un client FTP per penjar el fitxer que vulgueu posar a disposició del servidor del vostre lloc.
  3. 3 Assegureu-vos que teniu drets per a administradors web si voleu enllaçar a un fitxer que no emmagatzemeu.
  4. 4 Substituïu "Descarrega la ubicació" pel vostre URL de baixada real. Assegureu-vos d'incloure l'adreça entre cometes simples i "window.location = 'Descarrega la ubicació" entre cometes dobles. Afegiu prefixos, com ara HTTP: // o FTP: //, i afegiu extensions de fitxer, com ara .webp o .EXE ..
  5. 5 Escriviu al botó. Substituïu "Text del botó" per les paraules que vulgueu que apareguin al botó. Assegureu-vos d’incloure text entre cometes dobles. Proveu de mantenir la frase curta perquè el botó de la pantalla no sembli difícil.
  6. 6 Col·loqueu el codi font a la vostra pàgina. Podeu enganxar el codi font del botó a qualsevol lloc de la pàgina i el botó apareixerà exactament en aquest lloc. Pengeu el codi de pàgina nou i proveu el botó nou.

Mètode 2 de 2: creeu un botó com a imatge

  1. 1 Dibuixa el botó de baixada. Utilitzeu qualsevol editor d'imatges que vulgueu i dibuixeu un botó que coincideixi amb l'estil del vostre lloc. Podeu fer que el botó sigui tan gran (o petit) com vulgueu.
  2. 2 Pengeu el fitxer i la imatge amb el botó al vostre servidor. Si voleu oferir un fitxer per descarregar-lo, cal que el deseu al servidor o que associeu el botó a algun altre fitxer de la xarxa. Utilitzeu un client FTP per penjar el fitxer que vulgueu posar a disposició del servidor del vostre lloc.
    • Pengeu la imatge del botó a la mateixa ubicació del servidor on es troba la pàgina on heu afegit aquest botó.
  3. 3 Escriviu el codi font per descarregar. El botó de baixada, representat com a imatge, funciona de la mateixa manera que tots els altres enllaços en HTML.Copieu el codi següent al vostre editor:
  4. 4 Introduïu el fitxer i la informació de la imatge. Substituïu "Ubicació de baixada" per un URL de baixada real, inclosos els prefixos HTTP: // o FTP: //. Substituïu "Fitxer d'imatge" pel nom del fitxer de la imatge del botó. Si el fitxer es troba al servidor al mateix lloc que la pàgina, no cal que especifiqueu la ruta completa.
    • Substituïu "Passa el text per sobre" pel text que hauria d'aparèixer quan l'usuari passa el cursor per sobre de la imatge del botó.
    • Substituïu "X" i "Y" per l'amplada i l'alçada de la imatge en píxels, respectivament.
    • Assegureu-vos d’afegir totes aquestes entrades entre cometes dobles.
  5. 5 Introduïu el codi font a la vostra pàgina. Col·loqueu el codi on hauria d'aparèixer el botó. Pengeu un codi nou i obriu la pàgina web per veure si el botó funciona. Comproveu que el text de la pista aparegui al cursor i que la imatge sigui la mida correcta.

Advertiments

  • No pengeu mai fitxers que infringeixin les lleis de drets d'autor, ja que això pot comportar una multa pesada o fins i tot una pena de presó.
  • És molt millor carregar fitxers al vostre propi servidor i compartir-los més tard que dependre d'altres llocs on estiguin emmagatzemats. Si copieu un enllaç a una ubicació de fitxer des d’un altre lloc, el botó de baixada que creeu només funcionarà mentre l’enllaç sigui vàlid. Haureu de comprovar periòdicament la funcionalitat del botó o enllaç del lloc des d’on l’heu extret per assegurar-vos que els usuaris podran descarregar el fitxer quan facin clic al botó i no faran clic a l’enllaç trencat a causa de el fet que el fitxer ja no existeix.