Curso gratis de Cómo crear una página

web desde cero en un hosting de pago

Contenido
Curso gratis de Cómo crear una página web desde cero en un hosting de pago ...................1
1. Introducción ...............................................................................................................................1
2. Primera toma de contacto con el dominio...................................................................................1
3. Acceder al panel de control del hosting (DirectAdmin) .............................................................3
Acceso al panel de control de clientes .....................................................................................3
Acceder al panel de control del dominio ..........................................................................6
Otro medio alternativo para acceder al panel DirectAdmin ........................................6
4. Cómo crear una cuenta de correo electrónico y acceder al webmail ...........................................8
Crear un buzón de correo electrónico .....................................................................................8
Listado de buzones de email ...............................................................................................9
Acceder al webmail de nuestro dominio ........................................................................11
5. Manejo y configuración inicial de webmail ..............................................................................12
Configuración inicial ..............................................................................................................12
Redactando un email ..........................................................................................................13
Recibiendo emails ................................................................................................................15
6. Cómo instalar FileZilla y configurar la cuenta de FTP ........................................................16
Recordemos la configuración del FTP .............................................................................16
7. Cómo subir ficheros mediante FTP ......................................................................................23
8. Cómo crear una base de datos MySQL ...............................................................................28
9. Cómo acceder a una base de datos usando PhpMyAdmin ..............................................31
10. Otros hostings de calidad y económicos ...............................................................................33
11. Notas finales .........................................................................................................................35
12. Recomendaciones Finales ....................................................................................................35
 1
1.Introducción
Este curso es la continuación de nuestro curso Cómo crear una página web desde
cero. Así que si aún no lo has leído, no continúes hasta que lo hagas, pues no
seguirás el orden de aprendizaje y estarás más perdido que un pulpo en un garaje.

En el presente curso hablaremos de cómo crear una página web desde

cero usando un servidor de pago.

El servidor o hosting de pago que usaremos para hospedar nuestra web

es CyberNÉTicos, el cual durante los últimos años ha ido adquiriendo una muy
buena reputación y se ha posicionado entre los 15 primeros hostings del mercado
español.

A título personal, recomiendo encarecidamente este proveedor si vuestro trabajo y

vuestros ingresos dependen del rendimiento de vuestra página web. Así mismo, si
queréis tener un buen servicio a precio razonable, esta es la mejor opción.

En las sucesivas lecciones hablaremos de cómo acceder al panel de control del

servidor que hemos contratado (y que tendremos gratis durante un año).

Igualmente, os enseñaremos a cómo subir ficheros por FTP, cómo crear buzones
de correo electrónico o cómo crear un blog con wordpress, entre otras muchas
cosas.

2.Primera toma de contacto con el dominio

Lo primero que vamos a explicar en esta continuación del curso Cómo crear una
página web desde cero es cómo configurar las opciones del dominio que
acabamos de adquirir, según las indicaciones que dimos en la lección cómo
registrar un dominio del curso introductorio cómo crear una web desde cero.

Primeramente, vamos a comprobar qué es lo que aparece después de haber

registrado nuestro dominio. Cabe destacar que hasta que no hayan pasado las
 2
horas necesarias para la propagación del dominio por todos los servidores del
mundo (hasta 24h), es posible que tu dominio no sea accesible.

Para probar nuestro recién estrenado dominio, vamos a abrir nuestro navegador
favorito y escribimos en la barra de direcciones el nombre del dominio que hemos
registrado. En nuestro caso es www.crearwebdesdecero.com, donde podremos ver
que el navegador nos devuelve la siguiente página:

Como se puede observar, es una página de demostración para indicar que la web está
funcionando, pero que no tiene ningún fichero subido. Sólo tiene la versión por defecto de
la página web. En las siguientes lecciones veremos cómo subir contenido en nuestra
página web.
 3
3.Acceder al panel de control del hosting
(DirectAdmin)
Acceso al panel de control de clientes
En el curso anterior, una vez que habíamos acabado de registrar nuestro dominio,
recibimos un correo electrónico de la empresa de hosting.

En el email se nos informó de los detalles para acceder al panel de clientes de

Cybernéticos y poder empezar a trabajar con nuestros servicios contratados.

He aquí un ejemplo del email de bienvenida cuando hemos creado la cuenta de

usuario con CyberNÉTicos:

En él se recuerda el email de cliente y la contraseña que se estableció en el proceso

de alta.
 4
También indica el link para acceder al área de clientes, desde el cual se podrán
hacer todas las gestiones con nuestro dominio y acceder al panel de hosting de
nuestra futura página web.

Como podemos ver en el email, el link de acceso al panel de clientes

es https://clientes.cyberneticos.com. Pues bien, hacemos click sobre dicho enlace
para entrar en el panel. Viene bien en este momento guardar esta dirección en
nuestros marcadores o favoritos de nuestro navegador para volver a acceder en
otro momento posterior.

A continuación mostramos la pantalla de acceso al panel de cliente:

Hacemos click en "Mi Cuenta / Acceder"

 5
Introducimos el email de cliente y la contraseña que indicamos en el proceso de
alta, y le damos a "Entrar"

Y a continuación se muestra la pantalla de cliente:

 6
Acceder al panel de control del dominio
Para acceder al panel de control pulsamos en "Acceder a DirectAdmin" desde la
pantalla de usuario. "DirectAdmin" es el nombre comercial del panel de control.

Otro medio alternativo para acceder al panel DirectAdmin

También te informamos otra manera aún más rápida de acceder al panel de control
de tu dominio. Deberás primero localizar el email que CyberNÉTicos envió con los
datos de acceso a "DirectAdmin", y deberemos buscar la siguiente información:

Luego, como puedes ver en la imagen, deberás entrar desde el navegador

mediante la barra de direcciones escribiendo el nombre de tu dominio seguido de
":2222". Por tanto, en nuestro ejemplo sería

http://www.crearwebdesdecero.com:2222

¡Ojo!: Cada hosting tiene su propio medio de acceder al panel de control del dominio. No todos los hostings tienen la misma
forma de acceder a su propio panel. Esta forma es sólo para este hosting.

En esta fotografía de abajo se puede ver la pantalla de inicio del propio dominio, es
decir, que desde este panel (su nombre comercial es DirectAdmin) podremos
hacer todo lo relacionado con nuestro dominio; como por ejemplo, crear cuentas
de email, crear cuentas de FTP, bases de datos y muchas cosas más que iremos
viendo en lecciones posteriores y también en sucesivos cursos.
 7

Si hacemos un ligero vistazo en la columna central de la foto, podemos ver varios

iconos con los que hacer la administración de nuestra página web de manera muy
sencilla. Y en el panel de la derecha de la fotografía, podemos ver los límites de la
cuenta UNO de CyberNÉTicos, y es que está limitado a 1Gb de espacio web, 1Gb
de transferencia de ficheros (ver diferencia entre espacio y transferencia), 1 única
cuenta de FTP, 1 única cuenta de email, 1 base de datos y 1 subdominio.

En las sucesivas lecciones explicaremos cómo crear cada una de esas propiedades.
 8
4.Cómo crear una cuenta de correo
electrónico y acceder al webmail
Crear un buzón de correo electrónico
Tal y como veníamos comentando en esta lección, un dominio web propio debe ir
siempre acompañado de una dirección de email igualmente propia. Si estás
haciendo este curso para entender un poco de qué va la cosa, y poder crear tu
página web, es posible que quieras tener tu propio correo electrónico, el cuál
usarás para que tus clientes o futuros clientes te conozcan.

Pues bien, vamos a comenzar a explicar cómo crear nuestra dirección propia de
email, la cual usaremos, por ejemplo, para la tarjeta de visita que ofreceremos a los
clientes.

Para crear nuestra cuenta de email personalizada debemos pulsar sobre el icono

y veremos la siguiente pantalla, donde rellenamos los datos de la cuenta de email, y

pulsamos "Crear" al finalizar la entrada de datos.
 9
En la siguiente pantalla se nos informa que la cuenta info@crearwebdesdecero.com
ha sido creada satisfactoriamente, así como se nos muestra la clave que hemos
introducido en la pantalla anterior.

Igualmente se informa que los servidores POP3 y SMTP de email son

"mail.crearwebdsdecero.com"; no es necesario que por el momento sepas qué es
un servidor POP3 y SMTP, por tanto, ignora esta información.

Listado de buzones de email

A continuación explicamos para qué sirve toda la información de la pantalla del
listado de cuentas de email. Como podéis ver, existen dos cuentas: la que
acabamos de crear (en segunda posición) y una que ya existía. Esa cuenta que ya
existía "crearweb@crearwebdesdecero.com" es una cuenta por defecto que se crea
automáticamente con el hosting que hemos contratado.

Pues bien, explicamos cada columna para qué sirve:

 1
0

1. Account: Las cuentas disponibles.

2. Login: El nombre de usuario para acceder al webmail (más abajo se explica).
3. Usage: Tamaño usado por el espacio de cada cuenta.
4. Sent: Tamaño usado para los envíos de cada cuenta.
5. Suspended: Indica si está o no suspendida (desactivada) la cuenta.
6. Password/Quota: Cambiar el límite de espacio de la cuenta. Y también cambiar el
password de esa cuenta.
7. Outlook Settings: Si usas el cliente de correo electrónico Outlook, esta columna es
para configurar automáticamente la cuenta de email en dicho cliente
descargándose ese fichero y ejecutándolo en Windows.
8. Select: Para seleccionar cada cuenta.
9. Total Usage: Total de uso de espacio web de todas las cuentas.
10. Pruge from: Purgado de mensajes para cada cuenta que se ha seleccionado en la
columna "8". En ocasiones querrás liberar espacio de tu bandeja de entrada. Purgar,
lo que hace es que elimina los mensajes de tu buzón de correo, bajo un criterio
definido como indicamos a continuación.
El purgado puede ser:
- "Inbox" (bandeja de entrada). Normalmente será siempre esta bandeja la que
tendrás que purgar.
- "Imap Folders" (carpetas Imap). Limpia el contenido de todas las carpetas que
hayamos generado dentro de la estructura de carpetas de nuestro buzón.
 1
1
- "Spambox" (carpeta de SPAM). Esta carpeta será donde tengas el correo "basura".
- "All Email" significa que vaciará todos los emails sin excepción.
- "Older than X days" significa que eliminará los emails con X días de antigüedad.
11. Suspend (desactivar) o Unsuspend (activar) los emails marcados en la columna "8",
y luego se indicará en la columna "5" el estado de cada cuenta.
12. Delete: Borrar las cuentas seleccionadas.

Acceder al webmail de nuestro dominio

Pues bien, una vez hemos creado la cuenta de email, tenemos que saber cómo
acceder a ella para leer nuestra nueva correspondencia virtual.

Para acceder a webmail, símplemente hay que escribir en la barra de direcciones

del navegador:

http://midominio.com/correo

Y veremos una pantalla como esta:

Para acceder al webmail escribimos el usuario que acabamos de crear junto con la
contraseña que establecimos al crear la cuenta de email. Hacemos click en "Iniciar Sesión".
 1
2
5.Manejo y configuración inicial de
webmail
Configuración inicial
Una vez iniciada la sesión en webmail, aparecerá la pantalla que se muestra abajo:

Vamos a iniciar una configuración básica antes de usar webmail, y es la siguiente:

 "Preferencias/Composición de mensajes". Seleccionar composición de

mensajes en HTML, y guardar borrador automáticamente cada minuto.
 1
 3Seleccionar las opciones tal y como las
"Preferencias/Bandejas especiales".
marcamos aquí.

"Identidades". Seleccionar la identidad que aparece. De esta forma estamos

personalizando nuestra cuenta con el fin de que nuestros destintanarios sepan quienes
somos y a qué nos dedicamos.

Estas son las configuraciones básicas y esenciales. Puedes seguir probando el resto de
configuraciones, las cuales podrás adaptar según tus necesidades.

Redactando un email
Para la redacción de un mensaje, pulsar el icono
 1
4

En esta pantalla se podrá comprobar que se rellenan los campos básicos para enviar un
email. Hemos de fijarnos que la firma ha sido agregada automáticamente.

Cuando hemos enviado el email, podemos comprobar dicho mensaje desde la carpeta
"Enviados".

Y luego, nuestro destinatario verá en su bandeja de entrada un correo de aspecto

profesional, cuyo remitente somos nosotros:
 1
5

Recibiendo emails
En la bandeja de "Entrada" es donde se almacenan los emails entrantes. Si nuestro
destinatario del email anterior nos responde, podremos ver el mensaje tal que así:
 1
6
6. Cómo instalar FileZilla y configurar
la cuenta de FTP

Como ya sabes, una página web accede a los ficheros ubicados en el servidor
asociado. Entonces en esta lección vamos a enseñarte cómo se configura el
programa para enviar ficheros a nuestro servidor.

Recordemos la configuración del FTP

Como podrás recordar en la lección que hablábamos sobre cómo registrar y pagar
un dominio y su hosting vimos que durante el proceso de pago recibíamos 3
emails. Uno de ellos contenía el asunto "Cybernéticos - Sus datos de acceso a
Directadmin". Pues bien, es hora de abrirlo:

Y buscamos el texto "Acceso FTP":

Pues bien, mantengamos por el momento esta información disponible, que vamos
a utilizarla pronto.
Instalar programa de FTP gratuito

Para ello usaremos el programa de FTP gratuito y que más popularidad tiene en
internet: FileZilla
 1
7
1. Lo primero que haremos será descargarlo. Introducir en el navegador la dirección
web http://filezilla-project.org :
 1
8

Procedemos a instalarlo:
1
9
 2
0

Aceptar todas las opciones por defecto y por último finalizar la instalación. El programa se
abrirá automáticamente:
 2
1
Una vez abierto FileZilla, hay que configurar nuestro sitio web para subir los ficheros:

En el primer icono superior izquierdo hacer click para que se abra el siguiente cuadro de
diálogo:

Hacer click en "Nuevo Sitio", escribiendo los valores que tenemos anotados en el correo
electrónico que acabamos de ver al inicio de la presente lección:
 2
2

Hacemos click en "Conectar":

Y podemos ver el listado de ficheros del FTP:

 2
3

Bien, una vez configurada nuestra cuenta de FTP, vamos a enseñar en la siguiente
lección cómo se suben ficheros a nuestro servidor web.

7. Cómo subir ficheros mediante FTP

Desde que vimos en la anterior lección cómo instalar y configurar un gestor de FTP,
software empleado para el envío de ficheros hacia el servidor remoto, vamos a hacer
 2
4
nuestra primera prueba de envío. Para ello, usaremos el editor de textos de windows para
generar un fichero de texto:

Escribiremos en notepad el siguiente contenido (puedes copiarlo y pegarlo):

<html><body>¡Hola Mundo!</body></html>

Y lo grabaremos como hola.html:

 2
5

Pues bien, ahora volvemos de nuevo a FileZilla y vamos a enviar el fichero que
acabamos de grabar a la carpeta raíz de nuestra página web.

1. Debemos asegurarnos primero que estamos dentro de la carpeta

"public_html" del servidor:
 2
6

1.
Enviamos el fichero que hemos creado hola.html hacia la
carpeta public_html del servidor:
 2
7
Hay que actualizar el panel derecho del programa para ver los cambios en el
servidor. Para ello, click derecho en cualquier parte del panel derecho y seleccionar
la opción "Actualizar":

Y aparecerá el fichero que acabamos de enviar:

 2
8
Ahora vamos a probar el fichero que acabamos de enviar. Para ello, vamos a dirigirnos a
nuestro dominio, añadiendo al final /hola.html

En nuestro caso es http://crearwebdesdecero.com/hola.html, pero tendrás que

indicarlo en tu web propia. El resultado será:

Y de esta forma, hemos aprendido cómo subir ficheros a un servidor.

8. Cómo crear una base de datos

MySQL

Hoy en día, cualquier aplicación web que se precie, almacena su información en

bases de datos. Existen bases de datos de pago y bases de datos gratuitas o de
libre uso (Open Source). Las bases de datos Open Source están perfectamente
preparadas para soportar proyectos de gran envergadura, pudiendo almacenar
varios trillones de registros en una única tabla.

En nuestras lecciones usaremos la base de datos MySQL, que es la más popular y

usada en la mayoría de aplicaciones web de Internet.

A menudo hará falta que tengas que crear una base de datos, si es que quieres
instalar en tu página web algún tipo de gestor de contenidos.

Una base de datos es un lugar donde se almacena una gran cantidad de

información, estructurada y relacionada en tablas, y en cada tabla sus
respectivos campos. Entonces, si por ejemplo quieres instalar WordPress en tu
página web, hará falta antes de instalarlo que crees una base de datos en blanco
 2
9 (o cualquier otro gestor de
para que luego en la instalación de WordPress
contenidos) se proceda a crear las tablas de datos correspondientes en el servidor.

Por el momento no es necesario crear ninguna base de datos, pero cuando te

encuentres con la necesidad de crear una base de datos, debes saber que los
pasos a seguir son los siguientes:

1. Si aún no estamos dentro del panel de control de nuestro dominio, deberás escribir
en la barra de direcciones "midominio.com:2222" e ingresar el usuario y la
contraseña que vimos en la lección acceder al panel de control
2. Una vez dentro, hay que seleccionar en el apartado de "Herramientas", la opción
"Bases de Datos":

Click en "Crear base de datos"

 3
0
Rellenar los datos de la base de datos que queremos crear. Deberás saber que es
conveniente que uses el mismo nombre tanto para la base de datos como para el usuario
de la base de datos. (¡OjO!: no confundir con el usuario de acceso al panel de control. NO
tiene nada que ver).

En esta pantalla nos muestra los datos que hemos introducido. Esta información será la
que tengamos que aportar en la configuración de WordPress o cualquier otro gestor de
contenidos.

Al volver al listado de base de datos, podemos comprobar que está listada la base de
datos que acabamos de crear.
 3
1

Al finalizar el proceso de creación de base de datos, podrás usar la información de nombre

de base de datos, usuario de base de datos, servidor y clave de base de datos para
configurar la aplicación web que estés instalando en ese momento.

9. Cómo acceder a una base de

datos usando PhpMyAdmin

PhpMyAdmin es una aplicación web, la cual se utiliza para gestionar bases de

datos MySQL instaladas en un determinado servidor de Internet. Si lo que estás
es empezando por primera vez a crear tu página web, no te hará mucha falta tener
que gestionar la base de datos, pero viene bien que lo sepas para posibles futuras
referencias o si quieres "bichear" por tu cuenta.

Para acceder a PhpMyAdmin, vamos a acceder al panel de control y seleccionar la

opción:
 3
2

A continuación se le solicita un usuario y contraseña. Deberá utilizar el usuario y

contraseña que usted recibió en el correo de bienvenida de CyberNÉTicos:

Una vez se ha indicado el usuario y contraseña, vemos el panel de inicio de PhpMyAdmin:

 3
3

Desde este momento puedes continuar por tu propia cuenta echándole un vistazo a cada
opción. Recordemos que no es necesario saber esta lección para poder crear la página
web, pues las aplicaciones web suelen tener autoinstaladores que evitan que tengamos
que acceder a PhpMyAdmin para poderlas instalar.

10. Otros hostings de calidad y

económicos
Los años van pasando, y van surgiendo nuevas empresas con precios muy
competitivos. A continuación te sugiero unos hostings serios y de calidad, con
precios muy razonables y soporte telefónico gratuito:

Webempresa:

Hosting de calidad, especialistas en wordpress, Joomla! y prestashop, dominio

gratis el primer año, backups diarios incluidos, y con 30 días de prueba de garantía
de satisfacción.
 3
4

Nicalia:

De igual forma, no podía ser menos, hosting de caliad para Wordpress con
dominio gratis el primer año, así como backups y con garantía de devolución de 30
días si no quedas satisfecho.

Hostinet:

El hosting de los más económicos del mercado, sin dejar de lado la calidad y
atención al cliente y con protocolo HTTPS gratuito en todas sus cuentas. De la
misma manera que algunos de los anteriores, tiene cuentas específicas
para WordPress, Joomla!, Prestashop, etc. Igualmente, puedes probarlo durante 30
días y no pagarlo si no quedas satisfecho.
 3
11. Notas finales 5
Con este curso ya has aprendido cómo crear una página web desde cero paso a
paso y con todo detalle. Sigue en AulaFácil para seguir aprendiendo en el mundo
de Internet con nuestros diferentes cursos.

Por ejemplo, puedes continuar tu aprendizaje con el curso Cómo crear una página
web con wordpress donde te enseñaremos la metodología de instalación desde
cero de tu blog WordPress aplicando los conocimientos que has adquirido en el
presente curso.

12. 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 de pago