Cómo crear tu propia página web profesional desde cero

Crear tu propia página web profesional desde cero puede parecer una tarea intimidante, pero tras haber creado escritorfantasma.es (una web de relatos e historias curiosas), puedo decir que en realidad es más rápido y sencillo de lo que piensas.

Eso sí, tienes que tener claro lo que hay que hacer. Por eso en este mini tutorial voy a enseñarte los pasos a seguir para tener una web. Es un proceso que aún tengo fresco, pues no hace ni un mes que terminé esta web.

¿Estás listo para empezar? Pues vamos allá.

Pasos para crear una página web profesional

Antes de meternos en harina, quiero hacer un brevísimo listado de los elementos que necesita una web para estar online y funcionando. Son tres:

  • Dominio
  • Hosting (alojamiento)
  • CMS

Te explico que es cada uno:

Dominio

Se trata del nombre de la web, y se compone de dos cosas: nombre de dominio y extensión de dominio. Básicamente es la dirección con la que los internautas van a acceder a tu web.

Por ejemplo, en escritorfantasma.es

escritorfantasma es el nombre de dominio

.es es la extensión

Existen muchos tipos de extensiones, pero no puedes elegir cualquiera si no que depende de la finalidad de la web. Los más comunes son .com (para uso comercial), .es (para páginas españolas), .org (para organizaciones sin ánimo de lucro) y .net (para servicios de internet).

Los dominios se compran en una empresa registradora de dominios, como verás a continuación. Yo compré el mío en Hostalia.

Hosting

El hosting o alojamiento es el sitio donde se aloja una web. Al final una web no es más que información, y esa información tiene que estar almacenada en servidores (un tipo especial de ordenadores) para que todos puedan acceder a ella.

Bueno, es algo difícil de explicar si no estás muy al tanto del mundo de internet, así que yo suelo poner siempre este ejemplo. Si pensamos en tu web como una casa, el hosting es el solar donde se va a construir.

Hay muchas empresas que facilitan alojamiento para webs, alguna de ellas de forma gratuita, como la que yo uso. Se llama Hostinger.

CMS

CMS son las siglas de Content Manager System o, en español, Sistema de Gestión de Contenidos. Por resumir, un CMS es un programa que facilita enormemente la tarea de diseñar y gestionar una web.

CMS hay para aburrir, aunque el más conocido, y con el que diseñé esta web, es WordPress.

Así que para crear una página web profesional primero tienes que registrar un dominio, encontrar un hosting donde alojarlo y por último diseñarla con un CMS.

Hasta aquí la teoría, ahora empieza la práctica. Ten en cuenta que lo que viene a continuación son los pasos que seguí yo. Como he dicho, registré el dominio en Hostalia, tengo alejada la web en Hostinger e hice el diseño con WordPress. Tú puedes elegir usar otro CMS o registrar el dominio en otra web.

Cómo crear tu propia página web paso a paso

#1 Registrar un dominio en Hostalia

No voy a engañarte, elegí Hostalia por el precio. En ningún otro sitio encontré mi dominio tan barato. Aunque la verdad es que por ahora también estoy contento con el servicio (crucemos los dedos).

Cuando registras un dominio, pagas año a año por usarlo. Ahora mismo con Hostalia  estoy pagando 4,19 euros al año (+ IVA), por tener mi dominio. Un precio que parece irrisorio incluso a un tipo agarrado como yo.

Primero hay que entrar en el buscador de dominios de Hostalia. Allí, buscar si el dominio que quieres está libre:

Buscador de dominios de Hostalia

Buscador de dominios de Hostalia

Por ejemplo, imagina que quieres registrar el dominio miprimerapaginaweb.es:

comprar dominio en hostalia

Registrando un nuevo dominio con Hostalia

El dominio está libre (¡bien!), pero si no es así, Hostalia te sugerirá otras extensiones, y si no te gusta ninguna tendrás que elegir otro dominio. Puedes registrar tu dominio por un plazo mínimo de un año y un máximo de diez. Cuando se acaba el plazo, tienes que renovarlo. La empresa registradora te avisa cuando tu dominio vaya a caducar y tú decides si renovarlo o no, también puedes hacer que se renueve automáticamente.

Si tu dominio está libre y ya has elegido el plazo de registro, pulsa en Continuar. Para empezar con el proceso de compra. En la siguiente página puedes elegir si solo quieres registrar el dominio (Pack dominio) o sí además quieres alojarlo en Hostalia y crear allí tu web.

Yo elegí el pack dominio porque después alojé la web en Hostinger, que me proporciona un hosting gratuito.SI sigues mi ejemplo, elige ese pack.

Una vez escogido el pack, el proceso se compra es sencillo. Son tres pasos: primero rellenas tus datos de cliente (importante apuntar el nombre de usuario y la contraseña que elijas, porque te harán falta para entrar en el panel de control de Hostalia), elegir el método de pago y confirmar la compra.

Enhorabuena ya tienes tu propio dominio.

Te llegarán dos correos de Hostalia, uno confirmando el pago y otro avisando de que tu dominio está activo.

Todo listo para acceder ahora a tu panel de control a través de la página de Acceso a Clientes mediante las claves que has elegido.

Acceso hostalia

Acceso al panel de clientes de Hostalia

El panel de control tiene este aspecto:

panel control hostalia

Vista general del panel de control de Hostalia

Te recomiendo descargarte la guía de uso del panel y echarle un vistazo.

En la pestaña de Gestión de Dominios aparecerá la información sobre el dominio que has comprado, incluyendo la fecha de expiración y las acciones que puedes realizar sobre el. Digo aparecerá porque pueden pasar un par de horas hasta que todas las opciones estén disponibles en el panel.

De momento no hace falta saber nada más del panel, salvo ir a la pestaña de Alojamiento Web y asegurarse de que está marcada la opción Página de cortesía:

Pagina de cortesia hostalia

Habilitar página de cortesía en Hostalia

Al marcar esta opción cuando pongas la dirección de tu dominio en el navegador, verás una página de este tipo:

Pagina de parking hostalia

Ejemplo de página de parking de Hostalia

Simplemente para que aparezca algo hasta que crees la web. La página de cortesía puede tardar un par de horas en aparecer, así que si acabas de comprar el dominio y cuando te metes solo ves una página en blanco, no te pongas nervioso y espera un poco.

#2 Crear hosting en Hostinger

Ya tienes el dominio, ahora vamos con el segundo paso para crear una página web profesional: el alojamiento. En vez de alojar mi dominio en Hostalia, que es donde registré el dominio, decidí alojarlo en Hostinger. La razón es clara, Hostinger ofrece un plan de hosting gratuito, y al ser esta web un proyecto personal quería mantener los costes al mínimo. Después de todo, siempre se puede pasar a un plan de hosting más avanzado si hace falta.

Pues si te parece bien, crea una cuenta en Hostinger. Puedes registrarte rápidamente a través de tu cuenta de Facebook o de Google.

Tras registrarte, estarás en el panel de control de Hostinger. Como ves, en el menú superior hay varias opciones. La que nos interesa es la de Hosting, donde tienes  que crear una Nueva cuenta:

Hostinger

Crear cuenta de Hostinger

Como ves, Hostinger ofrece tres planes de alojamiento, uno de ellos gratuito. El plan que elijas se puede mejorar en cualquier momento. Yo te aconsejo que empieces por el gratuito y lo mejores si hace falta.

Bueno, tras seleccionar el plan toca configurar el hosting:

crear hosting hostinger

Configurando el hosting de Hostinger

En Escoger tipo de dominio hay que seleccionar Dominio, y no subdominio que es la opción que viene por defecto.

En Dominio escribes tu dominio (sin www).

En región para el servidor deja Europa (UK)

Por último elige una contraseña para el Hosting y dale a continuar. En la siguiente pantalla confirma la orden. Te llegará un correo electrónico diciendo que tu cuenta ha sido activada y ofreciéndote alguna información interesante.

Ya tienes un hosting. Ahora viene quizás el paso más delicado (y ya verás que no es para tanto). Si has seguido mi ejemplo, tendrás el dominio registrado en Hostalia y el hosting en Hostinger. Ese es un problema, porque hay que dirigir el dominio desde Hostalia a Hostinger.

De hecho, si te metes en tu panel de Hostinger tras configurar el alojamiento verás un mensaje de error en la parte de arriba que dice:

Tu dominio no está apuntando a nuestros DNS en este momento, así que servicios como FTP, Administrador de Archivos, Constructor de Sitios, E-mail (y otros) no funcionarán correctamente. Puedes encontrar nuestros nameservers en la sección “Cuentas -> Detalles”. Por favor tenga en cuenta que los DNS pueden tardar hasta 24 horas en propagarse cuando se realiza un cambio.

¿Cómo se soluciona? Simplemente hay que cambiar las DNS en Hostalia para que apunten a Hostinger. En el correo que te ha enviado Hostinger  al crear tu hosting están las DNS que hay que poner en Hostalia para que todo funcione:

Si estás usando un dominio existente con tu nueva cuenta de hosting, necesitarás actualizar los nameservers para que apunten a los que se listan abajo.

Nameserver 1: ns1.hostinger.es xx.xxx.xx.xxx
Nameserver 2: ns2.hostinger.es xx.xxx.xx.x
Nameserver 3: ns3.hostinger.es xxx.xxx.xxx.xxx
Nameserver 4: ns4.hostinger.es xx.xxx.xxx.xxx

Donde las x son números que forma una dirección IP. No voy a entrar a explicar que son las DNS porque me parece demasiado técnico, no soy un experto en el tema y no quiero meterme en camisa de 11 varas. Si tienes curiosidad, puedes leer el artículo de Wikipedia al respecto.

Para actualizar las DNS y cambiar los Nameserver ve a tu panel de cliente en Hostalia.

Una vez dentro, dirígete a la pestaña de Gestión de Dominios. Ahí, en Acciones disponibles elige Acceder al panel de control (es el icono de la ventanita con la flecha verde):

Acciones disponibles

Acciones disponibles sobre tu dominio en Hostalia

Bien, ahora estás en el panel de control de tu dominio:

Panel de control de dominio en Hostalia

Visión general del panel de control de dominio en Hostalia

La opción que te interesa es Cambiar Servidores DNS. Ahí puedes cambiar las DNS para que apunten a Hostinger. Por defecto la opción marcada es utilizar Nuestras DNS (las de Hostalia). Así que debes seleccionar la otra opción: Usar las siguientes DNS, e introducir las DNS de Hostinger (Hay que introducir solo los nombres, no las direcciones IP).

Tienes que dejarlo así:

Cambiar DNS

Cambiando las DNS de Hostalia por las de Hostinger

Y hacer clic en el botón Cambiar.

Ahora hay que tener un poco de paciencia, porque el cambio de DNS puede tardar de 24 a 48 horas en producirse y durante ese tiempo no puedes hacer nada. ¿Cómo sabrás que el cambio se ha hecho ya? Por dos cosas:

Al meterte en tu panel de Hostinger ya no aparece ningún mensaje de error.

Al entrar en tu dominio, poniendo la dirección en el navegador, ya no aparece la página de parking de Hostalia, sino la de Hostinger, que tiene este aspecto:

pagina de parking hostinger

Ejemplo de página de parking de Hostinger

El archivo que hay que eliminar, el default.php, es la propia página de parking. Hay que eliminarlo para que pueda aparecer otra cosa, tu web.

Eliminar el archivo default.php es fácil, solo tienes que entrar en tu perfil de Hostinger, ir a tu hosting y allí buscar la sección Archivos:

panel de control hostinger

Visión general del panel de control de Hostinger

Entra en la opción Administrador de Archivos 2. Allí, abre la carpeta public.html:

public_html

Carpeta public_html

Elimina el archivo default.php. Solo tienes que seleccionar el archivo y hacer clic en el botón Delete.

Tras eliminar el default.php al entrar en tu dominio desde un navegador verás esta página:

index of

Página que se muestra cuando se elimina la página de parking

Muy soso, ¿verdad? No te preocupes, no va a estar mucho tiempo así. Llegamos al último paso para crear tu propia página web: instalar WordPress en tu hosting.

#3 Instalar WordPress en el hosting

Este es el paso más rápido de todos. Lo primero es que entres en tu cuenta de Hostinger. Desde ahí, entra en tu hosting y ve directamente a la sección  Sitio Web:

instalador automatico

Sección Sitio web en el panel de control de Hostinger

Ahí haz clic en la opción de Instalador Automático. Te aparecerá la siguiente pantalla, con un montón de CMS para instalar:

Instalar WordPress en Hostinger

Listado de CMS que se pueden instalar en un host de Hostinger

Selecciona WordPress 4.5.2 (la última versión a día de hoy). Ahora te pedirá que configures la instalación:

configurar wordpress

Configurando la instalación de WordPress en Hostinger

Deja la Url que hay por defecto, elige un nombre de usuario y una contraseña (serán tus claves para entrar a WordPress y gestionar tu web), rellena el resto de campos y haz clic en Instalar.

Así de fácil y sencillo. ¡Ya tienes una web!

Su aspecto es aún muy básico. La mía era así al principio (y mírala ahora).

pagina de inicio wordpress

Hola Mundo es la página de inicio de tu web cuando acabas de instalaer WordPress

La tuya será muy parecida pero con el nombre que le hayas puesto lógicamente

Te llegará un correo avisando de que WordPress se ha instalado correctamente, y recordándote las claves de acceso y, muy importante, la dirección de acceso, que será del tipo tudominio.extension/wp-admin

La página de acceso a tu web es así:

Página de login de WordPress

Página de login de WordPress

Si tu web fuese una casa, ya estaría construida, pero faltaría amueblarla y decorarla a tu gusto.

Cuando entres con tus claves estarás en el escritorio de WordPress. Ahora hay que seleccionar una plantilla que te guste (Apariencia/Temas) y customizarla como te apetezca, cambiando cosas, añadiendo páginas, widgets…

Pero eso ya es otra historia que da para un nuevo tutoríal sobre cómo diseñar tu web con WordPress.  ¿Cuándo lo escribiré? Pronto, espero. Puedes estar atento a mis próximas publicaciones suscribiéndote a mi newsletter a través de este formulario:

Subscríbete a mi lista de correos


¡Vaya, ha sido un tutorial extenso! No te preocupes, porque se tarda menos en hacerlo que en escribirlo. Espero que este artículo sobre cómo crear tu propia página web profesional desde cero te sirva de ayuda. Si tienes cualquier duda, los comentarios están abiertos

Febrero 2, 2017

Deja un comentario