Com es crea un botó de descàrrega: 11 passos (amb imatges)

Taula de continguts:

Com es crea un botó de descàrrega: 11 passos (amb imatges)
Com es crea un botó de descàrrega: 11 passos (amb imatges)

Vídeo: Com es crea un botó de descàrrega: 11 passos (amb imatges)

Vídeo: Com es crea un botó de descàrrega: 11 passos (amb imatges)
Vídeo: CS50 2015 - Week 7, continued 2024, Maig
Anonim

Un botó de baixada pot fer que el vostre lloc web sembli molt més professional que simplement oferir la vostra baixada mitjançant enllaços. Un botó proporciona una interfície més neta i, si teniu ganes de dissenyar-ne el vostre, els vostres botons poden formar part integral del disseny de la pàgina. Seguiu aquesta guia per crear botons HTML o crear un botó del vostre propi disseny.

Passos

Mètode 1 de 2: creació d'un botó HTML

Creeu un botó de baixada Pas 1
Creeu un botó de baixada Pas 1

Pas 1. Creeu el botó en un editor de codi

Un editor de text senzill com el Bloc de notes o TextEdit funcionarà perfectament. Introduïu el codi següent a l'editor:

Creeu un botó de baixada Pas 2
Creeu un botó de baixada Pas 2

Pas 2. Carregueu el fitxer al servidor

Si voleu oferir un fitxer per descarregar, haureu d’allotjar-lo al vostre propi servidor o apuntar el botó cap al fitxer en un altre lloc del web. Utilitzeu un client FTP per penjar el fitxer que voleu que estigui disponible al servidor del vostre lloc web.

Creeu un botó de baixada Pas 3
Creeu un botó de baixada Pas 3

Pas 3. Assegureu-vos que teniu el permís de l'administrador web si voleu enllaçar a un fitxer que no esteu allotjant

Creeu un botó de baixada Pas 4
Creeu un botó de baixada Pas 4

Pas 4. Substitueix "Ubicació de baixada" per l'URL de la baixada. Assegureu-vos d’incloure les cometes simples al voltant de l’adreça, així com les cometes dobles al voltant de “window.location = 'Ubicació de baixada'". Incloeu qualsevol prefix com HTTP: // o FTP: // i també incloeu l’extensió de fitxer com com-j.webp" />

Creeu un botó de baixada Pas 5
Creeu un botó de baixada Pas 5

Pas 5. Etiqueu el botó

Substituïu "Text del botó" per les paraules que vulgueu que apareguin al botó. Assegureu-vos de mantenir les cometes dobles al voltant del text. Mantingueu el text del botó petit perquè el botó no aparegui gran i difícil de manejar a la pàgina.

Creeu un botó de baixada Pas 6
Creeu un botó de baixada Pas 6

Pas 6. Col·loqueu el codi a la vostra pàgina

Podeu inserir el codi del botó a qualsevol lloc del cos de la vostra pàgina web i el botó apareixerà en aquesta ubicació. Pengeu el codi de la pàgina web modificat i proveu el botó nou.

Mètode 2 de 2: Creació d'un botó d'imatge

Creeu un botó de baixada Pas 7
Creeu un botó de baixada Pas 7

Pas 1. Dissenyeu el botó de baixada

Utilitzeu l'editor d'imatges preferit i creeu un botó que coincideixi amb l'estil del vostre lloc web. Podeu fer que el botó sigui tan petit o tan gran com vulgueu.

Creeu un botó de baixada Pas 8
Creeu un botó de baixada Pas 8

Pas 2. Carregueu el fitxer al servidor i la imatge del botó

Si voleu oferir un fitxer per descarregar, haureu d’allotjar-lo al vostre propi servidor o apuntar el botó cap al fitxer en un altre lloc del web. Utilitzeu un client FTP per penjar el fitxer que voleu que estigui disponible al servidor del vostre lloc web.

Pengeu la imatge del botó a la mateixa ubicació del servidor que la pàgina on la col·loqueu

Creeu un botó de baixada Pas 9
Creeu un botó de baixada Pas 9

Pas 3. Creeu el codi de baixada

Un botó de baixada representat per una imatge funciona de la mateixa manera que tots els altres enllaços funcionen en HTML. Copieu el codi següent a l'editor preferit:

Creeu un botó de baixada Pas 10
Creeu un botó de baixada Pas 10

Pas 4. Introduïu el fitxer i la informació de la imatge. Substituïu "Ubicació de baixada" per l'URL complet de la vostra baixada, inclosos els prefixos HTTP: // o FTP: //. Substituïu "Fitxer d'imatge pel nom del fitxer per a la imatge del botó de baixada. Si el fitxer es troba a la mateixa ubicació que la pàgina del servidor, no cal que inclogueu l'adreça completa.

  • Substituïu el text del cursor per qualsevol text que vulgueu que aparegui quan l'usuari passa el cursor per sobre de la imatge.
  • Substituïu "X" i "Y" per l'amplada i l'alçada de la imatge respectivament en píxels.
  • Assegureu-vos de mantenir les cometes dobles al voltant de cada entrada.
Creeu un botó de baixada Pas 11
Creeu un botó de baixada Pas 11

Pas 5. Introduïu el codi a la vostra pàgina

Col·loqueu el codi on vulgueu que aparegui el botó. Pengeu el codi nou i, a continuació, carregueu la pàgina web per assegurar-vos que el botó funcioni. Comproveu que el text del cursor es carregui i que la imatge tingui la mida adequada.

Vídeo: mitjançant aquest servei, es pot compartir informació amb YouTube

Advertiments

  • La càrrega de fitxers al vostre propi servidor és una manera millor de compartir fitxers en línia en lloc de dependre d'altres llocs web per allotjar-los. Si copieu una ubicació d’enllaç des d’un altre lloc web, el botó de baixada que creeu només funcionarà mentre la ubicació de l’enllaç estigui activa.
  • No pengeu mai fitxers que infringeixin les lleis de drets d'autor, ja que poden comportar multes o empresonaments pesats.
  • Proveu periòdicament el botó de baixada o l'enllaç de baixada del lloc web des del qual heu obtingut la ubicació de l'enllaç per assegurar-vos que els usuaris podran baixar el fitxer quan facin clic al botó en lloc d'anar a un enllaç trencat on ja no existeix el fitxer..

Recomanat: