Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un...

7
Guías visuales IES Pintor Juan Lara www.elprofedetica.es Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con las páginas web y necesitamos usar un programa de FTP para subir nuestra Web al servidor. No voy a explicar aquí como se hace una web ni con que programas … eso lo dejamos para otro día. Lo que si necesito explicar primero es que es ese rollo del cliente y el servidor que siempre nos sueltan los informáticos … Tanto el “cliente” como el “servidor” son ordenadores, pero cuando tu te conectas a Internet, tu ordenador es el cliente, y el que tiene la página web de Google -por ejemplo- es el servidor. De manera que cuando tu haces la página web, la haces en el cliente, y la tarea es colocarla en el servidor para que cualquiera desde su casa (cliente) la pueda ver porque se la “sirve” el servidor -de ahí su nombre; y para eso, justamente es para lo que sirve el programa de FTP. La primera tarea que tenemos es buscar un servicio de hospedaje … ¡no pongas esa cara! se trata de que alguien te “alquile” o “preste” algunos Mb de disco duro en un ordenador que esté en Internet, o sea nuestro servidor. Lo normal es que si estamos pagando una línea de ADSL, nuestro contrato incluya un espacio web, aunque la gente no lo sabe y no lo usa. Tendremos que contactar con Telefónica, Jazztel, Ono o la que sea y “activar” nuestra web ... eso significa que nos tienen que dar los siguientes datos: dirección de la web (o “URL”), el nombre del servidor (o “server”), nombre de usuario (o “user”), contraseña y puerto por el que conectarnos (aunque este suele ser el 21 y si no nos dicen nada usaremos este). Todo esto apúntalo o imprímelo si te lo mandan en un correo, por si acaso. Otra opción es buscar servidores gratuitos, pero te arriesgas a que te pongan publicidad de viagra en tu web; o directamente uno de pago. Una vez que tu página web funciona perfectamente y tiene todos los archivos -fotografías, otras páginas web, documentos de texto, etcétera- que usa dentro de la misma carpeta, que hemos comprobado que todos los enlaces funcionan y eso, ¡es el momento de subir nuestra web. Debemos de comprobar que funciona todo del lado del cliente y que no salimos de la carpeta que hemos usado para hacer la web, porque ésta es la que “subiremos”, entera al servidor. Nos bajamos e instalamos el FileZilla desde su página web :

Transcript of Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un...

Page 1: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

Guía para subir tu página web con FileZillaEsta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen

pinitos con las páginas web y necesitamos usar un programa de FTP para subir nuestra Web al servidor. No voy a explicar aquí como se hace una web ni con que programas … eso lo dejamos para otro día.

Lo que si necesito explicar primero es que es ese rollo del cliente y el servidor que siempre nos sueltan los informáticos … Tanto el “cliente” como el “servidor” son ordenadores, pero cuando tu te conectas a Internet, tu ordenador es el cliente, y el que tiene la página web de Google -por ejemplo- es el servidor. De manera que cuando tu haces la página web, la haces en el cliente, y la tarea es colocarla en el servidor para que cualquiera desde su casa (cliente) la pueda ver porque se la “sirve” el servidor -de ahí su nombre; y para eso, justamente es para lo que sirve el programa de FTP.

La primera tarea que tenemos es buscar un servicio de hospedaje … ¡no pongas esa cara! se trata de que alguien te “alquile” o “preste” algunos Mb de disco duro en un ordenador que esté en Internet, o sea nuestro servidor. Lo normal es que si estamos pagando una línea de ADSL, nuestro contrato incluya un espacio web, aunque la gente no lo sabe y no lo usa. Tendremos que contactar con Telefónica, Jazztel, Ono o la que sea y “activar” nuestra web ... eso significa que nos tienen que dar los siguientes datos: dirección de la web (o “URL”), el nombre del servidor (o “server”), nombre de usuario (o “user”), contraseña y puerto por el que conectarnos (aunque este suele ser el 21 y si no nos dicen nada usaremos este). Todo esto apúntalo o imprímelo si te lo mandan en un correo, por si acaso. Otra opción es buscar servidores gratuitos, pero te arriesgas a que te pongan publicidad de viagra en tu web; o directamente uno de pago.

Una vez que tu página web funciona perfectamente y tiene todos los archivos -fotografías, otras páginas web, documentos de texto, etcétera- que usa dentro de la misma carpeta, que hemos comprobado que todos los enlaces funcionan y eso, ¡es el momento de subir nuestra web. Debemos de comprobar que funciona todo del lado del cliente y que no salimos de la carpeta que hemos usado para hacer la web, porque ésta es la que “subiremos”, entera al servidor.

Nos bajamos e instalamos el FileZilla desde su página web:

Page 2: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

Y como siempre, ejecutamos el programa instalador y le decimos a todo que si, y que aceptamos, y bla, bla, bla … hasta que hacemos click en “Finish”.

¡Que aburrimiento, siempre lo mismo! El caso es que cuando ejecutamos el programa, nos encontramos los siguientes elementos:

En el recuadro que he resaltado vamos a ver, como si fuera el explorador de windows,

Page 3: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

las unidades del cliente … ¡exácto, es mi ordenador!

En el recuadro de la izquierda vamos a ver el servidor, pero como aún no hemos conectado, está vacío.

Page 4: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

Por último, en estas dos zonas de arriba y abajo, van a ir apareciendo cosas sobre la conexión y la transferencia de archivos, que yo, la verdad, no entiendo muy bien, y que si todo va bien, no tenemos ni que leer. Bueno es el momento de configurar nuestro cliente FTP, para lo cual vamos al botón de arriba a la izquierda:

Y cuando lo pulsamos nos va a abrir una ventana en la que vamos a copiar todos los datos que nos han dado los de la compañía. Se llama el “Gestor de sitios” y sirve para configurar varios accesos; también podríamos poner los datos directamente y conectar, pero es mejor así para hacerlo automáticamente las siguientes veces que queramos acceder para cambiar cosas, ampliar la web, etcétera.

Primero vamos a pulsar en “Nuevo sitio” y, justo encima, nos aparecerá un recuadro para que le pongamos un nombre … dado que no vais a poner una docena de webs -de momento- poner cualquier cosa … ¡“mi web” mismo!

Luego vamos a ir escribiendo -con cuidado de que esté exactamente como nos lo han dicho, que para esto son muy suyos los ordenadores- todos los datos, servidor, puerto y

Page 5: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

usuario. Lo del “Tipo de servidor” lo dejamos igual y en “Modo de acceso”, desplegamos y escogemos “normal”, entonces dejará de estar velado lo demás, y podremos escribir el “Usuario” y la “Contraseña” (aunque no la veremos, que seguirá en puntitos).

Si todo está correcto, podemos hacer click en “Conectar”.

Page 6: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

¡Ahora, se ha llenado la parte derecha! Y eso quiere decir que podemos empezar la transferencia de ficheros, que consiste en arrastrar el contenido de la carpeta en la que hemos trabajado hasta el recuadro correspondiente del servidor.

Cuando lo hagamos, se pondrá a hacer cosas (arriba y abajo) y al cabo del rato, dependiendo de la velocidad de nuestra conexión y del tamaño de lo que subamos, la transferencia se parará. Mientras queden cosas en el recuadro de abajo, es que no ha terminado de trabajar. En la parte del servidor podemos hacer todas las cosas que en nuestro ordenador … podemos renombrar archivos, moverlos, borrarlos, crear carpetas y moverlos entre ellas, etcétera. Una de las cosas que podría ir mal es el tema de los permisos -si te fijas, los ficheros del servidor tienen un mensaje en marciano al lado “drwxdrxx ...”, ¡eso son los permisos!-, que también se puede cambiar desde el FileZilla.

Es el momento de comprobar que todo va bien (abrimos nuestro navegador, como siempre, y escribimos en la barra de direcciones la URL que nos dieron, en mi caso http://www.elprofedetica.es). Creo que en esto hay que ser sistemático y no olvidarse de nada, archivos, enlaces, etcétera.

Page 7: Guías visuales - elprofedetica · Guía para subir tu página web con FileZilla Esta guía es un poco más avanzada de lo habitual y está pensada para los que ya hacen pinitos con

Guías visuales

IES Pintor Juan Larawww.elprofedetica.es

Si todo va bien podremos cerrar la conexión.

Hasta que de nuevo veamos vacía la “caja” de la derecha … eso significa que hemos cortado la comunicación con el servidor y que podemos cerrar el programa.

Y recuerda que la próxima vez, ya tienes configurada la conexión y basta con que hagas click directamente en el “Gestor de sitios”.