Guas visuales

IES Pintor Juan Lara

www.elprofedetica.es
Gua para subir tu pgina web con FileZilla
Esta gua es un poco ms avanzada de lo habitual y est pensada para los que ya hacen
pinitos con las pginas web y necesitamos usar un programa de FTP para subir nuestra eb
al servidor! "o voy a e#plicar aqu como se hace una web ni con que programas $ eso lo
de%amos para otro da!
&o que si necesito e#plicar primero es que es ese rollo del cliente y el servidor que
siempre nos sueltan los in'ormticos $ Tanto el (cliente) como el (servidor) son
ordenadores* pero cuando tu te conectas a +nternet* tu ordenador es el cliente* y el que tiene la
pgina web de Google ,por e%emplo, es el servidor! -e manera que cuando tu haces la pgina
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 nombre0 y para eso*
%ustamente es para lo que sirve el programa de FTP!
&a primera tarea que tenemos es buscar un servicio de hospeda%e $ 1no pongas esa
cara2 se trata de que alguien te (alquile) o (preste) algunos 3b de disco duro en un
ordenador que est4 en +nternet* o sea nuestro servidor! &o normal es que si estamos pagando
una lnea de 5-6&* nuestro contrato incluya un espacio web* aunque la gente no lo sabe y no
lo usa! Tendremos que contactar con Tele'7nica* 8azztel* 9no o la que sea y (activar) nuestra
web !!! eso signi'ica que nos tienen que dar los siguientes datos: direcci7n de la web .o
(;<&)/* el nombre del servidor .o (server)/* nombre de usuario .o (user)/* contrase=a y
puerto por el que conectarnos .aunque este suele ser el >? y si no nos dicen nada usaremos
este/! Todo esto ap@ntalo o imprmelo si te lo mandan en un correo* por si acaso! 9tra opci7n
es buscar servidores gratuitos* pero te arriesgas a que te pongan publicidad de viagra en tu
web0 o directamente uno de pago!
;na vez que tu pgina web 'unciona per'ectamente y tiene todos los archivos
,'otogra'as* otras pginas web* documentos de te#to* etc4tera, que usa dentro de la misma
carpeta* que hemos comprobado que todos los enlaces 'uncionan y eso* 1es el momento de
subir nuestra web! -ebemos de comprobar que 'unciona todo del lado del cliente y que no
salimos de la carpeta que hemos usado para hacer la web* porque 4sta es la que (subiremos)*
entera al servidor!
"os ba%amos e instalamos el FileZilla desde su pgina web:
Guas visuales
IES Pintor Juan Lara
www.elprofedetica.es
A como siempre* e%ecutamos el programa instalador y le decimos a todo que si* y que
aceptamos* y bla* bla* bla $ hasta que hacemos clicB en (Finish)!
1Cue aburrimiento* siempre lo mismo2 El caso es que cuando e%ecutamos el programa*
nos encontramos los siguientes elementos:
En el recuadro que he resaltado vamos a ver* como si 'uera el e#plorador de windows*
Guas visuales
IES Pintor Juan Lara
www.elprofedetica.es
las unidades del cliente $ 1e#cto* es mi ordenador2
En el recuadro de la izquierda vamos a ver el servidor* pero como a@n no hemos
conectado* est vaco!
Guas visuales
IES Pintor Juan Lara
www.elprofedetica.es
Por @ltimo* en estas dos zonas de arriba y aba%o* van a ir apareciendo cosas sobre la
cone#i7n y la trans'erencia de archivos* que yo* la verdad* no entiendo muy bien* y que si todo
va bien* no tenemos ni que leer! Dueno es el momento de con'igurar nuestro cliente FTP* para
lo cual vamos al bot7n de arriba a la izquierda:
A 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! 6e llama el (Gestor de sitios) y sirve para
con'igurar varios accesos0 tambi4n podramos poner los datos directamente y conectar* pero
es me%or as para hacerlo automticamente las siguientes veces que queramos acceder para
cambiar cosas* ampliar la web* etc4tera!
Primero vamos a pulsar en ("uevo sitio) y* %usto 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 $ 1(mi web) mismo2
&uego vamos a ir escribiendo ,con cuidado de que est4 e#actamente como nos lo han
dicho* que para esto son muy suyos los ordenadores, todos los datos* servidor* puerto y
Guas visuales
IES Pintor Juan Lara
www.elprofedetica.es
usuario! &o del (Tipo de servidor) lo de%amos igual y en (3odo de acceso)* desplegamos y
escogemos (normal)* entonces de%ar de estar velado lo dems* y podremos escribir el
(;suario) y la (Eontrase=a) .aunque no la veremos* que seguir en puntitos/!
6i todo est correcto* podemos hacer clicB en (Eonectar)!
Guas visuales
IES Pintor Juan Lara
www.elprofedetica.es
15hora* se ha llenado la parte derecha2 A eso quiere decir que podemos empezar la
trans'erencia de 'icheros* que consiste en arrastrar el contenido de la carpeta en la que hemos
traba%ado hasta el recuadro correspondiente del servidor!
Euando lo hagamos* se pondr a hacer cosas .arriba y aba%o/ y al cabo del rato*
dependiendo de la velocidad de nuestra cone#i7n y del tama=o de lo que subamos* la
trans'erencia se parar! 3ientras queden cosas en el recuadro de aba%o* es que no ha
terminado de traba%ar! 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* etc4tera! ;na de las cosas que podra ir mal es el tema de los permisos ,si te 'i%as*
los 'icheros del servidor tienen un mensa%e en marciano al lado (drw#dr## !!!)* 1eso son los
permisos2,* que tambi4n 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 ;<& que nos dieron* en mi caso
http:FFwww!elpro'edetica!es/! Ereo que en esto hay que ser sistemtico y no olvidarse de nada*
archivos* enlaces* etc4tera!
Guas visuales
IES Pintor Juan Lara
www.elprofedetica.es
6i todo va bien podremos cerrar la cone#i7n!
Gasta que de nuevo veamos vaca la (ca%a) de la derecha $ eso signi'ica que hemos
cortado la comunicaci7n con el servidor y que podemos cerrar el programa!
A recuerda que la pr7#ima vez* ya tienes con'igurada la cone#i7n y basta con que
hagas clicB directamente en el (Gestor de sitios)!