Contenido

• etapas
• Método 1 Crear un botón HTML
• Método 2 Crea un botón como imagen

En este artículo: Crear un botón HTMLCrea un botón como una imagen

Tener un botón de descarga puede darle a su sitio una apariencia considerablemente más profesional que simplemente ofrecer enlaces de descarga. Un botón proporciona una interfaz más limpia y, si se siente cómodo diseñando la suya, puede convertirse en una parte integral del diseño de su página. Siga las pautas de esta guía para crear botones HTML o crear los suyos propios.

etapas

Método 1 Crear un botón HTML

1. 
   

   
   Crea el botón usando un editor de código. Un simple editor de e como Editar o Bloc de notas hará el trabajo. Ingrese el código anterior en el editor.

2. 
   

   
   Pon el archivo en tu servidor. Si desea que un archivo esté disponible para descargar, tendrá que alojarlo en su propio servidor o apuntar el botón a la posición del archivo, en algún lugar de Internet. Use un cliente FTP para cargar el archivo que desea que esté disponible en su sitio web.

3. 
   

   
   Asegúrese de tener permiso del webmaster. En caso de que coloque un enlace a un archivo que no aloja, asegúrese de contar con el permiso del webmaster.

4. 
   

   
   
   
   Reemplace la ubicación de descarga con la URL del archivo a descargar. Asegúrese de hacer las comillas alrededor de la dirección, así como las comillas alrededor window.location = Ubicación de descarga. Coloque prefijos como HTTP: // o FTP: // y haga que aparezcan extensiones de archivo como .JPG y .EXE.

5. 
   

   
   Dale una etiqueta al botón. reemplazar botón por las palabras que desea que aparezcan en el botón. Asegúrate de mantener los apóstrofos alrededor de la e. Recuerde no poner demasiado e para que el botón no sea demasiado grande y no cause errores de visualización en la página.

6. 
   

   
   Incluye el código en tu página. Puede insertar el código del botón donde desee en el cuerpo (la parte "cuerpo") de su página web, el botón se mostrará allí. Ponga el nuevo código de su página en línea y verifique que su nuevo botón funcione bien.

Método 2 Crea un botón como imagen

1. 
   

   
   
   
   Dibuja tu botón de descarga. Use su software de edición de imágenes favorito para desarrollar un botón que funcione bien con su sitio web. Puede darle el tamaño que desee a su botón.

2. 
   

   
   Ponga la imagen de su botón y el archivo en su servidor. Si desea que un archivo esté disponible para descargar, tendrá que alojarlo en su propio servidor o apuntar el botón a la posición del archivo, en algún lugar de Internet. Use un cliente FTP para cargar el archivo que desea que esté disponible en su sitio web.
   • En el servidor, coloque la imagen del botón en la misma ubicación que la página donde la va a colocar.

3. 
   

   
   Crea tu código de descarga. Un botón de descarga que usa una imagen funciona exactamente de la misma manera que cualquier otro enlace HTML. Copie el código anterior en su editor de código.

4. 
   

   
   Ingrese la información para su imagen y archivo. Reemplace la indicación "Ubicación de descarga" con la URL completa de su archivo de descarga, prefijando el prefijo Ftp: // o HTTP: // y reemplazar la indicación Archivo de imagen por el nombre del archivo correspondiente a la imagen del botón de descarga. Si el archivo está en la misma ubicación que la página en su servidor, no necesita poner la dirección completa.
   • Reemplazar la indicación flotar por las palabras que desea que aparezcan cuando el visitante mueve el cursor del mouse sobre la imagen.
   • reemplazar X y Y por el ancho y la altura del píxel, respectivamente.
   • Tenga cuidado de mantener las comillas alrededor de cada uno de estos dos valores.

5. 
   

   
   Incluye el código en tu página. Puede insertar el código del botón donde desee en el cuerpo (la parte "cuerpo") de su página web, el botón se mostrará allí. Ponga el nuevo código de su página en línea y verifique que su nuevo botón funcione bien. Además, asegúrese de que la imagen tenga el tamaño correcto y que se vea bien cuando mueva el cursor a la imagen.