feed twitter facebook LinkedIn facebook

HTML » Página web para descargar archivos

Noviembre 21, 2006 por Víctor Cuervo . 47617 visitas 88 Comentarios Imprimir Imprimir

Una de las cosas que más pregunta la gente cuando está aprendiendo a hacer páginas web es sobre cómo puede poner ficheros para ser descargados. Yo me pregunto que cuantas de estas personas están pensado en poner canciones, videos o fotos más o menos picantes a descargar desde su página.

Pero tenemos que tener claro que Internet se fundamenta y subsiste por el intercambio de información. Y estas descargas no dejan de ser otra forma de intercambio de información. Aunque desde el punto de vista judicial se esté intentando "poner puertas al campo". Pero, bueno, esto es para un post sobre "pajas mentales en la internet".

Crear un enlace para descargar un fichero es muy sencillo. Lo primero que tenemos que hacer es subir el fichero a nuestro servidor. Esto lo podemos hacer de dos formas:

a) Bien que el servidor tenga instalado un sistema de subida de ficheros desde una página web. En este caso será tan sencillo como el utilizar un formulario web.

b) Bien utilizar un cliente de FTP. Este es un programa que se ejecutará en nuestra máquina, el cual sirve para conectarse para un sistema remoto y pasar ficheros desde local a este sistema. Son muy sencillos de utilizar. Por ejemplo te puedes decargar clientes FTP desde Softonic.

Una vez que hayamos subido nuestro fichero al servidor deberemos de construir la página HTML para descargarlo. Para descargarlo simplemente deberemos de crear un enlace al fichero.

Los enlaces se crean mediante la etiqueta <A> y utilizando el atributo href. En dicho atributo deberemos de poner el nombre del fichero que queremos descargarnos. Así, si nuestro fichero se llama lineadecodigo.txt tendremos que poner la siguiente línea de código:

<A href="lineadecodigo.txt">Descargar fichero lineadecodigo.txt</A>

En este código hay que tener especial cuidado con el path en el que hemos subido el fichero. Así, no suele ser bueno subirlo en el directorio raiz. A si que es recomendable el crear un fichero de descargas. En este caso, la línea de código quedaría de la siguiente forma:

<A href="/descargas/lineadecodigo.txt">
Descargar fichero lineadecodigo.txt
</A>

Y ¿que pasa cuando pincho al enlace?. Pues bien, todo depende del ordenador y navegador donde estemos ejecutando la página web. Y es que el navegador interpretará el tipo (conociendo la extensión del fichero) del fichero y verá si tiene un programa asociado para abrirlo.

Así, si estamos en un sistema Windows, lo más probable es que el documento .txt lo abra el NotePad, los .mp3 un reproductor de música (WinAmp, Windows Media Player,...) y así por todas las extensiones configuradas en tu sistema.

Si el navegador no conoce la extensión del fichero solo indica que si se quiere guardar en local. La opción de guardar siempre aparec, independientemente de la extensión.

Como buena práctica, es recomendable que al lado del fichero a descargar se indique la extensión y tamaño del mismo, con el fin de facilitar su manipulación al usuario que visite nuestra web.

Veamos cómo quedaría nuestro ejemplo

Linea de Codigo (.txt, 1Kb)

Visualizar el ejemplo | Descargar el código

Foro sobre HTML
Foro sobre HTML
tags:

Artículos relacionados:

88 comentarios »

Redifusión RSS de los comentarios de la entrada. TrackBack URI

1 2 3 4 5 9
  1. alexander quezada chavez
    Diciembre 18, 2007 #

    necesito un truco o alguna etiqueta javascript que me permita descargar archivos jpg siendo jpg y no un zip, este archivo es pesado y no lo abre directamente asi que deseo que lo descargue.

    saludos y gracias

  2. Andres
    Enero 31, 2008 #

    hey men gracias por la ayuda en verdad este truco d eprogramacion no lo vi por no asistir a las clases jajaja y luis coma mierda si es tan duro entonces vaya a dictar clases pedazo de marica no ve que eso nos ayuda a los que somos humilde sy no unos maricones como ud

  3. Cristina
    Febrero 10, 2008 #

    Como puede hacerse para colocar un archivo en un blog de blogger paar que sea descargado sin colgarlo en Rapidshare o similares?

  4. alejO
    Febrero 17, 2008 #

    csm!! ayudenme !! quiero pasar informacion DE MP3 a mi reproductor x flash!! – URL!! no puedO!! . MI msn es walter1885@hotmail.com ayuden! x fa! ;)

  5. an
    Marzo 2, 2008 #

    Hola,

    Por que cuendo escribo el codigo que enviaste, en lugar se abrir la ventana para bajar el archiov … abre el archivo txt y lo despliega en la pagina de html.

  6. Wlater
    Marzo 6, 2008 #

    Entiendo como hacerlo, mi pregunta es cómo poder hacerlo con Front PAge

  7. Joel Estrada Alanis
    Marzo 10, 2008 #

    Yo tengo un problema… quiero poner un play list con extencion “.WPL” que es el formato que reproduce Wndows media Player, otro con extencion “.RMP” que es el que reproduce realplayer y otro mas con extencion “.M3U” que es el del winamp… para que cuando este transmitiendo mi estacion, los usuarios que le den clic a link baje automaticamente ese archvito, lo abra el reproductor adecuado y empiezen a escucharme… ya hice lo que sugeriste arriba, pero nada mas me lleva a una web en blanco y no abre el reproductor, por lo tanto no me pueden escuchar… me ayudas por favor…

    MIL GRACIAS

  8. dan
    Mayo 6, 2008 #

    un favor necesito que se baje un archivo con una extension q yo le de y q en cuanto presione bajar archivo le muestre la ventana de guardar donde le da la opcion de eligir la direccion donde se guaradara

  9. daniel garcia
    Mayo 20, 2008 #

    exelente me sacaron de un enerredo tenas haora no se por que no me da la base de datos esty trabajando con xampp y mi pagina web esta en miarroba pero independientemente la quiero trabajar en las 2 por fa respondamen

  10. ariel
    Junio 3, 2008 #

    Hola como te va . mi problema es que tengo un juego y me pide el archivo: f1system.txt por casualidad lo tendrias? muchas gracias. y tu pagina una masa. saludos

1 2 3 4 5 9

Deje un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*