SlideShare a Scribd company logo
1 of 64
Download to read offline
REPÚBLICA BOLIVARIANA DE VENEZUELA
  MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN UNIVERSITARIA
         INSTITUTO UNIVERSITARIO DE TECNOLOGÍA DE YARACUY
                       INDEPENDENCIA - EDO. YARACUY




               Tutorial que muestra los pasos para:


1. Descargar e instalar FileZilla bajo el sistema operativo Canaima 3.0


2. Configurar un servidor web gratuito.


3. Desarrollar una web simple validada por el W3C




                                                                          Elaborado por:

                                                         Luis Joaquín Gómez Calderón

                                                               PNF Informática IUTY
FileZilla

        FileZilla es un cliente FTP multiplataforma de código abierto y software libre,
licenciado bajo la Licencia Pública General de GNU. Soporta los protocolos FTP, SFTP y
FTP sobre SSL/TLS (FTPS). Las principales características de FileZilla son:
    Administrador de sitios: permite a un usuario crear una lista de sitios FTP con sus
     datos de conexión, como el número de puerto a usar, o si se utiliza inicio de sesión
     normal o anónima. Para el inicio normal, se guarda el usuario y, opcionalmente, la
     contraseña.
    Registro de mensajes: se muestra en la parte superior de la ventana. Muestra en
     forma de consola los comandos enviados por FileZilla y las respuestas del servidor
     remoto.
    Vista de archivo y carpeta: situada en la parte central de la ventana, proporciona una
     interfaz gráfica para FTP. Los usuarios pueden navegar por las carpetas, ver y
     alterar sus contenidos tanto en la máquina local como en la remota, utilizando una
     interfaz de tipo árbol de exploración. Los usuarios pueden arrastrar y soltar archivos
     entre los ordenadores local y remoto.
    Cola de transferencia: situada en la parte inferior de la ventana, muestra en tiempo
     real el estado de cada transferencia activa o en cola.


              ¿Como descargar FileZilla paso a paso bajo Canaima 3.0?

Paso 1: Encender el computador con sistema operativo Canaima 3.0. Una vez encendido
le mostrará la siguiente ventana del escritorio:
Paso 2: Luego abrimos el navegador web que posea el equipo; por ejemplo el navegador
web “Cunaguaro” que es el navegador incluido en la versión 3.0 de Canaima; se encuentra
ubicado en la barra de herramienta superior de la pantalla; tal como se muestra en la
siguiente imágen:




Paso 3: Una vez que abrimos el navegador Cunaguaro, nos aparece la siguiente pantalla:
Paso 4: Elegimos un buscador web; por ejemplo Google. Simplemente escribimos el
nombre google.co.ve en la barra de enlaces y presionamos enter:




Paso 5: Ir a la página de FileZilla. Simplemente escribimos la palabra filezilla en el
buscador y presionamos enter, para localizar el sitio web desde donde podamos descargar el
programa:
Paso 6: Luego nos aparece la página de FileZilla-The free FTP solution (http://filezilla-
project.org/) como primera opción. Le damos clic directamente sobre el nombre, o
podemos hacer clic en traducir esta página, puesto que originalmente la página está en
inglés:




Paso 7: Una vez que entramos a la página de FileZilla, nos aparecerá así:
Paso 8: Podemos observar que la página en el apartado de enlaces rápidos de descarga, nos
da la opción de descargar filezilla como cliente (para todas las plataformas) y como
servidor (solo para Windows):




Paso 9: En este caso, la opción a elegir será descargar filezilla como cliente:
Paso 10: Al elegir “descargar filezilla como cliente” nos aparecerá las diversas opciones
de descargas dependiendo de la plataforma que posea:
Paso 11: En este caso, por estar trabajando en Canaima (GNU/Linux), elegimos el archivo
de descarga correspondiente a GNU/Linux:




Paso 12: Una vez elegida la opción, esperaremos que comience la descarga:
Paso 13: Aparecerá una ventana para comenzar la descarga. Podemos elegir la opción
“Abrir con:” y a su vez la aplicación con que deseemos abrirlo; o simplemente elegir la
opción “Guardar archivo”, y a su vez la ubicación del archivo. Luego presionamos Aceptar:




Y comienza a descargarse:
Una vez culminada la descarga:




Luego, en el escritorio podemos hacer clic en equipo y después buscar la ubicación del
archivo que descargamos. Normalmente queda almacenado en la carpeta “Descargas” del
escritorio. Esto dependiendo si no se le da una ubicación diferente a la hora de guardar el
archivo. Tal como lo vimos anteriormente. “Y ya, así se descarga el programa”.
¿Como instalar FileZilla paso a paso bajo Canaima 3.0?

Paso 1: Nos ubicamos en el escritorio:




Paso 2: En la barra de herramientas superior de          la   pantalla,   presionamos
Sistema>Administración>Gestor de Paquetes Synaptic:
Paso 3: Nos aparecerá la ventana del Gestor de Paquetes Synaptic:




           El Gestor de Paquetes Synaptic, es especialmente útil en la instalación y
    desinstalación de programas cuando ocurren conflictos de dependencias que no se pueden
    resolver automáticamente. Synaptic es una aplicación mucho más avanzada que el Centro
    de software de Ubuntu, y es un gestor de paquetes muy potente.
           Como pueden observar la ventana principal se encuentra dividida en varias áreas
    diferenciadas:

   En la parte izquierda tienes un listado de categorías de aplicaciones en las que se
    clasifican los paquetes: administración del sistema, bibliotecas, comunicación; entre otros.
   A la derecha, cuando seleccionas una categoría, obtienes la lista de aplicaciones de
    dicha categoría. En esta ventana puedes ver el estado de cada paquete mediante una
    leyenda de iconos característica (acude al menú Ayuda – Leyenda de Iconos para ampliar
    esta información). El icono de color verde significa que el paquete está instalado; si es
    blanco que no lo está, verde y con una flecha significa que el paquete tiene una versión
actualizada... Si incluye un icono de Ubuntu indica que el paquete está soportado
    oficialmente por la distribución.
   Justo debajo, en la parte inferior derecha puedes ver la descripción del paquete
    seleccionado y sus características. Un botón Obtener captura de pantalla te permitirá ver
    una miniatura de la ventana principal de la aplicación (no siempre disponible).


    Si tienes seleccionado un determinado paquete y, a continuación, pulsas sobre el botón
    Propiedades de la barra de herramientas podrás ver sus características, como su nombre, la
    versión instalada o la versión posible actualizada, las dependencias, las carpetas utilizadas
    para copiar los archivos (muy útil, para localizar la documentación, los iconos o el archivo
    que lanza la aplicación, entre otros).


    Paso 4: Para instalar un paquete, se puede hacer ingresando primero el nombre del
    paquete en la ventanita de buscar. En este caso escribiremos filezilla:
Nos aparecerá luego una ventanita de Buscar (como superusuario); donde escribimos
nuevamente filezilla, y luego hacemos clic en Buscar:




Paso 5: Luego nos aparecerá una ventana indicando la descarga de información de
paquetes:
Después de haberse descargado la información del paquete; nos aparece una ventana
preguntándonos si deseamos marcar los cambios adicionales requeridos? Y hacemos clic
luego en Marcar en la parte inferior.




Paso 6: Luego en la parte izquierda nos aparecerá el paquete filezilla.
Si queremos obtener todas las actualizaciones del paquete, hacemos clic en la parte superior
donde dice Marcar todas las actualizaciones:




Y nos aparecerá luego una ventana para seleccionar los cambios adicionales requeridos; y
hacemos clic en Marcar en la parte inferior de la ventanita:
Paso 7: Luego seleccionado el paquete, hacemos clic en el botón Aplicar de la barra de
herramientas para iniciar el proceso de instalación del paquete o paquetes necesarios.




  Nos aparece una ventana donde presionaremos la opción Para ser instalado; y después
              hacemos clic en “Aplicar” en la parte inferior de la ventanita:
Paso 8: Posteriormente nos muestra los paquetes de filezilla con su última versión:




    Presionamos en “Paquete” en la barra de herramienta, y luego marcar para instalar.
Seguidamente nos muestra una ventana para marcar los cambios adicionales requeridos;
donde haremos clic en “Marcar”, en la parte inferior de la ventana:




Paso 9: Una vez seleccionado:
Presionamos Aplicar en la parte superior:




Paso 10:    Nos pregunta si queremos aplicar los cambios siguientes? Y seleccionamos
donde dice Para ser instalado, y por último Aplicar:
Y comenzará a descargar los paquetes para la instalación:




Luego de descargar los paquetes para la instalación; comienza a instalar el software:
Paso 11: Una vez instalado, podemos acceder al programa desde el escritorio, haciendo
clic en Aplicaciones>Internet>Filezilla; tal como se muestra a continuación:
Una vez que hacemos clic para abrir el programa filezilla nos aparecerá la ventana:
A continuación veremos:


                     ¿Cómo configurar un servidor web gratuito?
                       Específicamente www.000webhost.com


NOTA:

        Antes de comenzar a detallar los pasos para configurar el servidor web gratuito
www.000webhost.com, es importante señalar que a la hora de crear la cuenta en el servidor,
necesitaremos una cuenta de correo electrónico preferiblemente Gmail. En caso de ya
poseerla no hay ningún problema; pero en el caso de que no se posea dicha cuenta, será
necesario crear una cuenta. Es por ello que a continuación les presento los pasos que deben
seguir para crear una cuenta Gmail:



                            ¿Como crear una cuenta Gmail?

Paso 1: Una vez en la pagina de inicio del buscador Google, en la barra de herramientas
superior, donde dice Gmail hacemos clic:
Paso 2: Luego nos aparece la ventana, donde haremos clic en   “CREAR UNA
CUENTA”

:




Paso 3:   Comenzamos a llenar el formulario:
Primero Nombre y Apellido:




Luego el nombre de usuario, contraseña y confirmación de contraseña:
Posteriormente la fecha de nacimiento, sexo




“El teléfono móvil no es obligatorio”



Luego el correo electrónico actual:
Después escribimos las dos palabras que aparecen en el recuadro:




Luego aceptamos las condiciones del servicio y la política de privacidad:
Y por último hacemos clic en siguiente paso:




Paso 4: Nos aparece creación del perfil. Si queremos podemos añadir una foto a nuestro
perfil; o sino posteriormente hacemos clic en Paso siguiente:
Y eso es todo; ya está creada nuestra cuenta de Gmail. Hacemos clic en Ir a Gmail:




Comenzará a cargar nuestra dirección de gmail:
Luego nos aparece una ventana donde podremos ver los correos que recibiremos:
Ahora SI………..

                 Veamos ¿Cómo configurar el servidor web gratuito
                            www.000webhost.com?




Paso 1: Ir al buscador y teclear el nombre 000webhost
Paso 2: Nos aparece en primera opción la página del servidor: 000webhost
(www.000webhost.com/). Hacemos clic directamente en ella; o si queremos podemos hacer
clic en “Traducir esta página”, ya que la página originalmente está en inglés.
Paso 3: Una vez dentro de la página:




Bajamos, y hacemos clic en Order Now de la sección “Free Hosting”; esto es para crear
una cuenta en el servidor:
Paso 4: Luego nos aparecen una especie de formulario que debemos llenar para poder crear
la cuenta en el servidor. Llenamos casilla por casilla:




Paso 5: Primero escribimos el nombre que queremos darle al subdominio gratis que
usaremos:
Paso 6: Luego escriben su nombre, email (dirección de correo Gmail) y contraseña:
Es en este paso donde les comentaba que necesitaríamos la dirección de correo gmail.




Paso 7: Luego hacemos clic en la casilla Estoy de acuerdo con Términos de Servicio:
Paso 8: Y por último hacemos clic en Crear mi cuenta:




Y ya tendremos creada nuestra cuenta en el servidor web gratuito www.000webhost.com
Luego nos aparecerá una ventana donde se mostrará información acerca de nuestro dominio
creado, el status y la action:




Paso 9: Luego hacemos clic en Resend Email, de la columna Action, para que nos envíe a
la cuenta gmail creada, un correo de confirmación de nuestra cuenta en el servidor.
Al hacer clic, nos aparece una ventana indicando que el correo con el link de confirmación
fue enviado a nuestra cuenta de correo gmail:




Paso 10: Para ver el correo con el enlace de confirmación, simplemente presionamos el
botón “Iniciar sesión” en la parte superior derecha de la página:
Nos aparecerá la ventana de iniciar sesión, donde colocaremos nuestra dirección de correo
gmail y nuestra contraseña. Y posteriormente presionaremos iniciar sesión:




Comenzará a cargar la cuenta:
Una vez en el buzón de entrada de correos, abrimos el correo enviado por el servidor
000webhost.com, para confirmar la cuenta creada:




Al abrirlo podemos ver el enlace que nos permitirá confirmar la creación de la cuenta en el
servidor, y hacemos clic en él:
Paso 11: Luego, ese enlace nos direcciona nuevamente a la página del servidor donde
aparece la descripción de nuestro dominio:




Luego hacemos clic en la dirección del dominio:
Nos aparece una ventana, donde se muestra un mensaje indicando que el sitio web está en
funcionamiento:




Si regresamos a la ventana que muestra la información de nuestra cuenta creada en el
servidor, podemos observar que ya el Status de la cuenta habrá cambiado a Active (Activo)
Paso 12: Posteriormente haremos clic en Go to CPanel, que es una herramienta de
administración basado en tecnologías web para administrar sitios de manera fácil:




Al hacer clic en CPanel, nos mostrará una ventana donde podemos notar al lado derecho
una columna donde se presenta toda la información de nuestra cuenta; como dirección de
dominio, nombre de usuario, contraseña, nombre de servidor; entre otros:




                    Y ya tenemos configurado nuestro servidor web.
Ahora veamos……. ¿Como configurar filezilla para subir archivos FTP al servidor
                         www.000webhost.com?

Paso 1: Abrimos filezilla; para ello nos ubicamos en el escritorio haciendo clic en
Aplicaciones>Internet>Filezilla; tal como se muestra a continuación:
Paso 2: Al abrir nos mostrará la ventana:




Paso 3: Hacemos clic en Gestor de Sitios, ubicado en la barra de herramientas en la parte
superior de la ventana:
Paso 4: Luego de hacer clic en Gestor de Sitios, nos aparecerá la siguiente ventana:




Donde iremos llenando el formulario que se nos presenta: Servidor, tipo de servidor,
nombre de usuario, y contraseña. Datos que obtendremos de la información de nuestra
cuenta del servidor www.000webhost.com:
Paso 5: En la parte de Selección de sitio al lado izquierdo de la ventana, podemos elegir un
nuevo sitio al que le daremos el nombre del nuestro nombre de usuario asignado cuando
creamos nuestra cuenta en el servidor. Mismo nombre que colocaremos en la sección de
Servidor del lado derecho de la ventana del gestor de sitios:
Paso 6: Luego en la sección de puerto colocamos 21 y la sección de Server Type la
colocamos en FTP, que es el tipo de archivo que vamos a subir:
Paso 7:    Después en la sección Logon Type, seleccionamos normal; seguidamente
colocamos el nombre de usuario, también ubicado en la información de la cuenta que
creamos en el servidor, y la contraseña:
Paso 8: Una vez hecho esto, hacemos clic en el botón conectar, ubicado en la parte inferior
de la ventana:




Paso 9: Luego comenzará a cargar la conexión al servidor web, para generar un sitio
remoto donde se almacenaran todos los archivos que deseemos subir a nuestro servidor. En
este caso nos generará un sitio remoto denominado public_html/. Igualmente nos mostrará
el estado de la conexión:
Ahora a nuestro servidor podemos agregar una página web simple:
                        ¿Cómo creamos una página web?




Paso 1: Abrimos el editor de texto gedit, desde el escritorio, hacemos clic en
Aplicaciones>Accesorios>Editor de texto gedit:
Paso 2: Elaboramos el código fuente de nuestra página, agregando cierto contenido; por
ejemplo: ¿Qué es accesibilidad web?, ¿Cuáles son los estándares para accesibilidad web?.
Todo esto tomando en cuenta las etiquetas html:
Paso 3: Una vez listo el código, procedemos a guardarlo. Seleccionamos guardar en la
barra de herramientas ubicado en la parte superior de la ventana:




Paso 4: Le damos un nombre .html y elegimos la ubicación donde lo queremos guardar, y
le damos guardar:
Paso 5: Luego podemos buscar nuestro archivo, dependiendo la ubicación que le dimos.
Por ejemplo: en el escritorio:
Luego nos tocaría validar la página:

                            ¿Cómo validar la página web?

Paso 1: Vamos al buscador, y tecleamos: validator w3c




Paso 2: Al igual que en los procesos realizados anteriormente, podemos hacer clic
directamente sobre el nombre The W3C Markup Validation Service; o hacer clic en
Traducir página, ya que la página viene originalmente en inglés:
Paso3: Luego nos aparece la página donde podremos ingresar la ubicación del archivo
.html para hacer el debido proceso de validación:




Paso 4: Elegimos Validar mediante Carga de archivos:
Paso 5: Luego hacemos clic en examinar para buscar la ubicación del archivo:




Paso 6: Localizamos el archivo, hacemos clic sobre él, y luego presionamos abrir en la
parte inferior de la ventanita:
Paso 7: Una vez cargado el archivo al validador:




Paso 8: Presionamos Check para verificar que no existan errores en el archivo, y lo valide:
Paso 9: De estar correcto, sin ningún tipo de errores, nos mostrará una ventana indicando
que la página está correctamente validada, tal como se muestra en la siguiente imagen:
Y ahora, una vez validada nuestra página web, procederemos a integrarla en nuestro
servidor creado, mediante filezilla:



Paso 1: Ya que nuestro archivo .html (página) lo tenemos en el escritorio, se nos haría fácil
arrastrarla hacia la sección de filezilla de tipo de archivo que queremos subir a nuestro
servidor:

                                       Archivo .html




                                                                                      Tipo de
                                                                                      archivo
                                                                                      a subir
Arrastramos el archivo
                                             .html hasta la sección de
                                             tipo de archivo a subir al
                                             servidor




Paso 2: Una vez que el archivo .html este dentro de la sección de los archivos a subir para
el servidor web, comenzará una comprobación y nos mostrará el estado de la transferencia
del archivo al servidor:
Una vez que el archivo este transferido correctamente al servidor; sólo nos quedará integrar
el nombre .html del archivo, al dominio creado en el servidor web 000webhost:




                     Dominio creado en el            Nombre del archivo
                     servidor 000webhost              .html seguido de /
Luego al hacer clic en ese enlace nos debe aparecer el contenido de nuestra página web, el
cuál se encuentra ubicado en nuestro servidor web.

De ser así, cumplimos con el objetivo del tutorial:




Como pueden observar si nos muestra el contenido que agregamos en nuestro archivo .html
(página) creado.

Lo que quiere decir que se cumplió exitosamente con el tutorial…




                                 “ÉXITOS”

More Related Content

What's hot

Manual de descargas con Mipony
Manual de descargas con MiponyManual de descargas con Mipony
Manual de descargas con MiponyKoldo Parra
 
Navegadoresdeinternet
NavegadoresdeinternetNavegadoresdeinternet
Navegadoresdeinternettsuperiori
 
Navegadoresdeinternet jhon luna
Navegadoresdeinternet jhon lunaNavegadoresdeinternet jhon luna
Navegadoresdeinternet jhon lunaDidier Luna
 
Guia Basica De Firefox
Guia Basica De FirefoxGuia Basica De Firefox
Guia Basica De FirefoxCarlos1584
 
Como crear una cuenta de gmail
Como crear una cuenta de gmailComo crear una cuenta de gmail
Como crear una cuenta de gmailSYMAECOFFICIAL
 
Navegadores Web
Navegadores WebNavegadores Web
Navegadores WebDani Díaz
 
LOS 5 NAVEGADORES MAS USADOS
LOS 5 NAVEGADORES MAS USADOSLOS 5 NAVEGADORES MAS USADOS
LOS 5 NAVEGADORES MAS USADOScandreslozano
 
Montar un servidor web win7
Montar un servidor web win7Montar un servidor web win7
Montar un servidor web win7New York
 
Tutorial masher
Tutorial masherTutorial masher
Tutorial masherdsisalema
 
Jsf tutorial
Jsf tutorialJsf tutorial
Jsf tutorialjaiverlh
 
Latch en Linux (Ubuntu): El cerrojo digital
Latch en Linux (Ubuntu): El cerrojo digitalLatch en Linux (Ubuntu): El cerrojo digital
Latch en Linux (Ubuntu): El cerrojo digitalChema Alonso
 
Tutorial para la publicacion de un documento en el bog mediante slide sare
Tutorial para la publicacion de un documento en el bog mediante slide sareTutorial para la publicacion de un documento en el bog mediante slide sare
Tutorial para la publicacion de un documento en el bog mediante slide sareJovaniFrasco
 
Edr andrade.v.p ablo.a_guerra_veintimilla_hamachi
Edr andrade.v.p ablo.a_guerra_veintimilla_hamachiEdr andrade.v.p ablo.a_guerra_veintimilla_hamachi
Edr andrade.v.p ablo.a_guerra_veintimilla_hamachiAlejandro Andrade
 
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezManual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezBrox Technology
 
Comparticion de documentos_en_red
Comparticion de documentos_en_redComparticion de documentos_en_red
Comparticion de documentos_en_redmanuelalonso95
 

What's hot (20)

Manual de descargas con Mipony
Manual de descargas con MiponyManual de descargas con Mipony
Manual de descargas con Mipony
 
Navegadoresdeinternet
NavegadoresdeinternetNavegadoresdeinternet
Navegadoresdeinternet
 
Navegadoresdeinternet jhon luna
Navegadoresdeinternet jhon lunaNavegadoresdeinternet jhon luna
Navegadoresdeinternet jhon luna
 
Foca API v0.1
Foca API v0.1Foca API v0.1
Foca API v0.1
 
Guia Basica De Firefox
Guia Basica De FirefoxGuia Basica De Firefox
Guia Basica De Firefox
 
Como crear una cuenta de gmail
Como crear una cuenta de gmailComo crear una cuenta de gmail
Como crear una cuenta de gmail
 
Navegadores Web
Navegadores WebNavegadores Web
Navegadores Web
 
LOS 5 NAVEGADORES MAS USADOS
LOS 5 NAVEGADORES MAS USADOSLOS 5 NAVEGADORES MAS USADOS
LOS 5 NAVEGADORES MAS USADOS
 
Montar un servidor web win7
Montar un servidor web win7Montar un servidor web win7
Montar un servidor web win7
 
Tutorial masher
Tutorial masherTutorial masher
Tutorial masher
 
Jsf tutorial
Jsf tutorialJsf tutorial
Jsf tutorial
 
Latch en Linux (Ubuntu): El cerrojo digital
Latch en Linux (Ubuntu): El cerrojo digitalLatch en Linux (Ubuntu): El cerrojo digital
Latch en Linux (Ubuntu): El cerrojo digital
 
Tutorial para la publicacion de un documento en el bog mediante slide sare
Tutorial para la publicacion de un documento en el bog mediante slide sareTutorial para la publicacion de un documento en el bog mediante slide sare
Tutorial para la publicacion de un documento en el bog mediante slide sare
 
Edr andrade.v.p ablo.a_guerra_veintimilla_hamachi
Edr andrade.v.p ablo.a_guerra_veintimilla_hamachiEdr andrade.v.p ablo.a_guerra_veintimilla_hamachi
Edr andrade.v.p ablo.a_guerra_veintimilla_hamachi
 
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezManual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
 
Curso Cms 03
Curso Cms 03Curso Cms 03
Curso Cms 03
 
Programas P2P
Programas P2PProgramas P2P
Programas P2P
 
Comparticion de documentos_en_red
Comparticion de documentos_en_redComparticion de documentos_en_red
Comparticion de documentos_en_red
 
Wordpress 2222
Wordpress 2222 Wordpress 2222
Wordpress 2222
 
Tipos de navegadores
Tipos de navegadoresTipos de navegadores
Tipos de navegadores
 

Viewers also liked

Viewers also liked (12)

06. Internet. Aula Abierta. Ftp. UtilizacióN De Gftp
06. Internet. Aula Abierta. Ftp. UtilizacióN De Gftp06. Internet. Aula Abierta. Ftp. UtilizacióN De Gftp
06. Internet. Aula Abierta. Ftp. UtilizacióN De Gftp
 
Sesion mat 08
Sesion mat 08Sesion mat 08
Sesion mat 08
 
Calendario ccbb 2011
Calendario ccbb 2011Calendario ccbb 2011
Calendario ccbb 2011
 
I3 book 07
I3   book 07I3   book 07
I3 book 07
 
Evolución de la web 1.0 hasta la web 7.0
Evolución de la web 1.0 hasta la web 7.0Evolución de la web 1.0 hasta la web 7.0
Evolución de la web 1.0 hasta la web 7.0
 
Super grupo
Super grupoSuper grupo
Super grupo
 
Tabletnet
TabletnetTabletnet
Tabletnet
 
Ppt profesor
Ppt profesorPpt profesor
Ppt profesor
 
Aprendizaje Significativo
Aprendizaje SignificativoAprendizaje Significativo
Aprendizaje Significativo
 
Tecnologia mundial
Tecnologia mundialTecnologia mundial
Tecnologia mundial
 
El aula del futuro - Verano TICs 2013 UNACHI Panamá
El aula del futuro - Verano TICs 2013 UNACHI PanamáEl aula del futuro - Verano TICs 2013 UNACHI Panamá
El aula del futuro - Verano TICs 2013 UNACHI Panamá
 
Reactivos hdt
Reactivos hdtReactivos hdt
Reactivos hdt
 

Similar to Tutorial de electiva

06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla
06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla
06. Internet. Aula Abierta. Ftp. Gestores De Ftp. FilezillaJosé M. Padilla
 
05. Cómo instalar Filezilla y conectarse al servidor
05.  Cómo instalar Filezilla y conectarse al servidor05.  Cómo instalar Filezilla y conectarse al servidor
05. Cómo instalar Filezilla y conectarse al servidorkepamara
 
fireFtp guia rápida
fireFtp guia rápidafireFtp guia rápida
fireFtp guia rápidamarujaja8818
 
Tutorial de file zilla
Tutorial de file zillaTutorial de file zilla
Tutorial de file zillaRerogramadorx
 
MANUAL DE AYUDA Aplicacion BiLA.pdf
MANUAL DE AYUDA Aplicacion BiLA.pdfMANUAL DE AYUDA Aplicacion BiLA.pdf
MANUAL DE AYUDA Aplicacion BiLA.pdfpapi3 default
 
Guia de servidor ftp serv U
Guia de servidor ftp serv UGuia de servidor ftp serv U
Guia de servidor ftp serv Ujeaveci
 
Analisis forense con win ufo
Analisis forense con win ufoAnalisis forense con win ufo
Analisis forense con win ufoTensor
 
Compresor de archivos
Compresor de archivosCompresor de archivos
Compresor de archivosVictor Lopez
 
Producto 4 programacion web
Producto 4 programacion webProducto 4 programacion web
Producto 4 programacion webEdgar Chacha
 

Similar to Tutorial de electiva (20)

06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla
06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla
06. Internet. Aula Abierta. Ftp. Gestores De Ftp. Filezilla
 
Guia de aprendizaje configurar ftp en server 2008
Guia de aprendizaje configurar ftp en server 2008Guia de aprendizaje configurar ftp en server 2008
Guia de aprendizaje configurar ftp en server 2008
 
05. Cómo instalar Filezilla y conectarse al servidor
05.  Cómo instalar Filezilla y conectarse al servidor05.  Cómo instalar Filezilla y conectarse al servidor
05. Cómo instalar Filezilla y conectarse al servidor
 
Filezilla
FilezillaFilezilla
Filezilla
 
fireFtp guia rápida
fireFtp guia rápidafireFtp guia rápida
fireFtp guia rápida
 
Tutorial de file zilla
Tutorial de file zillaTutorial de file zilla
Tutorial de file zilla
 
Internet Explorer 9
Internet Explorer 9Internet Explorer 9
Internet Explorer 9
 
MANUAL DE AYUDA Aplicacion BiLA.pdf
MANUAL DE AYUDA Aplicacion BiLA.pdfMANUAL DE AYUDA Aplicacion BiLA.pdf
MANUAL DE AYUDA Aplicacion BiLA.pdf
 
Instrucciones
InstruccionesInstrucciones
Instrucciones
 
Como subir archivos a un servidor con filezilla
Como subir archivos a un servidor con filezillaComo subir archivos a un servidor con filezilla
Como subir archivos a un servidor con filezilla
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Guia de servidor ftp serv U
Guia de servidor ftp serv UGuia de servidor ftp serv U
Guia de servidor ftp serv U
 
Analisis forense con win ufo
Analisis forense con win ufoAnalisis forense con win ufo
Analisis forense con win ufo
 
Internet explorer 9
Internet explorer 9Internet explorer 9
Internet explorer 9
 
Compresor de archivos
Compresor de archivosCompresor de archivos
Compresor de archivos
 
Producto 4 programacion web
Producto 4 programacion webProducto 4 programacion web
Producto 4 programacion web
 
Firefox
FirefoxFirefox
Firefox
 
Internet explorer 9
Internet explorer 9Internet explorer 9
Internet explorer 9
 
Trabajo de informática
Trabajo de informáticaTrabajo de informática
Trabajo de informática
 
Manual ftp
Manual ftpManual ftp
Manual ftp
 

Tutorial de electiva

  • 1. REPÚBLICA BOLIVARIANA DE VENEZUELA MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN UNIVERSITARIA INSTITUTO UNIVERSITARIO DE TECNOLOGÍA DE YARACUY INDEPENDENCIA - EDO. YARACUY Tutorial que muestra los pasos para: 1. Descargar e instalar FileZilla bajo el sistema operativo Canaima 3.0 2. Configurar un servidor web gratuito. 3. Desarrollar una web simple validada por el W3C Elaborado por: Luis Joaquín Gómez Calderón PNF Informática IUTY
  • 2. FileZilla FileZilla es un cliente FTP multiplataforma de código abierto y software libre, licenciado bajo la Licencia Pública General de GNU. Soporta los protocolos FTP, SFTP y FTP sobre SSL/TLS (FTPS). Las principales características de FileZilla son:  Administrador de sitios: permite a un usuario crear una lista de sitios FTP con sus datos de conexión, como el número de puerto a usar, o si se utiliza inicio de sesión normal o anónima. Para el inicio normal, se guarda el usuario y, opcionalmente, la contraseña.  Registro de mensajes: se muestra en la parte superior de la ventana. Muestra en forma de consola los comandos enviados por FileZilla y las respuestas del servidor remoto.  Vista de archivo y carpeta: situada en la parte central de la ventana, proporciona una interfaz gráfica para FTP. Los usuarios pueden navegar por las carpetas, ver y alterar sus contenidos tanto en la máquina local como en la remota, utilizando una interfaz de tipo árbol de exploración. Los usuarios pueden arrastrar y soltar archivos entre los ordenadores local y remoto.  Cola de transferencia: situada en la parte inferior de la ventana, muestra en tiempo real el estado de cada transferencia activa o en cola. ¿Como descargar FileZilla paso a paso bajo Canaima 3.0? Paso 1: Encender el computador con sistema operativo Canaima 3.0. Una vez encendido le mostrará la siguiente ventana del escritorio:
  • 3. Paso 2: Luego abrimos el navegador web que posea el equipo; por ejemplo el navegador web “Cunaguaro” que es el navegador incluido en la versión 3.0 de Canaima; se encuentra ubicado en la barra de herramienta superior de la pantalla; tal como se muestra en la siguiente imágen: Paso 3: Una vez que abrimos el navegador Cunaguaro, nos aparece la siguiente pantalla:
  • 4. Paso 4: Elegimos un buscador web; por ejemplo Google. Simplemente escribimos el nombre google.co.ve en la barra de enlaces y presionamos enter: Paso 5: Ir a la página de FileZilla. Simplemente escribimos la palabra filezilla en el buscador y presionamos enter, para localizar el sitio web desde donde podamos descargar el programa:
  • 5. Paso 6: Luego nos aparece la página de FileZilla-The free FTP solution (http://filezilla- project.org/) como primera opción. Le damos clic directamente sobre el nombre, o podemos hacer clic en traducir esta página, puesto que originalmente la página está en inglés: Paso 7: Una vez que entramos a la página de FileZilla, nos aparecerá así:
  • 6. Paso 8: Podemos observar que la página en el apartado de enlaces rápidos de descarga, nos da la opción de descargar filezilla como cliente (para todas las plataformas) y como servidor (solo para Windows): Paso 9: En este caso, la opción a elegir será descargar filezilla como cliente:
  • 7. Paso 10: Al elegir “descargar filezilla como cliente” nos aparecerá las diversas opciones de descargas dependiendo de la plataforma que posea:
  • 8. Paso 11: En este caso, por estar trabajando en Canaima (GNU/Linux), elegimos el archivo de descarga correspondiente a GNU/Linux: Paso 12: Una vez elegida la opción, esperaremos que comience la descarga:
  • 9. Paso 13: Aparecerá una ventana para comenzar la descarga. Podemos elegir la opción “Abrir con:” y a su vez la aplicación con que deseemos abrirlo; o simplemente elegir la opción “Guardar archivo”, y a su vez la ubicación del archivo. Luego presionamos Aceptar: Y comienza a descargarse:
  • 10. Una vez culminada la descarga: Luego, en el escritorio podemos hacer clic en equipo y después buscar la ubicación del archivo que descargamos. Normalmente queda almacenado en la carpeta “Descargas” del escritorio. Esto dependiendo si no se le da una ubicación diferente a la hora de guardar el archivo. Tal como lo vimos anteriormente. “Y ya, así se descarga el programa”.
  • 11. ¿Como instalar FileZilla paso a paso bajo Canaima 3.0? Paso 1: Nos ubicamos en el escritorio: Paso 2: En la barra de herramientas superior de la pantalla, presionamos Sistema>Administración>Gestor de Paquetes Synaptic:
  • 12. Paso 3: Nos aparecerá la ventana del Gestor de Paquetes Synaptic: El Gestor de Paquetes Synaptic, es especialmente útil en la instalación y desinstalación de programas cuando ocurren conflictos de dependencias que no se pueden resolver automáticamente. Synaptic es una aplicación mucho más avanzada que el Centro de software de Ubuntu, y es un gestor de paquetes muy potente. Como pueden observar la ventana principal se encuentra dividida en varias áreas diferenciadas:  En la parte izquierda tienes un listado de categorías de aplicaciones en las que se clasifican los paquetes: administración del sistema, bibliotecas, comunicación; entre otros.  A la derecha, cuando seleccionas una categoría, obtienes la lista de aplicaciones de dicha categoría. En esta ventana puedes ver el estado de cada paquete mediante una leyenda de iconos característica (acude al menú Ayuda – Leyenda de Iconos para ampliar esta información). El icono de color verde significa que el paquete está instalado; si es blanco que no lo está, verde y con una flecha significa que el paquete tiene una versión
  • 13. actualizada... Si incluye un icono de Ubuntu indica que el paquete está soportado oficialmente por la distribución.  Justo debajo, en la parte inferior derecha puedes ver la descripción del paquete seleccionado y sus características. Un botón Obtener captura de pantalla te permitirá ver una miniatura de la ventana principal de la aplicación (no siempre disponible). Si tienes seleccionado un determinado paquete y, a continuación, pulsas sobre el botón Propiedades de la barra de herramientas podrás ver sus características, como su nombre, la versión instalada o la versión posible actualizada, las dependencias, las carpetas utilizadas para copiar los archivos (muy útil, para localizar la documentación, los iconos o el archivo que lanza la aplicación, entre otros). Paso 4: Para instalar un paquete, se puede hacer ingresando primero el nombre del paquete en la ventanita de buscar. En este caso escribiremos filezilla:
  • 14. Nos aparecerá luego una ventanita de Buscar (como superusuario); donde escribimos nuevamente filezilla, y luego hacemos clic en Buscar: Paso 5: Luego nos aparecerá una ventana indicando la descarga de información de paquetes:
  • 15. Después de haberse descargado la información del paquete; nos aparece una ventana preguntándonos si deseamos marcar los cambios adicionales requeridos? Y hacemos clic luego en Marcar en la parte inferior. Paso 6: Luego en la parte izquierda nos aparecerá el paquete filezilla.
  • 16. Si queremos obtener todas las actualizaciones del paquete, hacemos clic en la parte superior donde dice Marcar todas las actualizaciones: Y nos aparecerá luego una ventana para seleccionar los cambios adicionales requeridos; y hacemos clic en Marcar en la parte inferior de la ventanita:
  • 17. Paso 7: Luego seleccionado el paquete, hacemos clic en el botón Aplicar de la barra de herramientas para iniciar el proceso de instalación del paquete o paquetes necesarios. Nos aparece una ventana donde presionaremos la opción Para ser instalado; y después hacemos clic en “Aplicar” en la parte inferior de la ventanita:
  • 18. Paso 8: Posteriormente nos muestra los paquetes de filezilla con su última versión: Presionamos en “Paquete” en la barra de herramienta, y luego marcar para instalar.
  • 19. Seguidamente nos muestra una ventana para marcar los cambios adicionales requeridos; donde haremos clic en “Marcar”, en la parte inferior de la ventana: Paso 9: Una vez seleccionado:
  • 20. Presionamos Aplicar en la parte superior: Paso 10: Nos pregunta si queremos aplicar los cambios siguientes? Y seleccionamos donde dice Para ser instalado, y por último Aplicar:
  • 21. Y comenzará a descargar los paquetes para la instalación: Luego de descargar los paquetes para la instalación; comienza a instalar el software:
  • 22. Paso 11: Una vez instalado, podemos acceder al programa desde el escritorio, haciendo clic en Aplicaciones>Internet>Filezilla; tal como se muestra a continuación:
  • 23. Una vez que hacemos clic para abrir el programa filezilla nos aparecerá la ventana:
  • 24. A continuación veremos: ¿Cómo configurar un servidor web gratuito? Específicamente www.000webhost.com NOTA: Antes de comenzar a detallar los pasos para configurar el servidor web gratuito www.000webhost.com, es importante señalar que a la hora de crear la cuenta en el servidor, necesitaremos una cuenta de correo electrónico preferiblemente Gmail. En caso de ya poseerla no hay ningún problema; pero en el caso de que no se posea dicha cuenta, será necesario crear una cuenta. Es por ello que a continuación les presento los pasos que deben seguir para crear una cuenta Gmail: ¿Como crear una cuenta Gmail? Paso 1: Una vez en la pagina de inicio del buscador Google, en la barra de herramientas superior, donde dice Gmail hacemos clic:
  • 25. Paso 2: Luego nos aparece la ventana, donde haremos clic en “CREAR UNA CUENTA” : Paso 3: Comenzamos a llenar el formulario:
  • 26. Primero Nombre y Apellido: Luego el nombre de usuario, contraseña y confirmación de contraseña:
  • 27. Posteriormente la fecha de nacimiento, sexo “El teléfono móvil no es obligatorio” Luego el correo electrónico actual:
  • 28. Después escribimos las dos palabras que aparecen en el recuadro: Luego aceptamos las condiciones del servicio y la política de privacidad:
  • 29. Y por último hacemos clic en siguiente paso: Paso 4: Nos aparece creación del perfil. Si queremos podemos añadir una foto a nuestro perfil; o sino posteriormente hacemos clic en Paso siguiente:
  • 30. Y eso es todo; ya está creada nuestra cuenta de Gmail. Hacemos clic en Ir a Gmail: Comenzará a cargar nuestra dirección de gmail:
  • 31. Luego nos aparece una ventana donde podremos ver los correos que recibiremos:
  • 32. Ahora SI……….. Veamos ¿Cómo configurar el servidor web gratuito www.000webhost.com? Paso 1: Ir al buscador y teclear el nombre 000webhost
  • 33. Paso 2: Nos aparece en primera opción la página del servidor: 000webhost (www.000webhost.com/). Hacemos clic directamente en ella; o si queremos podemos hacer clic en “Traducir esta página”, ya que la página originalmente está en inglés.
  • 34. Paso 3: Una vez dentro de la página: Bajamos, y hacemos clic en Order Now de la sección “Free Hosting”; esto es para crear una cuenta en el servidor:
  • 35. Paso 4: Luego nos aparecen una especie de formulario que debemos llenar para poder crear la cuenta en el servidor. Llenamos casilla por casilla: Paso 5: Primero escribimos el nombre que queremos darle al subdominio gratis que usaremos:
  • 36. Paso 6: Luego escriben su nombre, email (dirección de correo Gmail) y contraseña: Es en este paso donde les comentaba que necesitaríamos la dirección de correo gmail. Paso 7: Luego hacemos clic en la casilla Estoy de acuerdo con Términos de Servicio:
  • 37. Paso 8: Y por último hacemos clic en Crear mi cuenta: Y ya tendremos creada nuestra cuenta en el servidor web gratuito www.000webhost.com
  • 38. Luego nos aparecerá una ventana donde se mostrará información acerca de nuestro dominio creado, el status y la action: Paso 9: Luego hacemos clic en Resend Email, de la columna Action, para que nos envíe a la cuenta gmail creada, un correo de confirmación de nuestra cuenta en el servidor.
  • 39. Al hacer clic, nos aparece una ventana indicando que el correo con el link de confirmación fue enviado a nuestra cuenta de correo gmail: Paso 10: Para ver el correo con el enlace de confirmación, simplemente presionamos el botón “Iniciar sesión” en la parte superior derecha de la página:
  • 40. Nos aparecerá la ventana de iniciar sesión, donde colocaremos nuestra dirección de correo gmail y nuestra contraseña. Y posteriormente presionaremos iniciar sesión: Comenzará a cargar la cuenta:
  • 41. Una vez en el buzón de entrada de correos, abrimos el correo enviado por el servidor 000webhost.com, para confirmar la cuenta creada: Al abrirlo podemos ver el enlace que nos permitirá confirmar la creación de la cuenta en el servidor, y hacemos clic en él:
  • 42. Paso 11: Luego, ese enlace nos direcciona nuevamente a la página del servidor donde aparece la descripción de nuestro dominio: Luego hacemos clic en la dirección del dominio:
  • 43. Nos aparece una ventana, donde se muestra un mensaje indicando que el sitio web está en funcionamiento: Si regresamos a la ventana que muestra la información de nuestra cuenta creada en el servidor, podemos observar que ya el Status de la cuenta habrá cambiado a Active (Activo)
  • 44. Paso 12: Posteriormente haremos clic en Go to CPanel, que es una herramienta de administración basado en tecnologías web para administrar sitios de manera fácil: Al hacer clic en CPanel, nos mostrará una ventana donde podemos notar al lado derecho una columna donde se presenta toda la información de nuestra cuenta; como dirección de dominio, nombre de usuario, contraseña, nombre de servidor; entre otros: Y ya tenemos configurado nuestro servidor web.
  • 45. Ahora veamos……. ¿Como configurar filezilla para subir archivos FTP al servidor www.000webhost.com? Paso 1: Abrimos filezilla; para ello nos ubicamos en el escritorio haciendo clic en Aplicaciones>Internet>Filezilla; tal como se muestra a continuación:
  • 46. Paso 2: Al abrir nos mostrará la ventana: Paso 3: Hacemos clic en Gestor de Sitios, ubicado en la barra de herramientas en la parte superior de la ventana:
  • 47. Paso 4: Luego de hacer clic en Gestor de Sitios, nos aparecerá la siguiente ventana: Donde iremos llenando el formulario que se nos presenta: Servidor, tipo de servidor, nombre de usuario, y contraseña. Datos que obtendremos de la información de nuestra cuenta del servidor www.000webhost.com:
  • 48. Paso 5: En la parte de Selección de sitio al lado izquierdo de la ventana, podemos elegir un nuevo sitio al que le daremos el nombre del nuestro nombre de usuario asignado cuando creamos nuestra cuenta en el servidor. Mismo nombre que colocaremos en la sección de Servidor del lado derecho de la ventana del gestor de sitios:
  • 49. Paso 6: Luego en la sección de puerto colocamos 21 y la sección de Server Type la colocamos en FTP, que es el tipo de archivo que vamos a subir:
  • 50. Paso 7: Después en la sección Logon Type, seleccionamos normal; seguidamente colocamos el nombre de usuario, también ubicado en la información de la cuenta que creamos en el servidor, y la contraseña:
  • 51. Paso 8: Una vez hecho esto, hacemos clic en el botón conectar, ubicado en la parte inferior de la ventana: Paso 9: Luego comenzará a cargar la conexión al servidor web, para generar un sitio remoto donde se almacenaran todos los archivos que deseemos subir a nuestro servidor. En este caso nos generará un sitio remoto denominado public_html/. Igualmente nos mostrará el estado de la conexión:
  • 52. Ahora a nuestro servidor podemos agregar una página web simple: ¿Cómo creamos una página web? Paso 1: Abrimos el editor de texto gedit, desde el escritorio, hacemos clic en Aplicaciones>Accesorios>Editor de texto gedit:
  • 53. Paso 2: Elaboramos el código fuente de nuestra página, agregando cierto contenido; por ejemplo: ¿Qué es accesibilidad web?, ¿Cuáles son los estándares para accesibilidad web?. Todo esto tomando en cuenta las etiquetas html:
  • 54. Paso 3: Una vez listo el código, procedemos a guardarlo. Seleccionamos guardar en la barra de herramientas ubicado en la parte superior de la ventana: Paso 4: Le damos un nombre .html y elegimos la ubicación donde lo queremos guardar, y le damos guardar:
  • 55. Paso 5: Luego podemos buscar nuestro archivo, dependiendo la ubicación que le dimos. Por ejemplo: en el escritorio:
  • 56. Luego nos tocaría validar la página: ¿Cómo validar la página web? Paso 1: Vamos al buscador, y tecleamos: validator w3c Paso 2: Al igual que en los procesos realizados anteriormente, podemos hacer clic directamente sobre el nombre The W3C Markup Validation Service; o hacer clic en Traducir página, ya que la página viene originalmente en inglés:
  • 57. Paso3: Luego nos aparece la página donde podremos ingresar la ubicación del archivo .html para hacer el debido proceso de validación: Paso 4: Elegimos Validar mediante Carga de archivos:
  • 58. Paso 5: Luego hacemos clic en examinar para buscar la ubicación del archivo: Paso 6: Localizamos el archivo, hacemos clic sobre él, y luego presionamos abrir en la parte inferior de la ventanita:
  • 59. Paso 7: Una vez cargado el archivo al validador: Paso 8: Presionamos Check para verificar que no existan errores en el archivo, y lo valide:
  • 60. Paso 9: De estar correcto, sin ningún tipo de errores, nos mostrará una ventana indicando que la página está correctamente validada, tal como se muestra en la siguiente imagen:
  • 61. Y ahora, una vez validada nuestra página web, procederemos a integrarla en nuestro servidor creado, mediante filezilla: Paso 1: Ya que nuestro archivo .html (página) lo tenemos en el escritorio, se nos haría fácil arrastrarla hacia la sección de filezilla de tipo de archivo que queremos subir a nuestro servidor: Archivo .html Tipo de archivo a subir
  • 62. Arrastramos el archivo .html hasta la sección de tipo de archivo a subir al servidor Paso 2: Una vez que el archivo .html este dentro de la sección de los archivos a subir para el servidor web, comenzará una comprobación y nos mostrará el estado de la transferencia del archivo al servidor:
  • 63. Una vez que el archivo este transferido correctamente al servidor; sólo nos quedará integrar el nombre .html del archivo, al dominio creado en el servidor web 000webhost: Dominio creado en el Nombre del archivo servidor 000webhost .html seguido de /
  • 64. Luego al hacer clic en ese enlace nos debe aparecer el contenido de nuestra página web, el cuál se encuentra ubicado en nuestro servidor web. De ser así, cumplimos con el objetivo del tutorial: Como pueden observar si nos muestra el contenido que agregamos en nuestro archivo .html (página) creado. Lo que quiere decir que se cumplió exitosamente con el tutorial… “ÉXITOS”