Cómo crear una página web desde cero

en un hosting gratis
Contenido
Cómo crear una página web desde cero en un hosting gratis ...................................................1
1. Introducción ...............................................................................................................................1
2. Registro de cuenta de usuario con Hostinger ..............................................................................1
3. Crear una cuenta de hosting gratis ..............................................................................................5
4. Asociar nuestro dominio al hosting gratuito cpanel..........................................................11
5. Cómo crear cuentas de correo electrónico en hosting cpanel y acceder al webmail .................14
Acceso Webmail ...................................................................................................................17
6. Crear base de datos en hosting cpanel y acceso a FTP .....................................................19
Crear base de datos en cPanel ..........................................................................................19
Acceso a FTP con servidor cPanel ....................................................................................23
7. Notas finales ...........................................................................................................................26
8. Recomendaciones Finales .....................................................................................................26
 1

1.Introducción
Este curso es la continuación de nuestro curso Cómo crear una página web desde cero. En
el presente curso hablaremos de cómo crear una página web desde cero usando
un hosting gratis.

Hemos visto anteriormente los riesgos y problemas que pueden ocasionar el tener nuestra
página web en un hosting gratuito.

En este curso vamos a ver un hosting en particular, pero este y cualquier otro gratuito
tendrá las mismas ventajas e inconvenientes (más inconvenientes que ventajas).

Si nos disgutamos con este hosting porque nos deja "tirados", no nos hacen caso en los
tickets de soporte y nuestra web va muy lenta sin causa aparente o se lleva días sin
responder, es posible que decidamos buscar otro hosting gratuito que creamos nos va a
salvar el pellejo, pero el problema será que tendremos que migrar todos nuestros datos (si
es que llegamos a saber cómo hacerlo).

Pues bien, en la siguiente lección vamos a aprender a cómo crear una cuenta en un
hosting gratis. El hosting gratuito será Hostinger. Continúa en la siguiente lección para
saber cómo.

2.Registro de cuenta de usuario con

Hostinger
A continuación mostraremos los pasos para saber cómo crear una cuenta en un
hosting gratis:

Hostinger tiene una web para cada país. Visita la tuya:

Hostinger México

Hostinger España

Hostinger Colombia

Hostinger Argentina

Hostinger Brasil

Luego, tras seleccionar la ubicación más cercana a nuestro país, pulsamos en el

enlace "Crear cuenta":
 2

Y rellenamos nuestros datos en el formulario que nos aparece:

 3

Justo después de pulsar en el botón de "Crear Cuenta", nos muestra la pantalla del panel
de control de nuestro hosting. Fíjate que nos pide que confirmemos nuestra cuenta de
email antes de continuar.

Por el momento, ignoremos esta pantalla y vayámonos a nuestro buzón de correo

electrónico. En ese mismo instante, hemos recibido dos correos electrónicos:

El primero, "Correo de Registro de Cliente", nos muestra la información que hemos

indicado en el formulario de registro:
 4

Y el segundo, "Confirmación de Registro de Cliente", nos requiere hacer click en un enlace

para confirmar que la dirección de email facilitada es la nuestra y no nos hemos
equivocado:

Entonces, debemos hacer click en el enlace de confirmación:

 5

Y de nuevo nos vuelve a mostrar la pantalla de panel de control, pero esta vez
indicándonos que nuestra cuenta está confirmada y podemos trabajar con ella:

Acabamos de concluir la forma de registrarnos como clientes en este hosting gratuito.

3.Crear una cuenta de hosting gratis

Tenemos claro cómo hemos creado la cuenta en el hosting gratuito, pero piensa
que el dominio que registramos anteriormente está registrado en otra empresa
completamente distinta. Por tanto, hasta que no establezcamos una relación entre
el dominio registrado en la empresa registradora y la nueva empresa de hosting,
ninguno de los cambios realizados en el hosting se verán en el dominio.

Entonces, entre esta lección y la siguiente, veremos cómo vincular nuestro propio
dominio (en nuestro caso es CrearWebDesdeCero.com) que está registrado en
 6

CyberNÉTicos, con la cuenta de hosting gratuita que acabamos de obtener con

Hostinger.

Para ello, desde el panel de control de Hostinger, debemos seleccionar "Hosting/Nueva

cuenta":

Y hacer click en "Orden" para la opción "Gratis":

 7

1. Deberemos elegir la opción "Dominio".

2. Escribiremos nuestro dominio.
3. La contraseña para gestionar el dominio.
4. Hacer click en "Continuar".

º
 8

Escribiremos el captcha (código para comprobar que somos una persona) y aceptaremos
los términos y condiciones.

Luego tendremos la cuenta creada satisfactoriamente.

Hay que entrar en "Hosting/Todas las cuentas" para ver los cambios realizados
anteriormente.
 9

Y al instante recibiremos un email con toda la información necesaria referente a

instrucciones y contraseñas que acabamos de crear, y que deberemos guardar en nuestro
email a buen recaudo.
10
 11

Guarda bien el email, pues posteriormente haremos uso del mismo.

4. Asociar nuestro dominio al hosting

gratuito cpanel

En esta lección veremos cómo asociar dominio a un hosting diferente del que
tenemos contratado el dominio.

Como vimos en la lección cómo acceder al panel del control del dominio, tenemos
que acceder al panel del dominio que registramos para hacer unos cambios. Estos
cambios le dirán al dominio que el servidor al que tiene que apuntar es uno
diferente del que ya tenía.

Recordemos: cuando registramos por primera vez el dominio, nos asoció el hosting
de la misma empresa que registró el domino. En esta ocasión, el nuevo hosting
gratuito es de una empresa diferente. Por tanto, hay que indicarle al
dominio dónde se encuentra ubicado el nuevo hospedaje.

Entonces entramos en el panel de control de la empresa donde tenemos registrado

el dominio. En nuestro caso, es CyberNÉTicos, y el link de cliente es
este: https://clientes.cyberneticos.com/

Deberemos indicar el usuario y la contraseña que utilizamos para registrarnos con

CyberNÉTicos:
 12

Luego, desde el panel de control de CyberNÉTicos debemos ir al listado de dominios.

Y en la lista de dominios, tenemos que seleccionar la opción "Gestionar DNS".

Dentro de la gestión de DNS del dominio que hemos seleccionado, debemos indicar las 4
DNS de hostinger. Están indicadas en el email que hemos recibido de hostinger:
 13

Esas 4 DNS deben indicarse en las 4 casillas que se ven en la imagen de abajo. Luego,
guardaremos los cambios.

Y sólo nos queda esperar varias horas a que se propaguen los cambios por todos
los servidores del mundo. Oficialmente puede ser hasta 72 horas, pero
normalmente en menos de 24horas está todo replicado.

Tras haber pasado el número de horas indicado, tenemos que limpiar la caché de
nuestro navegador, ya que si no, veremos la web antigua. Para esto, sigue este
enlace de la wikipedia sobre cómo limpiar la caché.

Y una vez que hayan pasado las horas y asegurarnos de haber limpiado la caché
del navegador, podrás ver el nuevo aspecto de la web, el cual es una página por
defecto que hostinger crea para todas sus cuentas:
 14

Pero mientras esperamos a que se propaguen los cambios, en las siguientes lecciones
aprenderemos a cómo crear una base de datos y cuentas de correo electrónico en el
hosting gratuito.

5.Cómo crear cuentas de correo electrónico

en hosting cpanel y acceder al webmail
Explicaremos en esta lección cómo crear cuentas de email en cpanel (así es como
se llama el panel de control de hostinger).

Sólo si ya viste desde esta lección cómo crear cuentas de email, es posible que te
encuentres un tanto confundido, pues ¿por qué hay que crearlas de nuevo?. La
respuesta es muy sencilla: al cambiar de hosting, nada de lo que había en el
antiguo existe en el nuevo.

Por tanto, bases de datos, direcciones de emails, ficheros, etc, deben crearse de
nuevo. Ten en cuenta que el hosting que estuvimos aprendiendo en el curso cómo
crear una web desde cero en un hosting de pago, es totalmente diferente al que
estamos aprendiendo en este curso.
 15

Por tanto, una vez entendido el motivo de por qué hay que crear de nuevo las
cuentas de emails en el nuevo hosting, vamos a proceder a explicar cómo hacerlo.

Para empezar a crear cuentas de email en el hosting gratis Hostinger, debemos

entrar en el panel de control mediante el enlace http://cpanel.hostinger.es/ (o
cambiar la extensión ".es" por la que usáis en el servidor de Hostinger de vuestra
ubicación).

Luego, desde el panel de control seleccionamos

"Hosting/NombreDeMiDominio.com".

Elegir la opción "Emails/Cuentas de Correo":

1. Escribimos "contacto" como nombre de cuenta de correo electrónico.

2. Indicamos una contraseña.
3. Indicamos el tamaño del buzón (en este caso es 50Mb).
 16

4. Pulsar el botón "Crear".

Tras agregar el email, veremos la pantalla de confirmación:

 17

Acceso Webmail
Para acceder a nuestro webmail desde cualquier lugar en el que os encontréis en
un determinado momento, podemos hacerlo entrando
en http://webmail.hostinger.es/; hay que cambiar el ".es" por la de la ubicación del
servidor de hostinger que hayamos elegido, es decir, que si tenemos contratado
www.hostinger.co, usaremos webmail.hostinger.co; si tenemos contratado
www.hostinger.com.ar, usaremos webmail.hostinger.com.ar

Pues bien, una vez hemos accedido a la pantalla de webmail, seguimos estos pasos
para acceder a nuestro correo:

1. Escribimos la dirección de email a la que queremos acceder, más la contraseña que

establecimos cuando la creamos.
 18

2. Dejar seleccionada la opción "Round Cube".

3. Hacer click en "Iniciar sesión".

Tras iniciar sesión en el webmail, habremos accedido a la pantalla del gestor de correo
electrónico, la cual tendrá el siguiente aspecto:
 19

Puedes recordar el uso de este webmail en la lección cómo usar roundcube que vimos en
el curso cómo crear una página web desde cero.

6. Crear base de datos en hosting

cpanel y acceso a FTP

En esta lección explicaremos los pasos a seguir para saber cómo crear una base
de datos en el servidor gratuito Hostinger, así como configurar nuestro cliente
de FTP para poder enviar ficheros.

Recordemos que esto mismo lo hemos visto en las lecciones cómo crear una base
de datos MySQL en DirectAdmin y cómo configurar una cuenta FTP en
DirectAdmin respectivamente, del curso Cómo crear una página web desde cero
con un servidor de pago.

Pero ahora veremos cómo hacerlo con nuestro hosting gratuito de Hostinger.

Crear base de datos en cPanel

Recordemos que una base de datos será necesaria crearla para cuando
necesitemos instalar cualquier aplicación en nuestra web. Siempre, para cualquier
 20

aplicación que haga falta hacer uso de una base de datos en nuestro servidor se
creará de la misma forma.

Entonces procedemos a explicar paso a paso cómo crear una base de datos
MySQL en cpanel (cpanel, recordemos que es el nombre del panel de control que
utiliza la empresa Hostinger).

1. Deberemos entrar en el panel de hosting (en nuestro

caso, http://cpanel.hostinger.es).
2. Seleccionar la pestaña "Hosting\MiDominio.com" y luego, "Bases de Datos MySQL".

3. Establecer los datos para la base de datos que queramos crear. El límite del
nombre y el usuario de la base de datos es de 16 caracteres.

Fijémonos que Hostinger agrega delante del nombre de la base de datos

nuestro código de usuario formado por 11 caracteres. Por tanto sólo
podremos usar 5 caracteres para el nombre de la base de datos y del
 21

usuario de la misma.

Además, hemos de indicar también una contraseña para la base de datos.

4. Al hacer click en "Crear", hostinger ha creado la base de datos con la información

que le hemos indicado en el paso anterior. Fijémonos abajo como ha creado la
base de datos en la lista de bases de datos; y haciendo click en el nombre de la
base de datos, sale una lista de opciones relacionadas con la propia base
 22

A continuación explicamos cada opción de la base de datos, para qué sirven:

1. Eliminar: borra la base de datos.

2. Reparar: efectúa un comando para reparar tablas. Esto debe realizarse
cuando detectamos algún error en la aplicación indicando que las tablas
están corruptas. En caso contrario, no se debería usar esta opción a menos
que seamos usuarios avanzados.
3. Obtener uso: actualiza la columna "Uso de Disco" de la imagen anterior con
el tamaño que ocupa la base de datos.
4. Copia de seguridad: realiza un backup de ese momento de la base de
datos. Muy buena opción si vamos a hacer grandes cambios para poder
revertirlos si no funcionasen, o para mantener nuestros datos
salvaguardados de manera periódica para evitar cualquier catástrofe.
5. Cambiar contraseña: efectúa el cambio de contraseña de la base de
datos. ¡¡OjO!!, si realizas un cambio de contraseña, deberás cambiar la
 23

contraseña en todas las aplicaciones que utilicen esta misma base de datos.
Cambiar si sólo se sabe lo que se está haciendo.
6. Cambiar permisos: igualmente que el anterior, modificar sólo si sabemos lo
que estamos haciendo. Modifica los permisos que el usuario de la base de
datos tiene.
7. PhpMyAdmin: es el administrador de base de datos. Con phpMyAdmin
podrás consultar, crear tablas, registros, editarlos, borrarlos, etc.
Normalmente no hará falta que utilices nunca esta opción, pues cualquier
aplicación web que instales tendrá su propio instalador y no habrá que
complicarse demasiado con esto. He aquí una fotografía de phpMyAdmin:

Acceso a FTP con servidor cPanel

Vamos a acceder con nuestro cliente de FTP a la cuenta gratuita para poder
enviar, modificar o eliminar ficheros en nuestro servidor.

Como hemos dicho, en la lección cómo configurar una cuenta FTP en

DirectAdmin ya aprendimos cómo hacerlo con el servidor de pago. Ahora lo
haremos con el servidor gratuito Hostinger.

Lo primero que debemos saber es la configuración necesaria para obtener el

acceso al servidor FTP. Podemos saberlo mediante dos formas:

1. Como recientemente vimos en la lección crear una cuenta de hosting gratis, ya

hemos recibido un email de bienvenida bajo el título "Cuenta Gratuita Activada":
 24

2. Desde el panel de control del hosting, seleccionar nuestro hosting y luego la

opcion "Acceso FTP":

Y dicha pantalla nos mostrará la información de acceso de nuestro hosting:

 25

Una vez que tenemos los datos de configuración de acceso a FTP usando uno de los dos
métodos indicados arriba, tenemos que establecer estos datos en nuestro cliente
de FTP:
 26

Y de esta forma ya podemos subir de nuevo los ficheros al servidor.

7. Notas finales
Si llegaste a esta lección, te encuentras capacitado para dar un paso más adelante y
poder crear una página web con wordpress. Este será el primer paso de otros
tantos que iremos publicando progresivamente en nuestra web.

8. Recomendaciones Finales

Muchas gracias por haber ampliado tus conocimientos con nuestro curso gratuito
de Cómo crear una página web desde cero en un hosting gratis