Cómo usar Dropbox para alojar un sitio web HTML simple

Alojar incluso los sitios web más simples necesita que sepas mucho sobre cosas como nombres de dominio, espacio de alojamiento web, servidores, CMS, etc. Esto es especialmente preocupante si eres alguien nuevo en este tipo de cosas. Dicho esto, si desea alojar sitios web complejos como RTT, no tiene otra forma que revisar todas las cosas que dije antes. Sin embargo, si todo lo que necesita es un sitio web simple con solo unas pocas páginas, digamos como un sitio de cartera o un sitio para pequeñas empresas, entonces el proceso no tiene por qué ser tan complicado.

La mayoría de nosotros usamos Dropbox para almacenar y compartir archivos. No solo para almacenar y compartir, sino que también puede usar Dropbox para muchas otras cosas. Uno de ellos es alojar su propio sitio web en Dropbox de forma gratuita. Por lo tanto, si lo que necesita es un sitio web simple, aquí le explicamos cómo utilizar Dropbox para alojar sitios web con solo unos pocos clics.

Aquí está el sitio web de demostración que alojamos en Dropbox.

Limitaciones

Bueno, cuando elige alojar su sitio web con Dropbox, debe tener en cuenta algunas limitaciones. Esto se debe a que Dropbox es un servicio de almacenamiento en la nube y no está diseñado para alojar sitios web. A continuación, se incluyen algunas cosas que debe tener en cuenta.

  • El espacio libre es de solo 2 GB. Puede aumentarlo con referencias.
  • Solo puede alojar sitios web HTML estáticos. No puede alojar sitios web dinámicos que utilicen PHP, Java, etc.
  • El ancho de banda es limitado y si su sitio web está recibiendo mucho tráfico, entonces su sitio puede estar inactivo para la mayoría de ellos.
  • No tiene acceso al servidor ni a las configuraciones avanzadas que obtiene cuando aloja su sitio en un servidor web dedicado.
  • Dado que no obtendrá ningún editor visual para crear archivos HTML, necesita saber un poco de HTML, CSS y un par de cosas sobre la edición de Markdown.
  • Para alojar un dominio personalizado, deberá optar por la versión premium.

Utilice Dropbox para alojar un sitio web

Existen varios servicios gratuitos que le permiten alojar sitios web en Dropbox. Para este tutorial en particular, estoy usando DropPages. Con la cuenta gratuita, está limitado a utilizar el subdominio de DropPages con 50 MB de almacenamiento. Si desea utilizar su propio nombre de dominio con mayor capacidad de almacenamiento, debe registrarse en su plan premium.

Para comenzar, diríjase a DropPages y luego haga clic en «Registrarse”Que aparece en la página de inicio.

La acción anterior lo llevará a la pantalla de autenticación de Dropbox. Aquí, haga clic en el botón «Permitir» para otorgar los permisos a DropPages. No se preocupe, DropPages solo tendrá permiso para acceder a su propia carpeta. No podrá acceder a otras carpetas o archivos en su cuenta de Dropbox.

Después de otorgar los permisos requeridos, será redirigido nuevamente a DropPages. Aquí, haga clic en el botón «Crear un nuevo sitio».

Esto lo llevará a la página de selección de dominio. Aquí, ingrese su nuevo nombre de dominio como example.droppages.com y haga clic en el botón «Crear». No olvide reemplazar «ejemplo» con su propio nombre personalizado. Dado que tiene un plan gratuito, no puede agregar un dominio personalizado.

Eso es todo lo que hay que hacer. Ha creado correctamente un sitio web con Dropbox y DropPages. Al dirigirse al dominio que creó, puede acceder a su nuevo sitio web. Por supuesto, no habrá mucho hasta que le agregue contenido.

Todos los archivos creados por DropPages se almacenarán en su cuenta de Dropbox. Si abre su cuenta de Dropbox y navega a /Apps/My.DropPages/, verá una nueva carpeta con su nombre de dominio.

Dentro de esta carpeta, verá otras tres subcarpetas. Esto es lo que son y lo que hacen.

Contenido: La carpeta de contenido se usa para cargar los archivos de texto que están escritos en lenguaje Markdown. Estos archivos de texto luego se renderizan como HTML usando la carpeta Plantilla. No tiene que usar específicamente los archivos de texto con Markdown para crear contenido para su sitio, pero le hará la vida mucho más fácil.

Público: Esta carpeta aloja todos los archivos públicos como CSS, JS, imágenes y de su contenido descargable como PDF, archivos ZIP, etc.

Plantillas: Puede utilizar esta carpeta para alojar todos sus archivos HTML. Esta carpeta también es responsable de renderizar archivos HTML con los archivos de texto en la carpeta Contenido.

Para agregar contenido a su nuevo sitio, cargue los archivos HTML en la carpeta Plantillas y otros archivos como imágenes, CSS y JS en la carpeta Pública. Si todo va bien, tendrá su nuevo sitio web en funcionamiento en poco tiempo.

Ahora, si va a su nombre de dominio, verá que el diseño es bastante básico con solo dos líneas de texto. Sin imágenes ni css.

Puede cargar sus propios archivos HTML y CSS en el contenido y la carpeta pública.

O, DropPages también ofrece 3 temas gratuitos. Descargue cualquiera de ellos, extraiga el contenido y encontrará tres carpetas: Contenido, Público y Plantillas. Simplemente cargue el contenido de estas carpetas en el directorio respectivo de su Dropbox y obtendrá un sitio web como este. (vea la captura de pantalla en la parte superior).

Para cambiar la entrada de texto e imágenes en el sitio web, actualice la carpeta Contenido y público.

Hay varios temas HTML gratuitos que pueden ayudarlo a crear el sitio web que desea. Aquí tienes un buen sitio para que comiences con algunos buenos temas HTML. Si no sabe cómo escribir HTML, puede utilizar esta herramienta gratuita para crear contenido HTML.

Además, no olvide leer la documentación de DropPages para aprovecharla al máximo.

Dicho esto, si se toma en serio su sitio web, le recomiendo que lo aloje en un servidor web adecuado con un nombre de dominio adecuado. El siguiente video lo ayudará a crear un sitio web profesional con WordPress en menos de 10 minutos.

Espero haberlo ayudado y comente a continuación compartiendo sus pensamientos y experiencias sobre el uso del método anterior para usar Dropbox para alojar un sitio web.