• 20 hours
  • Easy

Free online content available in this course.

course.header.alt.is_certifying

Got it!

Last updated on 2/6/20

Envío de tu sitio web en internet

Log in or subscribe for free to enjoy all this course has to offer!

Tu sitio web está arreglado, limpio y listo... pero, como está en tu disco duro, ¡nadie más va a poder disfrutarlo!

Quieres enviarlo a internet, pero no sabes cómo.
En este anexo, vamos a averiguar todo lo que necesitas saber para enviar tu página web a internet:

  1. ¿Cómo reservas un nombre de dominio?

  2. ¿Qué es un proveedor de alojamiento web y cómo funciona?

  3. Finalmente, ¿cómo usas un cliente FTP para transferir archivos en la red?

Nombre del dominio

¿Cómo sabes lo que es un nombre de dominio ?
En realidad, es una dirección en internet: google.com es un nombre de dominio, por ejemplo.

El nombre de un dominio se compone de dos partes: google.com.

  • En rojo, el nombre del dominio en sí. Es un nombre que normalmente se puede elegir libremente, siempre y cuando nadie ya lo haya reservado antes. Puede contener letras y números.

  • En azul, la extensión (también llamada "TLD", del inglés Top-Level Domain). Hay más o menos una extensión para cada país (.es para España, .fr para Francia, .be para Bélgica, .ca para Canadá, etc.). Sin embargo, también hay extensiones utilizadas internacionalmente como .com, .net y .org. Estaban reservadas originalmente para sitios web comerciales, organizaciones, etc., pero nadie ha sido capaz de reservarlos durante mucho tiempo. Y, de todos modos, .com es probablemente la extensión más utilizada en internet.

Reservar el nombre de un dominio

¡Yo también quiero un nombre de dominio para mi sitio web! ¿Qué he de hacer?

Veamos, tengo buenas y malas noticias. Como de costumbre, vamos a comenzar con las malas noticias:

  • la mala noticia es que: no es gratis…

  • la buena noticia es que: ... en realidad no es muy caro.

De hecho, un nombre de dominio cuesta entre 7 y 12 euros al año.
El precio puede variar en función de la extensión. Por ejemplo, la extensión .info se ofrece generalmente a un precio más bajo y puede llegar a ser una alternativa atractiva. Pero si quieres una dirección más "común", mejor una extensión del tipo .com .

Para reservar un nombre de dominio, hay dos soluciones:

  • Ir a través de un registrador especializado. Es una organización que actúa como puente entre la ICANN (la organización que gestiona todos los nombres de dominio a nivel internacional) y tú mismo. GoDaddy, Tucows y Register son empresas de registro muy conocidas.

  • Mejor aún: puedes pedir el nombre de dominio junto con tu proveedor de alojamiento (esto es lo que yo recomiendo). De esta manera, matas dos pájaros de un tiro, puesto que de todos modos vas a necesitar un proveedor de alojamiento web y un nombre de dominio.

En este capítulo, vamos a ver cómo pedir un nombre de dominio junto con el proveedor de alojamiento web, ya que esto resulta de lejos lo más simple y menos costoso.

Proveedor de alojamiento web

Pasemos ahora al proveedor de alojamiento web.

¿Qué es un proveedor de alojamiento web y por qué necesito uno?

Todos los sitios web de internet se almacenan en equipos individuales llamados servidores (figura siguiente). Se trata generalmente de ordenadores muy potentes que no dejan de funcionar. Contienen las páginas del sitio web y se las proporcionan a los usuarios de internet según las solicitan, a cualquier hora del día o de la noche.

Un servidor
Un servidor

Un servidor no tiene pantalla puesto que funciona la mayor parte del tiempo por sí mismo sin necesidad de hacer nada en él. Como puedes ver, los servidores son muy planos: se colocan en un formato de servidor especial (llamado "1U"). Esto permite apilarlos en racks, es decir, una especie de armario con aire acondicionado para servidores (figura siguiente).

Un rack de servidores
Un rack de servidores

Como se ve, solo hay una pantalla para todo el rack. Es suficiente ya que la pantalla solo se conecta a un servidor cuando hay algún problema. La mayor parte del tiempo el servidor funciona afortunadamente sin problemas.

La función del proveedor de alojamiento web

El proveedor de alojamiento web es una empresa que se encarga de gestionar los racks del servidor. Se aseguran de que los servidores funcionen correctamente durante las veinticuatro horas del día, los siete días de la semana. De hecho, si un servidor falla, todos los sitios web que funcionen en él se vuelven inaccesibles (y esto crea clientes insatisfechos).

Estos racks están ubicados en lugares específicos llamados centros de datos (figura siguiente). Los centros de datos pueden por tanto considerarse "almacenes" de servidores y su acceso está altamente protegido.

Un centro de datos que contiene varios racks de servidores
Un centro de datos que contiene varios racks de servidores

En resumen, gestionar un servidor tú mismo es complejo; las personas y empresas en su mayoría confían en un proveedor de alojamiento web profesional.

Encontrar un proveedor de alojamiento web

Al contrario que registradores, hay muchos proveedores de alojamiento web. Hay muchos tipos y en todos los rangos de precios. Para escoger alguna de las soluciones que ofrecen, necesitas conocer la terminología utilizada:

    • Alojamiento compartido : si optas por una solución de alojamiento compartido, tu sitio web se colocará en un servidor que administra varios sitios web a la vez (tal vez un centenar o más). Es la solución más barata y la que yo recomiendo si estás empezando con tu sitio web.: si optas por una solución de alojamiento compartido, tu sitio web se colocará en un servidor que administra varios sitios web a la vez (tal vez un centenar o más). Es la solución más barata y la que yo recomiendo si estás empezando con tu sitio web.

    • Alojamiento virtual dedicado: en este caso el servidor no gestiona muchos sitios web (normalmente menos de diez). Esta solución suele ser adecuada para sitios web que, por un lado, ya no son adecuados para el alojamiento compartido, ya que generan mucho tráfico (demasiados visitantes), y por otro lado, su propietario no puede permitirse una solución de alojamiento dedicado (ver a continuación).: en este caso el servidor no gestiona muchos sitios web (normalmente menos de diez). Esta solución suele ser adecuada para sitios web que, por un lado, ya no son adecuados para el alojamiento compartido, ya que generan mucho tráfico (demasiados visitantes), y por otro lado, su propietario no puede permitirse una solución de alojamiento dedicado (ver a continuación).

    • Alojamiento dedicado (también conocido como "servidor dedicado"): esta es la solución para todo. El servidor solo gestiona tu sitio web y ningún otro. Ten en cuenta que es bastante caro y que es recomendable tener conocimientos de Linux para administrar el servidor de forma remota.

Por ejemplo, la propia Wikipedia utiliza un proveedor de alojamiento dedicado, ya que tiene una gran cantidad de tráfico.

¿Dónde encuentro un proveedor de alojamiento web?

Es muy sencillo.
Una búsqueda en Google de "alojamiento web", te dará millones de reultados. Las opciones te abrumarán.

Si puedo darte un consejo, te recomiendo que eches un vistazo al alojamiento web de PlanetHoster, que ofrece servicios de alojamiento de calidad. ¡También tienen descuentos para todos los lectores de este curso!

Volvamos a PlanetHoster. Este proveedor de alojamiento web ofrece varias soluciones de alojamiento compartido, como se muestra en la siguiente figura.

Alojamiento PlanetHoster

PlanetHoster ofrece descuentos especiales en todo su alojamiento web compartido para los lectores de este libro:

  • 5% de descuento en el plan "Essential";

  • 15% de descuento en los planes "Performance" y "Unlimited".

Estos descuentos son válidos si se introduce un código de promoción (entraré en más detalles sobre esto un poco más adelante) para un pedido anual de uno de estos planes:

  • Plan Essential: Espacio de 10 GB de disco, tráfico de 250 GB, un nombre de dominio y número ilimitado de cuentas de correo electrónico;

  • Plan Performance: Espacio de 50 GB de disco, tráfico ilimitado, un nombre de dominio y número ilimitado de cuentas de correo electrónico;

  • Plan ilimitado : espacio en disco, tráfico y un número ilimitado de cuentas de correo electrónico, así como un nombre de dominio.: espacio en disco, tráfico y un número ilimitado de cuentas de correo electrónico, así como un nombre de dominio.

Estas soluciones son en realidad muy similares y solo difieren en su espacio de almacenamiento y el tráfico.

Pero ¿qué se entiende por "tráfico"?

El tráfico es la cantidad de datos enviados por mes a los visitantes de tu sitio web. Por ejemplo, si tienes una imagen de 1 MB en tu página web y tus visitantes la cargan 500 veces a lo largo del mes, creas 500 MB de tráfico.
En la práctica, hay que señalar que los navegadores de los visitantes suelen colocar las imágenes en la memoria caché, evitando así tener que recargar la misma imagen varias veces. Esto también reduce el tráfico necesario.
Si tienes una gran cantidad de visitantes (y por tanto de tráfico), debes elegir un plan que permita más tráfico.

Pedir una solución de alojamiento para tu sitio web

Al hacer clic en cualquier botón de "Añadir al carrito" vas a la página que se muestra en la siguiente figura.

Formulario de pedido de Planet Hoster

Formulario de pedido de Planet Hoster

Hay tres elementos de información:

  • Seleccionar un producto : indicar el plan elegido. Puedes cambiar esto directamente a través de este suplemento;: indicar el plan elegido. Puedes cambiar esto directamente a través de este suplemento;

  • Nombre de dominio: esta sección permite elegir el nombre de dominio de tu sitio web. Volveremos a esto.

  • Datos del pedido: como su nombre indica, este cuadro resume tu pedido con el plan elegido y el precio a pagar.

El campo de texto abajo de Nombre de dominio solicita que introduzcas ... tu nombre de dominio. El sitio web dePlanetHoster comprobará a continuación si el dominio está disponible. Si lo está, puedes pasar al siguiente paso.
Si no, has de elegir otro nombre de dominio ya que ese ya lo han elegido y no se puede hacer mucho al respecto.
El sitio web te pregunta si deseas guardar este dominio o si quieres guardarlo por separado (figura de abajo).

PlanetHoster te indica si el nombre de dominio ya está registrado

PlanetHoster te indica si el nombre de dominio ya está registrado

Todo lo que te queda por hacer es introducir tus datos personales y completar la compra con tarjeta de crédito o Paypal.
Cuando hayas completado los trámites y el pago, te redireccionarán a PlanetHoster, lo cual confirma que se ha registrado tu pedido. Un poco más adelante, has de recibir un correo electrónico con toda la información necesaria para configurar tu sitio web. Guarda esta información en un lugar seguro, ya que la necesitarás más adelante.
Cuando hayas recibido por correo electrónico la información de inicio de sesión para conectarte a tu servidor de alojamiento, puedes ir al siguiente paso:¡ enviar tu sitio web a tu servidor de alojamiento

Usar un cliente FTP

Instalar un cliente FTP

FTP significa File Transfer Protocol y, en pocas palabras, es la forma que usamos para enviar nuestros archivos.
Hay software disponible para usar FTP para transferir archivos a través de internet.

Hay, por supuesto, cientos de programas FTP gratuitos y de pago.
Para asegurar que coincidamos, te sugiero el que yo uso, que es gratuito: FileZilla (figura de abajo).

El icono del conocido cliente FTP FileZilla
El icono del conocido cliente FTP FileZilla

De todos modos, voy a mostrar el procedimiento con FileZilla. El primer paso es, por supuesto, descargarlo.

Descargar FileZilla

Escoge la versión correspondiente a tu sistema operativo (Windows, Mac OS X o Linux)

Confío en ti para instalarlo. Es muy sencillo y no deberías tener ningún problema.
Ejecuta el software y deberías ver algo parecido a la figura de abajo.

FileZilla
FileZilla

A primera vista, parece un poco complicado (solo a primera vista). De hecho, su principio es muy sencillo.
Hay cuatro campos principales a considerar en la ventana:

  1. En la parte superior, verás los mensajes que el programa envía y recibe. Si tienes suerte, el servidor incluso te saludará (en serio, no es broma). En general, este campo no importa, a menos que haya mensajes de error en rojo...

  2. Tu disco duro aparece a la izquierda. Las carpetas se muestran en la parte superior y la lista de los archivos de la carpeta actual aparece en la parte inferior.

  3. La lista de los archivos subidos al sitio remoto se muestra a la derecha. De momento no aparece nada, ya que no estamos conectados, pero aparecerá no te preocupes.

  4. Por último, en la parte inferior, verás los archivos que se envían (y el porcentaje enviados).

El primer paso será conectar con tu servidor de alojamiento.

Configurar el cliente FTP

Independientemente del servicio de alojamiento servicio que elijas, siempre funciona de la misma manera. Vamos a ofrecerte tres elementos de información esenciales para que FileZilla pueda conectar con el servidor:

  • IP: es la "dirección" del servidor. Normalmente te dará información del tipo ftp.myhost.com, pero también puede ser una serie de números como 122.65.203.27.

  • Usuario: es tu nombre de usuario, que probablemente te habrán pedido elegir. Es posible que hayas introducido tu alias, o el nombre de tu sitio web. Mi usuario podría ser, por ejemplo, mateo21.

  • Contraseña: o te han pedido que elijas una contraseña, o (lo que es más probable) te han asignado automáticamente una (algo impronunciable como crf45u7h).

Si tienes estos tres elementos de información, podrás continuar.
Si no, tendrás que buscarlos, ya que son esenciales. Es probable que te los enviaran por correo electrónico. Si no es así, no dudes en pedírselos a tu proveedor de alojamiento web (IP, nombre de usuario y contraseña).

Ahora que tenemos esta información, vamos a dársela a FileZilla, que la necesita para conectarse al servidor.

Haz clic en el pequeño icono de la parte superior izquierda (no la flecha pequeña de la derecha, sino la imagen real), como muestra la siguiente figura.

El icono de conexión de FileZilla
El icono de conexión de FileZilla

Se abre una ventana. Haz clic en Nuevo sitio y dale el nombre que quieras ("Mi súper sitio web", por ejemplo). A la derecha, tendrás que especificar los tres elementos de información que acabo de mencionar, como en la siguiente figura.

Añadir un nuevo sitio web en FileZilla
Añadir un nuevo sitio web en FileZilla

El alojamiento web se muestra en la parte superior (aquí es donde has de especificar ftp.myhost.com , por ejemplo). Comprueba Tipo de autenticación: normal para permitirte introducir tu nombre de usuario y contraseña.

Haz clic en Conexión y (casi) has terminado.

Transferir archivos

En este punto tenemos dos posibilidades:

  • La conexión se ha realizado correctamente: verás entonces un mensaje verde como "Conectado" en la parte superior. En este caso, el campo de la derecha de la ventana de FileZilla debe activarse y verás los archivos que ya están en el servidor (puede haber unos pocos ya).

  • O se ha colgado, en cuyo caso tendrás un montón de mensajes en rojo y no hay vuelta de hoja: has cometido un error al introducir la dirección IP, el nombre de usuario o la contraseña. Uno de estos elementos es incorrecto, así que asegúrate de pedírselos a tu proveedor de alojamiento web de nuevo si es necesario, ya que si son correctos debe funcionar.

Si la conexión es correcta, lo que tienes que hacer es muy fácil: en la parte izquierda, mira dónde están ubicados tus archivos .html y .css (así como tus imágenes .jpg, .png y .gif, etc.) en el disco duro.
A la izquierda, haz doble clic en el archivo que deseas transferir. Tras unos segundos, aparecerá a la derecha, lo que significa que se ha cargado correctamente en el servidor, ¡y por lo tanto es accesible en internet!

La siguiente figura, por ejemplo, muestra el resultado obtenido después de transferir un archivo index.html y algunos otros archivos.

Los archivos están alojados en el servidor FTP
Los archivos están alojados en el servidor FTP

Esto aparece a la derecha, lo que significa que ahora está disponible en el servidor.

También puedes transferir carpetas enteras de una sola vez: solo tienes que arrastrar y soltar la carpeta desde el lado izquierdo (o directamente desde la ventana de tu sistema operativo) al lado derecho de la ventana de FileZilla.

Una vez configurado, se puede ver que el envío de archivos es muy sencillo.

En resumen

  • Por el momento, tu sitio web solo puedes verlo tú mismo en tu ordenador. Tienes que subirlo a internet para que puedan verlo todos.

  • Necesitas dos cosas:

    • Un nombre de dominio: se trata de la dirección de tu sitio web. Puedes reservar una dirección como un dominio .com, .fr o .net. Por ejemplo: google.com.

    • Un proveedor de alojamiento web: almacenará tu sitio web en un equipo llamado "servidor". Su trabajo consistirá en enviar tu sitio web a tus visitantes en cualquier momento del día o de la noche.

  • Para transferir archivos desde tu sitio web a tu servidor de alojamiento web, tienes que utilizar un cliente FTP como FileZilla.

  • Para conectar con el servidor, necesitas tres cosas: la dirección IP del servidor (o su nombre de host), tu nombre de usuario y tu contraseña. Esto te lo proporciona tu proveedor de alojamiento web.

Example of certificate of achievement
Example of certificate of achievement