Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
CICLO: 02/2015
Nombre de la Prctica:
Lugar de Ejecucin:
Tiempo Estimado:
MATERIA:
DOCENTES:
GUIA DE LABORATORIO #1
Adquisicin de servicio webhosting
Centro de cmputo
2 horas con 30 minutos
Administracin de Contenidos en Internet
Inga. Laura Cceres / Ing. Hugo Dimas / Ing. Ricardo Elas
I. OBJETIVOS
En esta gua de prctica se pretende:
1. Determinar el servicio de webhosting apropiado a las necesidades.
2. Desarrollar habilidad en la configuracin y mantenimiento de un websosting.
3. Visualizar la diferencia entre espacio de almacenamiento y nombre de dominio.
4. Estar en capacidad de subir un sitio web con las herramientas de administracin brindadas por un servicio
de webhosting.
5. Utilizar un cliente FTP y demostrar capacidad y habilidad para configurarlo.
Tipos de webhosting
Los servicios de webhosting se suelen clasificar atendiendo al tipo de servicio y al costo del servicio prestado:
Alojamiento gratuito.
Alojamiento compartido.
Servidor virtual.
Servidor dedicado.
Alojamiento de archivos.
Nombres de dominio
El nombre de dominio es el nombre que identifica a un sitio web, viene a ser algo
as como la marca del sitio web, que ser nica en todo el Internet.
El propsito principal de los nombres de dominio y del sistema de nombres de
dominio en Internet es traducir las direcciones IP de cada nodo activo en la red a
palabras fcilmente memorizables y fciles de recordar.
Gracias al sistema de nombres de dominio no es necesario ingresar direcciones IP
en la barra de direcciones de un navegador.
En el cuadro de dilogo Gestor de sitios puede dar clic en el botn Nuevo sitio para iniciar la configuracin de
un nuevo sitio:
Al dar clic en el botn Nuevo sitio aparecer un nuevo icono en la seccin Seleccione el sitio del dilogo, justo
debajo de la carpeta raz Mis sitios. Estos sitios representan carpetas locales en el disco de la computadora donde
est instalado el cliente FTP.
Es necesario establecer
el servidor, el puerto,
que por defecto es el
puerto 21 (o 2121), el
protocolo, el modo de acceso y el usuario y la contrasea, en caso de que no elija el modo de acceso annimo.
Si la configuracin es exitosa, al hacer clic en el botn Conectar debera obtener el siguiente resultado:
En el panel izquierdo de la ventana encontrar los archivos en la carpeta local, en tanto que a la derecha se le
mostrarn las carpetas y archivos remotos (los del servidor).
Cantidad
1
1
1
IV. PROCEDIMIENTO
Ejercicio #1: Adquirir servicio de webhosting
1. Inicie el navegador de su preferencia: Internet Explorer, Firefox, Chrome, Safari, Opera, etc.
2. Ingrese en la barra de direccin del navegador la siguiente direccin http://www.000webhost.com/.
3. Lea el contenido de la pgina que carga y cuando est claro del servicio de webhosting que ofrecen, haga clic
en el botn Order Now, bajo la columna Free Hosting.
3. Ingrese los datos de su cuenta de alojamiento web, teniendo en cuenta que si ya posee un dominio registrado
en Internet podr llenar la casilla I want to host my own domain (domain must be registered already), de lo
contrario, deje vaca la anterior y llene en su lugar or, I will choose your free subdomain (recommended). Si el
subdominio seleccionado ya existe, la misma pgina le advertir y tendr que digitar uno nuevo. Este paso
requerir que ingrese una frase de seguridad, cuyo propsito es evitar el ataque de programas robots
especializados en llenado de formularios.
4. Si todo va bien al crear la cuenta debera aparecer una pgina como la siguiente:
Si algo est mal en los datos ingresados en el formulario se le indicar en el mismo formulario que se llen. Y
tendr que corregir esos datos que presenten problemas.
5. El sitio web automticamente lo redirigir a la siguiente pgina web y a la vez le enviar un correo electrnico
a la direccin de correo que ingres en el formulario de registro.
6. Cuando haya verificado que recibi un correo electrnico del servicio de webhosting 000webhost, haga clic
en el enlace Enter Control Panel. Es muy probable que al hacerlo se le solicite ingresar su cuenta de correo y
contrasea con la que realiz el registro de la cuenta.
7. Una vez hecho lo anterior podr ingresar al Cpanel. Si no se le solicita iniciar sesin, obvie el paso 6.
8. Una vez haya ingresado al Panel de control, vamos a subir nuestro primer sitio web al servidor remoto en
000webhost. Para esto tendr que buscar en la pgina la seccin Files, para dar clic en el icono File Manager:
9. Dentro del Administrador de archivo (File manager), podr realizar la administracin de los archivos en la
carpeta web, que para el caso de este servidor es public_html.
11. Vamos a crear una carpeta nueva en public_html, donde alojaremos los archivos del sitio que subiremos,
que ser uno de los ejercicios de la gua 11 de Lenguajes Interpretados en el Cliente del ciclo pasado. Primero,
lo haremos subiendo archivo por archivo al servidor y luego explicaremos, cmo se puede subir toda la carpeta
del sitio comprimida. Dentro del administrador de archivos debemos hacer clic en Nuevo directorio (New dir).
12. Podr crear ms de un directorio de una sola vez. En este caso solo crearemos uno que llamaremos pases,
as que solo llenar la primera caja de texto, luego deber dar clic al cheque verde para enviar el dato del nombre
de la carpeta:
13. Verifique que la carpeta se ha creado, volviendo a la carpeta public_html, que es donde se deseaba crear la
carpeta paises. Luego hay que dar clic en el enlace con el nombre de esa carpeta:
14. Estando dentro de la carpeta paises, damos clic en el botn Upload, para comenzar a subir archivos a esta
carpeta:
15. En la pgina para subir archivos del 000webhost, en la parte izquierda, hacemos clic sobre el botn
Seleccionar archivo. Luego en el dilogo Abrir, buscamos en el disco de nuestra computadora local, el primer
archivo a cargar al servidor. Despus repetimos el proceso para subir uno a uno, todos los archivos que requiere
nuestra aplicacin. Al tener todos los archivos seleccionados hacemos clic en el icono del cheque verde
NOTA: Debe tomar en cuenta las restricciones de la cuenta gratuita para los archivos que subir. En el caso de
000webhost son las siguientes:
16. Una vez haya terminado de subir los archivos de su sitio en la carpeta pases en el servidor remoto damos
clic en el icono regresar de la pgina anterior, con lo cual deberamos ver los archivos ya alojados dentro de la
carpeta paises, como se puede observar a continuacin:
17. Dentro de los recursos necesarios para que este ejemplo funcione, necesitamos las imgenes, que vienen
dentro de la carpeta de imgenes. En vista de que son varias, vamos a utilizar la funcionalidad de subir un
archivo comprimido que alojaremos adentro de la carpeta paises.
10
18. Verifique que la pgina generada reporte que todos los archivos han sido subidos al servidor de forma
correcta. El mensaje debe ser como el siguiente:
19. Al regresar a la carpeta pases, debera existir ahora, adems de los cuatro archivos subidos en el paso 16,
una carpeta llamada img. Como se puede verificar en esta imagen:
20. Podemos verificar que todas las imgenes estn dentro de la carpeta img, dando clic e ingresando en esta:
11
21. Ahora vamos a crear la base de datos que requiere este ejemplo, pero en el servidor 000webhost. Para ello
debemos regresar al Cpanel y en la seccin Software/Services, buscar el icono MySQL. Damos clic all.
22. Al ingresar a MySQL, observaremos una pgina en donde podemos administrar las bases de datos
disponibles y tambin, podremos crear nuevas bases de datos, con el lmite de bases de datos para el servicio
de webhosting gratuito, que para el caso de 000webhost son dos:
23. Como puede observar, las nuevas bases de datos que se crean, siempre deben llevar su cuenta de usuario
como prefijo del nombre que le quiera asignar. Esto es algo que nos obligar a editar nuestro script de conexin,
si no lo habamos tomado en cuenta durante el desarrollo del sitio localmente. Ingresamos entonces el nombre
de la base de datos en Nombre de la base de datos (MySQL database name). El resto de datos Usuario de MySQL
(MySQL user name), contrasea del usuario MySQL (Password for MySQL user) y Ingresar contrasea
nuevamente (Enter password again) debe ingresarlos como se indica. La contrasea a utilizar ser aci$tud3nt.
12
24. Debe guardar los datos reportados por el servidor, una vez creada la base de datos. Podr observar que el
usuario asignado a esta base, solo le permite acceder a esta base de datos, no a la(s) otra(s) bases en el servidor
MySQL. Guarde esta informacin porque la utilizar para editar el script de conexin de su sitio web.
26. A continuacin, vamos a ejecutar el script MySQL que crear las tablas de nuestra base de datos pases, que
en el servidor tiene el nombre: a4320823_paises. Para ello debe acceder de nuevo al Cpanel y dar clic en el icono
phpMyAdmin para acceder a la base de datos:
27. Al dar clic en phpMyAdmin podr tener acceso a enlaces hacia las bases de datos de su sitio web, en el caso
del ejemplo que mostramos existen dos (cantidad mxima para alojamiento gratuito en 000webhost). En el caso
suyo, solo debera aparecer una. A menos que se haya registrado con anterioridad en 000webhost usando esta
cuenta y hubiera creado una base de datos en ese momento. Deber dar clic en el enlace Enter phpMyAdmin
correspondiente a la base de datos a4320823_paises.
13
28. Cuando est en el phpMyAdmin, puede utilizar el enlace SQL en las fichas del panel central de la pgina de
administracin de phpMyAdmin:
29. En el siguiente paso debe copiar todas las lneas del script pases.sql, que viene adjunto en esta gua de
prctica, copiarlos y luego pegarlos en el rea de texto de la pestaa SQL que abri en el paso previo. Cuando
pegue las lneas haga en el botn Go para ejecutar las instrucciones en el servidor MySQL y crear las tablas de
la base de datos.
14
30. Si se ejecut correctamente el script, deber observar en el panel izquierdo del phpMyAdmin la tabla pas,
como nica tabla de la base de datos a4320823_paises.
15
32. Al dar clic en el enlace pas del panel izquierdo del phpMyAdmin, cargar la estructura de la tabla pas:
33. Para examinar los registros de la tabla pas, puede dar clic en la pestaa Browse en el panel central:
34. Ahora que ya tenemos la base de datos montada en el servidor, solo falta editor el script de conexin, que
est en el script prevlinks.php. Para acceder, debe volver a la ventana del Cpanel e ingresar al Administrador
de archivos (File manager). Al ingresar, debe ir a la lista de archivos en la carpeta pases en el servidor y dar
clic en el enlace Edit correspondiente, que aparece en la seccin Actions del Administrador.
16
36. Ahora solo resta abrir el navegador y ejecutar el script prevlinks.html. Ingresando la siguiente direccin:
http://lisfet.herobo.com/paises/prevlinks.html (usted tendr que reemplazar el dominio de este enlace por el
que le hayan asignado cuando se registr en 000webhost).
17
3.
Ingresa a la cuenta de correo electrnico que utilizaste para el registro y confirma haciendo clic sobre el
enlace que te ha enviado hostinger para activar la cuenta.
4.
5.
18
6.
Confirma la orden, poniendo especial atencin en indicar que no eres un robot ingresando el captcha
generado en la caja de texto.
7.
Si el registro ha sido exitoso deberas ser redirigido a la siguiente pgina, en donde debes hacer clic en el
dominio que se eligi para ingresar a la configuracin en el panel de administracin.
8.
9.
Interacte con el panel administrativo para subir los archivos proporcionados en los recursos de la gua de
prctica de modo que se pueda acceder al sitio web con la cuenta creada.
19
2. En la pgina web del sitio, haga clic en Free hosting para iniciar el registro del servicio.
3. Lea detenidamente las caractersticas principales del sitio web, tanto las resumidas como las completas,
poniendo especial atencin a los servicios que ofrece, poniendo especial inters en el soporte de PHP y
MySQL:
4. Al final de la pgina anterior, busque al final de las caractersticas del servicio el enlace de registro para
obtener el servicio:
20
6. Al cargar la pgina despus de hacer clic en Registrar, vaya a la cuenta de correo electrnico que utiliz en
el registro y siga las instrucciones para activar su nueva cuenta en el servicio de alojamiento web.
7. Active su cuenta ingresando a su correo electrnico y copiando el enlace de activacin para cargarlo en una
nueva pgina web.
21
11. Ingrese al sitio web que acaba de crear utilizando el enlace proporcionado de su Home page (pgina de
inicio).
22
12. Ahora, ingrese al rea de administracin del sitio web que tambin le proporcion el servicio de
webhosting. Para ingresar proporcione el nombre de usuario y contrasea que le fue proporcionado en el
mensaje de correo electrnico que le enviaron a su cuenta. (http://panel.byethost.com/).
13. Utilice el panel administrativo para ingresar al Administrador de archivos (Online File Manager).
14. Practique subiendo el mismo sitio anterior a este servicio de alojamiento web, creando tambin la base de
datos correspondiente (pases.sql).
23
2)
Utilice la herramienta de administracin Cpanel y cree una base de datos con dos o tres tablas, a lo sumo.
Cree al menos cuatro scripts PHP y una pgina de men para llamar a los cuatro scripts anteriores que
debern ser mantenimientos para las tablas creadas. Debe poderse insertar registros, eliminar registros,
modificar registros y consultarlos (solo haga la consulta de todos los registro, no filtre datos).
2)
Busque en internet un servicio de webhosting gratuito que le ofrezca ejecucin de scripts PHP y soporte
para bases de datos MySQL, regstrese y cree un nuevo sitio web con PHP que realice consultas a una base
de datos sencilla, con una sola tabla y que nos muestre informacin de esa tabla al cargar.
Siguiendo los pasos de la configuracin de un cliente FTP, configure el FileZilla para que pueda administrar
el sitio web que aloj en su servicio de webhosting gratuito desde una computadora remota. En caso de no
tener salida FTP desde el centro de cmputo realcelo desde la conexin de su casa.
24