X

Como colgar mi página web en Internet

Todo lo que necesitas saber para subir una web a Internet. Te explicamos paso a paso como publicar tu web.

Para colgar la web en Internet y que todo el mundo pueda verla necesitas una serie de recursos. No basta con planear la página web y desarrollar la web. Una vez la tienes creada hay que hacerla accesible a cualquiera que quiera visitarla. Para ello, los siguientes pasos pueden ayudarte.

1. Contratar un servicio de alojamiento web

El alojamiento web (hosting) es esencial para que puedas subir a Internet todos los archivos que has creado para tu web, junto con las imágenes y carpetas.

Cuando contrates el alojamiento web, tendrás que subir todos los archivos que creaste al espacio web que te dará la empresa de hosting, por lo que tendrás que tener cuidado cuando estés haciendo la web de usar enlaces relativos en lugar de absolutos para que funcionen correctamente al subirlos a tu espacio web. Si organizas bien los archivos de tu página web en carpetas y enlazas por medio de enlaces relativos no tendrás problema.

Hay muchas empresas de alojamiento web, así que hay que tener cuidado de no elegir la primera que encontramos. Tienes ofertas hosting gratuito y de pago suficiente para elegir, por lo que sería conveniente que revisaras a fondo varias empresas que te gusten y mires en foros que opinan otros webmasters sobre ellas para que vayas viendo si son de fiar o no, qué tal es el soporte técnico, si son rápidos sus servidores, si fallan con frecuencia y sobre todo como responden cuando hay problemas.

Procura hacer todo lo posible por elegir un alojamiento web de calidad, te ahorrarás muchos problemas. Tienes más información en las siguientes guías:

2. Registrar un nombre de dominio

Para que alguien pueda visitar tu página, esta debe estar en una dirección concreta, y para eso están los dominios. Puede decirse que dan una dirección a las páginas de tu web para que puedan ser encontradas por cualquiera que lo desee.

Hay nombres de dominio gratuitos y de pago, te recomiendo los de pago, aunque eres libre de elegir lo que te apetezca.

Un nombre de dominio gratuito suele ser una dirección larga, del tipo www.empresadehosting.com/usuario/web/index.html dificil de recordar y poco profesional, además de que con frecuencia insertan publicidad en tu página (lo mismo que muchos hostings gratuitos),mientras que los nombres de dominio de pago son los típicos miweb.com, paginaweb.net, etc. mucho más profesionales y en la mayoría de los casos más cortos y sencillos de recordar.

Actualmente el precio de los dominios es bastante asequible para la mayoría de webmasters, por lo que es una opción muy recomendable si quieres tener una página web seria.

Nunca está de más leer algunos consejos para registrar un nombre de dominio y no tener problemas.

También es recomendable pensar bien para elegir un buen nombre, porque será como tu marca en internet.

3. Como subir una página web a internet

Una vez tienes el dominio y el hosting lo siguiente es subir todos los archivos de la web al espacio que te da el hosting.

Lo más típico es subir la web por FTP, pero algunas empresas de alojamiento web ofrecen la opción de subir y gestionar los archivos mediante una aplicación online.

Subir los archivos HTML a tu web

Una vez tienes hecha la página, si estás usando directamente formato HTML y no un CMS como Wordpress, para que pueda ser vista en los diferentes navegadores y no te de errores al subir los archivos al servidor web . Para esto, tienes que elegir guardar como HTML, así toda la estructura que hayas creado, con sus enlaces, colores, tamaños de fuente y demás, se guardarán correctamente.

Pero tienes que tener algunas cosas en cuenta para elegir el nombre del archivo HTML:

  • El nombre no puede contener espacios: No puedes guardar una página con el nombre pagina web.html, ésta debería guardarse de alguna de estas formas: paginaweb.html, pagina_web.html o pagina-web.html. Normalmente los servidores web no permiten archivos con espacios, así que siempre hay que utiliza guiones o varias palabras juntas.
  • El archivo siempre debe acabar en HTML o HTM: la extensión del archivo debe ser .html o .htm para que te guarde la página web en el formato correcto y no haya errores. Puedes usar uno de los dos indistintamente, funcionan igual, pero personalmente considero que es más correcto usar .html, al fin y al cabo estamos hablando de lenguaje HTML, no HTM. En el caso de páginas dinámicas si extensión debe ser .php, .asp, etc. dependiendo de la tencología que utilices. Para páginas estáticas puedes usar la extensión .html.
  • No están permitidos los acentos ni símbolos extraños: como $, %, ^, &. No puedes guardar una página como página^web.html, por ejemplo, más que nada porque al subirla a tu servidor tendrás problemas en la mayoría de hostings, normalmente no se suelen permitir archivos con estos caracteres especiales.
  • No escribas los nombres de archivo en mayúsculas: es mucho mejor utilizar paginaweb.html que PAGINAWEB.HTML. La página se vería igual de las dos maneras, en este caso los servidores web no suelen tener problemas para mostrarlas, el problema es que la gente suele escribir las direcciones web en minúsculas. Al escribir una dirección directamente en el navegador, ésta se busca tal cual se ha escrito (incluyendo mayúsculas y minúsculas), por lo que si tu página tiene el nombre en mayúsculas y un visitante lo escribe bien, pero en minúsculas (que es lo más habitual), dará un error 404 (página no encontrada). Esto sucede porque se diferencia entre mayúsculas y minúsculas, dando lugar a considerarlo como distintos archivos. Nota que para el navegador son diferentes todos estos archivos, aunque tengan el mismo nombre: web.html, WEB.html, WEB.HTML, Web.html, WeB.Html, etc.

Si quieres saber como se hace una web desde cero, puedes leer el manual empezar de cero a hacer una web. También es conveniente profundizar más en la estructura del lenguaje HTML, para ello puedes aprender a través de algún manual de HTML, tendrás mayor control sobre el desarrollo de tu web y te será más fácil hacer cambios y mantenerla.

Como subir la web al servidor por FTP

Subir los archivos mediante FTP es muy sencillo. El servicio de hosting te proporcionará unos datos para conectarte a tu espacio web mediante tu programa de FTP y una vez te conectes sólo tendrás que copiar todos los archivos y carpetas en tu espacio.

Una vez subido todo el material es bueno revisar la web para comprobar que se vea bien en Internet, los enlaces funcionen, las imágenes se muestren, etc.

Guía de CuteFTP

 

Bájate el programa para empezar con la explicación: Cute FTP.

Instalación de Cute FTP

Una vez descargado el programa lo ejecutamos. Tendremos que seguir una serie de pasos comunes a toda instalación, como elegir el directorio para instalarlo, el tipo de instalación (típica, compacta o personalizada). En este caso elegimos típica, la instalación comienza enseguida y no presenta mayores problemas.

Configuración de Cute FTP

Una vez instalado el programa, al ser una versión de prueba, te ofrece la opción de introducir la licencia del programa o continuar, nosotros le damos a continuar y nos aparece una pantalla con el siguiente cuadro de diálogo:

Llegados a este punto, necesitamos los siguientes datos para configurar el cliente CuteFTP, los cuales debe proporcionarte tu servicio de hosting:

  1. Dirección de tu servidor web.
  2. Contraseña y usuario para acceder al servidor web vía FTP.

Donde pone Host Address debes introducir el nombre del servidor, y en Site Name el nombre que le quieras poner a la configuración que estamos haciendo (puedes poner el nombre de tu web o cualquier otra cosa con tal de que luego sepas qué es).

Hacemos clic en siguiente.

La próxima pantalla es similar a la anterior, pero en este caso debes introducir el nombre de usuario de tu cuenta FTP (User Name) y la clave de dicha cuenta (password). Otra vez damos a siguiente.

Ahora nos pide que seleccionemos la carpeta local con la que queremos trabajar (Default Local Folder), no es necesario que seleccionemos carpeta remota por el momento (Default Remote Folder). La carpeta local debería ser la carpeta en la que tienes los archivos de tu web.

Le damos a siguiente nuevamente y a continuación a finalizar. Una vez conectado al servidor, ya podemos empezar a subir archivos.

Publicar las páginas en el servidor

La siguiente pantalla que aparece es similar a esta:

Me he permitido dibujar algunas flechas para explicar un poco la estructura básica del cliente cute FTP:

  1. La flecha verde señala la carpeta de tu disco duro, esa que configuraste como carpeta local. En ella deberías tener todos los archivos de la web que has hecho.
  2. La flecha roja señala el servidor web. Es el sitio al que tendrás que copiar los archivos que tienes en tu disco duro.

Ahora ya podemos empezar a subir la web, para ello lo que tienes que hacer es seleccionar los archivos de tu carpeta local que quieras copiar al servidor y arrastrarlos:

Otras operaciones sencillas

1. Borrar y renombrar archivos del servidor: para hacerlo sólo tienes que seleccionar el archivo que quieras borrar, renombrar, etc. hacer clic en el botón derecho del ratón y pulsar en la opción del menú emergente:

Para borrar la opción a seleccionar es delete, para cambiar el nombre del archivo rename, para ver el código fuente view, para editarlo edit

2. Cambiar permisos de escritura: para cambiar los permisos de escritura de un archivo tienes que seguir los mismos pasos que para borrar, editar, etc. Es decir, seleccionas el archivo, pulsas el botón derecho del ratón y haces clic en la opción llamada Properties / CHMOD. Te aparece una pantalla como esta en que que puedes dar los permisos de escritura que necesites para cada archivo o carpeta:

FTP FileZilla para subir páginas a internet

FileZilla es uno de los más conocidos y empleados clientes FTP. Y la razón de ello es sencilla: es excelente.

Posee múltiples funcionalidades que permiten un manejo completo de los archivos de sitios web, incluyendo la edición de los mismos.

Muchos de los clientes FTP que se ofrecen en el mercado, cuentan con licencias que permiten su uso en forma gratuita. Uno de ellos, el más difundido y quizá uno de los mejores, es FileZilla.

 

Características de FileZilla

Las características que distingue a este cliente FTP son:

  1. Facilidad de uso, con una interfaz intuitiva y de sencilla comprensión aún por usuarios inexpertos. Muchas de las funciones que presenta solo requiere el manejo del ratón. Por ejemplo, haciendo clic con el botón derecho sobre un archivo, se abre un menú que permite varias funciones diferentes.
  2. Utilización de todos los protocolos de transferencia de archivos, incluyendo FTP, FTPS y SFTP, por lo que sirve para funcionar en cualquier modalidad.
  3. Está traducido a varios idiomas, incluyendo el español.
  4. Cuenta con poderosas herramientas que permiten manejar archivos y directorios dentro del servidor, siendo muchas veces superior su desempeño a las herramientas ofrecidas por los servidores en sus paneles de control.
  5. Soporta el método de arrastrar y soltar para la transferencia de archivos y directorios completos en ambos sentidos, es decir, para subir y descargar archivos desde el servidor. También este método es soportado para la administración de los archivos dentro del servidor y el ordenador, lo que permite a los usuarios manejar todos los archivos (incluso abrir, cerrar, copiar, pegar, cortar, cambiar nombres, etc.) sin tener que cambiar de programa. Esto reduce la cantidad de programas abiertos para realizar diferentes operaciones durante el proceso de administración de los archivos.
  6. Permite la localización de archivos mediante el empleo de filtros, tanto en el ordenador local como en el servidor.
  7. Permite configurar la velocidad de transferencia de archivos.
  8. Posibilidad de manejar los permisos de los archivos guardados en el servidor.
  9. Cuenta con funciones que automatizan algunas tareas. Por ejemplo, cuenta con la posibilidad de utilizar marcadores para acceder a diferentes sitios, archivos, etc.
  10. Edición de archivos (el único requerimiento es que el tipo de archivo cuente con un programa en el PC del operador capaz de abrir y editar el archivo) remotos, funcionalidad a la que se accede solo con el empleo del ratón.
  11. Se pueden realizar varias operaciones sobre la cuenta del operador en el servidor, como cambio de contraseña y nombre de usuarios.
  12. Múltiples posibilidades de configuración de las conexiones y de la interfaz del usuario, permitiendo un manejo acorde a los requerimientos del usuario.

 

Instalación de Filezilla

Dependiendo de la versión, el programa puede descargar directamente el ejecutable o un archivo comprimido, tras lo cual para instalar FileZilla se debe proceder de la siguiente forma:

  • Windows: basta con ejecutar el ejecutable (se descarga directamente sin comprimir), seleccionar el idioma de instalación, aceptar las condiciones de la licencia, seleccionar los componentes que se quieren instalar, seleccionar la ubicación de los archivos, marcar si se desean instalar accesos directos, y hacer clic en Finalizar.
  • Mac: En el caso de que la descarga se haga a través de Safari, se cuenta con la opción de la instalación automática, es decir, que la descarga y la instalación se hace en un solo paso, y se sigue el mismo procedimiento descrito para Windows. En caso de que se utilice otra forma de descarga, el procedimiento es igual al que se realiza en Windows, con ejecución del archivo descargado.
  • Linux: FileZilla detecta automáticamente el prefijo de instalación, lo que permite su ejecución desde cualquier locación. Luego, debe ejecutarse el programa desde el subdirectorio bin/.

modificado el 19 febrero, 2018 22:01

Verónica Milán: Se dedica desde hace más de 14 años al diseño y desarrollo web y al marketing online. Apasionada de Internet y los proyectos online. Sigue muy de cerca todo lo que se cuece en cuanto a emprendimiento. Ha trabajado para empresas como ELPAIS, Banco Santander y Tuenti (Telefónica).

Ver comentarios (222)

  • Realmente apreciar este maravilloso mensaje que nos ha proporcionado para us.Great sitio y un gran tema, así que realmente llegue sorprendido al leer esto. Es muy bueno.

  • Muy explicación... ¡¡¡¡Felicidades son excelentes esto me ha servido mucho!!!!

    Muchísimas gracias.

  • Hola!
    Un amigo me pidió ayuda, su pagina web ya esta en internet, pero de pronto se vino abajo, parece que hay un problema con su base de datos, al abrir la pagina aparece un mensaje de error que dice "Error displaying the error page: Application instalation error: Could not connect to MySQL."

  • Soy diseñador gráfico y quiero aprender a crear y subir páginas web. ¿Alguien puede decirme donde aprender de una manera fiable?
    Verónica, tu pareces saber bien el tema.

  • Hola, tengo Cuteftp pero he olvidado la contraseña y no sé cuál es la manera de recuperarla o, al menos, cambiarla. Me podrías ayudar? Gracias.

  • Me ha servido de mucho tus explicaciones. Empezare a poner el practica todo aquello que has explicado. Solo espero a hacerlo de forma correcta!

    Muchas gracias!

  • Hola a todos, a ver si alguien puede ayudarme.
    yo he hecho un interactivo en indesign y lo he exportado a swf y a html.
    He subido a mi dominio de Arsys los dos, y la carpeta de fotos, pero resulta que sólo funciona el swf.
    El html no. Tengo que crear un index?

  • Hola Verónica. Leyendo los comentarios he resuelto buena cantidad de dudas. Aunque aún me quedan algunas.

    Tengo un dominio con hosting. Sin embargo, quien diseñó la web es ahora un enemigo y ha decidido destruirla.

    Mi consulta es : ¿El proveedor de hosting puede brindar el acceso al ftp? si es así, implemente sobreescribo la web alojada con una nueva. ¿Es esto correcto? ¿Puedo saltarme al diseñador de antemano?

    Muchas gracias por la ayuda.

  • Creo que es interesante ya que de esta forma muchos podemos hacer uso de las herramientas virtuales

  • Gracias, me sirvió mucho. La verdad no lo hice con tu programa, lo probé con el mío y siguiendo todos los pasos funcionó, buen post.

  • Hola, gracias por la guía, ya pude subir mi web al servidor, pero no sé por qué cuando pongo el dominio para ver si está no sale nada! ¿alguien me podría explicar esto un poco?

  • Hola, excelente guia, está muy bien explicada.
    He subido una web en orgfree.com (la recomiendas en el post numero 18)y hay unos archivos predeterminados (403.html, 404.html, favicon.ico, robots.txt y una carpeta llamada "images").
    Mi duda es: ¿que debo hacer con esos archivos?, ¿los elimino, o los dejo al lado de mi index?

Artículos relacionados