Content

• etapes
• Mètode 1 Creeu un botó HTML
• Mètode 2 Creeu un botó com a imatge

En aquest article: Crear un botó HTMLCrear un botó com a imatgeReferències

Tenir un botó de descàrrega pot donar al vostre lloc un aspecte considerablement més professional que només oferir enllaços de descàrrega. Un botó proporciona una interfície més neta i, si us sentiu a gust dissenyar-vos, podeu convertir-vos en part integrant del disseny de la vostra pàgina. Seguiu les directrius d'aquesta guia per crear botons HTML o fer-ne el vostre.

etapes

Mètode 1 Creeu un botó HTML

1. 
   

   
   Creeu el botó mitjançant un editor de codis. Un editor simple i com Edita o Bloc de notes farà la feina. Introduïu el codi anterior a l’editor.

2. 
   

   
   Poseu el fitxer al vostre servidor. Si voleu que el fitxer estigui disponible per a la seva descàrrega, haureu d’acollir-lo al vostre servidor o bé apunteu el botó cap a la posició del fitxer, en algun lloc d’internet. Utilitzeu un client FTP per penjar el fitxer que voleu posar a la vostra pàgina web.

3. 
   

   
   Assegureu-vos que teniu permís del administrador web. En cas que col·loqueu un enllaç a un fitxer que no us allotgeu, assegureu-vos que teniu permís del webmaster.

4. 
   

   
   
   
   Substituïu la ubicació de baixada per l’URL del fitxer que voleu descarregar. Assegureu-vos de fer les cotitzacions al voltant de l'adreça, així com les cometes que hi ha al voltant window.location = Ubicació de baixada. Poseu prefixos com ara HTTP: // o FTP: // i feu que apareguin extensions de fitxer com .JPG i.EXE.

5. 
   

   
   Donar una etiqueta al botó. reemplaçar botó amb les paraules que voleu aparèixer al botó. Assegureu-vos de mantenir els apòstrofs al voltant de la e. Recordeu no posar-hi massa e perquè el botó no sigui massa gran i que no causi errors de visualització a la pàgina.

6. 
   

   
   Incloeu el codi a la pàgina. Podeu inserir el codi del botó on vulgueu al cos (la part "del cos") de la pàgina web, el botó es mostrarà allà. Posa en línia el nou codi de la pàgina i comprova que el nou botó funcioni correctament.

Mètode 2 Creeu un botó com a imatge

1. 
   

   
   
   
   Dibuixa el botó de descàrrega. Utilitzeu el vostre programa d’edició d’imatges preferit per desenvolupar un botó que funciona bé amb el vostre lloc web. Podeu donar la mida que vulgueu al vostre botó.

2. 
   

   
   Posa la imatge del teu botó i del fitxer al servidor. Si voleu que el fitxer estigui disponible per a la seva descàrrega, haureu d’acollir-lo al vostre servidor o bé apunteu el botó cap a la posició del fitxer, en algun lloc d’internet. Utilitzeu un client FTP per penjar el fitxer que voleu posar a la vostra pàgina web.
   • Al servidor, col·loca la imatge del botó a la mateixa ubicació que la que has de posar.

3. 
   

   
   Creeu el vostre codi de descàrrega. Un botó de descàrrega que utilitza una imatge funciona exactament de la mateixa manera que qualsevol altre enllaç HTML. Copieu el codi anterior al vostre editor de codis.

4. 
   

   
   Introduïu la informació de la vostra imatge i fitxer. Substituïu la indicació "Ubicació de baixada" per l'URL complet del fitxer de descàrrega, prefixant el prefix FTP: // o HTTP: // i substituïu la indicació Fitxer d’imatge pel nom del fitxer corresponent a la imatge del botó de descàrrega. Si el fitxer es troba a la mateixa ubicació que la pàgina del servidor, no heu de posar l'adreça completa.
   • Substituïu la indicació surar amb les paraules que voleu aparèixer quan el visitant desplaça el cursor sobre la imatge.
   • reemplaçar X i I per l’amplada i l’alçada del píxel respectivament.
   • Teniu cura de mantenir les cometes al voltant de cadascun d’aquests dos valors.

5. 
   

   
   Incloeu el codi a la pàgina. Podeu inserir el codi del botó on vulgueu al cos (la part "del cos") de la pàgina web, el botó es mostrarà allà. Posa en línia el nou codi de la pàgina i comprova que el nou botó funcioni correctament. A més, assegureu-vos que la imatge sigui de la mida adequada i que tingui un aspecte bo quan moveu el cursor a la imatge.