IV- Subir Pagina Web en un Hosting Gratuito

1. Ahora procederemos a subir nuestro sitio a un hosting gratuito; el que utilizamos para realizar este ejemplo es el siguiente: http://www.000webhost.com/ Al entrar al sitio aparecer la siguiente ventana

2. Debemos registrarnos a dicho hosting con una cuenta de correo electrnico. Esto lo realizamos presionando el botn Order Now en Free Hosting. 3. Se le mostrar un formulario primero defina su subdominio en la seccin que dice (recommended) ya que es el gratuito, coloque un nombre para su URL en este caso se coloc carnetmsm115fiaues, usted sustituya la palabra carnet por su nmero de carnet de estudiante de la UES.

4. En la seccin de Your name escriba su nombre, en este caso como ejemplo se coloc Manejo de Software, en Your email digite una direccin de correo electrnico vlida y de su propiedad posteriormente a registrarse recibir un correo electrnico en su bandeja de entrada.

5. Luego debe ingresar un password o contrasea que posea mnimo 6 caracteres y el cual puede contener nicamente letras y nmeros.

6. Como ltimo paso digitamos el texto que se nos muestre en la imagen en el momento de registrarnos y hacemos clic en el checkbox junto a I agree to Terms Of Service para aceptar los trminos del servicio, finalmente damos clic en el botn Create My Account. Con lo que la nueva cuenta se habr creado en nuestro caso el hosting creado es http://carnetmsm115fiaues.net78.net/

Al final parecer una imagen como est indicando que est pendiente la confirmacin por email

7. Recibiremos un correo al email que hayamos registrado con todos los datos relacionados a la cuenta de hosting que hemos creado.

8. Seguimos los pasos que se nos indiquen en el correo para activar la cuenta.

9. Ahora procederemos a subir nuestros archivos realizados, primero debemos de cambiarle el nombre a la pagina principal y a todos los link asociados; esto lo hacemos debido a que el hosting solo reconoce el nombre de la pagina principal como index.html. 10. Para cambiarle el nombre, abrimos la ubicacin de nuestro archivo y damos clic derecho sobre nuestro archivo PaginaPrincipal y luego cambiar nombre como lo muestra la siguiente figura. El nombre ser index

11. Para cambiarle los link a los botones(En unidadI.htmlunidad.html), debemos ubicarnos en dentro del rea de trabajo de BlueGriffon y seleccionar el botn que haga referencia a nuestra pagina con nombre antiguo PaginaPrincipal, y debemos actualizarlo a index. Seleccionamos el botn, damos clic derecho y luego seleccionamos Insertar o editar un enlace:

Damos clic nuevamente en el rea Destino tal como se explico anteriormente en el siguiente icono:

Ahora seleccionamos la pagina index tal como muestra la siguiente imagen:

Es de suma importancia que seleccione la opcin La URL es relativa a la ubicacin de la pagina, nunca olvide chequear esta opcin:

Luego damos clic en aceptar y probamos nuestros cambios ejecutando nuestro navegador y cambiando entre pginas dando clic en los botones creados. 12. Esto se hace para todos los botones en donde se involucre la pagina PaginaPrincipal y debemos actualizarlo a index. 13. Adicionalemente la configuracin del webhost no reconoce la primera lnea de cdigo que BlueGriffon incrusta en todas nuestras pginas web. Para corregir este error, se debe abrir cada una de nuestras pagina creadas y editarlas con el NotePad (Bloc de notas) o en la seccin Codigo fuente de BlueGriffon y sustituir la primera lnea de cdigo: <?xml version="1.0" encoding="UTF-8"?> Por la que mostramos a continuacin: <!-- <xml version="1.0" encoding="utf-8"> -->

14. Para subir los archivos lo haremos por medio de un servidor ftp. Este servidor ya viene incluido dentro del host gratis en el que nos hemos registrado. 15. Para ello deberemos acceder desde nuestra cuenta a la siguiente pagina, donde se encuentra nuestro panel de control:

Puede ser que nos nos aparezca aun la opcin Go to CPanel, en tal caso damos clic en Refresh Status para que este se actualice:

16. Buscamos la seccin Files y damos clic en el siguiente icono(View FTP details)

17. Aparecer la siguiente pagina, y damos clic en donde esta indicado a continuacin:

18. Nos aparecer la siguiente pagina (habiendo ingresado nuestro password establecido):

Este es nuestro servidor que esta en la web. Deberemos subir los archivos en la carpeta public_html. Damos clic sobre ella y nos aparecer la siguiente pantalla:

19. Al dar clic sobre Upload, nos aparecer la siguiente pantalla

20. En esta deberemos subir los archivos con la opcin examinar y seleccionaremos todas las paginas web. Cuando terminemos damos clic en el cheque verde ( ).

Al hacer esto nos aparecer en la pantalla que hemos subido los archivos con xito. Regresamos a la figura del paso 19, y ahora debemos seleccionar la opcin New_Dir , esto nos servir para poder crear la carpeta de imgenes de nuestro sitio. Al hacer esto aparecer la siguiente ventana.

21. La creamos y nuevamente damos clic en el cheque verde y repetimos el paso 19,20 y 21 pero dentro de la carpeta imgenes hasta que subamos todas las imgenes(para nuestro caso Einstein.gif).

22. Ahora regresamos a la carpeta public_html y eliminamos el archivo default.php tal como muestra la figura: (chequear el archivo y clic en delete)

23. Para probar la pagina accedemos a su URL, http://carnetmsm115fiaues.net78.net/Index.html/

en

este

caso

es

Ejercicio Adicional Se debe de crear un botn en su pgina ndex (antes paginaprincipal) donde se acceda a otro sitio. Para ello en el botn del otro sitio deber de poner la direccin de uno de sus compaeros (de la materia) en el botn.

V- Modificar Pagina Web en un Hosting Gratuito

1. Entrar al rea de Miembros

2. Ponga sus credenciales y el texto que corresponde a la imagen

Luego enter o clic en Submit

3. Luego entre al panel

4. Aqu haremos las eliminaciones, subidas de archivos y dems cambios para que funcione nuestro sitio.

Al finalizar usted guardara el nombre y la direccin URL de su primera pgina web publicada en el sitio gratuito en la opcin: