{"id":863,"date":"2018-02-16T00:41:08","date_gmt":"2018-02-16T04:41:08","guid":{"rendered":"https:\/\/tecnojupiter.net\/?p=863"},"modified":"2023-04-12T08:04:02","modified_gmt":"2023-04-12T12:04:02","slug":"sitio-web-con-droppages-y-dropbox","status":"publish","type":"post","link":"https:\/\/tecnojupiter.test\/sitio-web-con-droppages-y-dropbox\/","title":{"rendered":"Usa DropPages para crear un sitio web alojando tus archivos en DropBox"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"450\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/02\/droppages-dropbox-800x450.png\" alt=\"DropPages\" class=\"wp-image-873\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/02\/droppages-dropbox-800x450.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/02\/droppages-dropbox-384x216.png 384w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/02\/droppages-dropbox.png 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n<p>Para crear un sitio web gratis existen muchos servicios pero como DropPages ninguno, ya que nos facilita este trabajo ofreci\u00e9ndonos recursos como una cuenta b\u00e1sica con un dominio gratis usando el formato <strong>miweb.droppages.com<\/strong> similar a un subdominio creado en <strong>WordPress.com<\/strong> y&nbsp;usando <strong>DropBox como herramienta principal<\/strong>.<\/p>\n\n\n\n<p>Ya debes saber que Dropbox es un servicio de alojamiento de archivos en la nube, operado por la compa\u00f1\u00eda Dropbox.<\/p>\n\n\n\n<p>Y su caracter\u00edstica o funci\u00f3n principal se centra en sincronizar y compartir archivos, y cuenta tambi\u00e9n con un sistema que tambi\u00e9n permite hacerlo mediante usb.<\/p>\n\n\n\n<p>La idea del creador de DropPages es relativamente sencilla y brillante. Simplemente permitimos el acceso de la aplicaci\u00f3n de DropPages a la cuenta de Dropbox para compartir un directorio \u00ab<strong>My.DropPages<\/strong>\u00bb donde subiremos los archivos esenciales de un sitio web y la aplicaci\u00f3n se encargar\u00e1 de interpretarlos para crear el sitio web con las caracter\u00edsticas est\u00e9ticas que le indiquemos.<\/p>\n\n\n\n<p>Nosotros subimos los archivos y DropPages crea la web sin necesidad de accesos FTP ni servidores contratados.<\/p>\n\n\n\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">&Iacute;ndice de contenido<\/p><ul class=\"toc_list\"><li><a href=\"#pasos_para_crear_un_sitio_web_estatico_usando_droppages\">Pasos para crear un sitio web est\u00e1tico usando DropPages<\/a><ul><li><a href=\"#crear_una_cuenta_en_dropbox\">Crear una cuenta en Dropbox<\/a><\/li><li><a href=\"#registrarse_en_droppages_con_la_cuenta_creada_en_dropbox\">Registrarse en DropPages con la cuenta creada en Dropbox<\/a><\/li><li><a href=\"#crear_un_nuevo_sitio\">Crear un nuevo sitio<\/a><\/li><li><a href=\"#subir_diseno_de_plantilla\">Subir dise\u00f1o de plantilla<\/a><\/li><li><a href=\"#publicar_sitio_web\">Publicar sitio web<\/a><\/li><\/ul><\/li><li><a href=\"#conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n<h2 class=\"wp-block-heading\"><span id=\"pasos_para_crear_un_sitio_web_estatico_usando_droppages\">Pasos para crear un sitio web est\u00e1tico usando DropPages<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"crear_una_cuenta_en_dropbox\">Crear una cuenta en Dropbox<\/span><\/h3>\n\n\n\n<p>El primer paso es crear o tener una cuenta en Dropbox para poder usar el servicio de DropPages, si a\u00fan no lo ha hecho, ingrese al sitio oficial de <a href=\"https:\/\/www.dropbox.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Dropbox<\/a> y registrese, luego de registrarse y confirmar su correo electr\u00f3nico el sistema le mostrara una ventana pop-up donde le avisara si quiere descargar la aplicaci\u00f3n de Dropbox para sincronizar sus archivos sin conexi\u00f3n con su almacenamiento en la nube.<\/p>\n\n\n\n<p>Descargar la aplicaci\u00f3n es opcional ya que depende de tus necesidades, si quieres subir los archivos manualmente a DropBox con el navegador o hacerlo usando la aplicaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"registrarse_en_droppages_con_la_cuenta_creada_en_dropbox\">Registrarse en DropPages con la cuenta creada en Dropbox<\/span><\/h3>\n\n\n\n<p>Ya con la cuenta creada en Dropbox ingresa a&nbsp;DropPages&nbsp;y <a href=\"http:\/\/my.droppages.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">reg\u00edstrate<\/a> usando la misma cuenta creada en DropBox. El prop\u00f3sito de esto, es vincular ambas cuentas. (<em>My.DropPages no est\u00e1 afiliada a Dropbox de ninguna manera<\/em>).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"278\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/permitir-acceso-droppages_ejiwqi.png\" alt=\"permitir acceso de droppages a dropbox\" class=\"wp-image-867\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/permitir-acceso-droppages_ejiwqi.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/permitir-acceso-droppages_ejiwqi-300x139.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading nolinks\"><span id=\"crear_un_nuevo_sitio\">Crear un nuevo sitio<\/span><\/h3>\n\n\n\n<p>Despu\u00e9s de permitir el acceso a la aplicacion My.DropPages para que cree su propia carpeta en Dropbox,&nbsp;ser\u00e1s redirigido al panel de administraci\u00f3n de tu cuenta.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/droppages_untamd.png\" alt=\"DropPages\" class=\"wp-image-868\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/droppages_untamd.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/droppages_untamd-300x200.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p>En dicho panel haga clic el bot\u00f3n \u00ab<strong>Create a new site<\/strong>\u00bb para crear el nuevo sitio e introduce la direcci\u00f3n que deseas para tu dominio, usando el formato de subdominio.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"284\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/droppages-create-dominio_n17j0g.png\" alt=\"create new site droppages\" class=\"wp-image-869\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/droppages-create-dominio_n17j0g.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/droppages-create-dominio_n17j0g-300x142.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p>Despu\u00e9s de pensar en un nombre de subdominio que no haya sido creado por otro usuario, haga clic en el bot\u00f3n \u00ab<strong>create<\/strong>\u00bb y DropPages creara el sitio en una carpeta con ese nombre de dominio en dropbox. (<em>No cerrar la pesta\u00f1a del sitio web<\/em>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"subir_diseno_de_plantilla\">Subir dise\u00f1o de plantilla<\/span><\/h3>\n\n\n\n<p>El siguiente paso es ir nuevamente a dropbox y&nbsp;acceder a la carpeta <strong>Aplicaciones<\/strong> &gt; <strong>My.DropPages<\/strong>. Dentro de ella se encuentra la carpeta de nuestro sitio.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1457\" height=\"406\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/carpetas-dropbox_sxgl2y.png\" alt=\"carpeta sitio en dropbox\" class=\"wp-image-870\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/carpetas-dropbox_sxgl2y.png 1457w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/carpetas-dropbox_sxgl2y-600x167.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/carpetas-dropbox_sxgl2y-300x84.png 300w\" sizes=\"(max-width: 1457px) 100vw, 1457px\" \/><\/figure><\/div>\n\n\n<p>Esta \u00faltima contiene en su interior tres directorios: <strong>Content<\/strong>, <strong>Public<\/strong> y <strong>Templates<\/strong>. En cada carpeta encontraras un archivo que se crea cuando agregas un nuevo sitio en droppages.<\/p>\n\n\n\n<ul>\n<li><strong>index.txt<\/strong>&nbsp;en la carpeta \u201c<b>Content<\/b>\u201c<\/li>\n\n\n\n<li><strong>main.css<\/strong>&nbsp;en la carpeta \u201c<b>Public<\/b>\u201c<\/li>\n\n\n\n<li><strong>base.html<\/strong>&nbsp;en la carpeta \u201c<b>Templates<\/b>\u201c<\/li>\n<\/ul>\n\n\n\n<p>Cuando ingresas a la direcci\u00f3n de tu nuevo dominio los tres archivos te mostraran una pagina de inicio:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"126\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/defaultindexdroppages_j94r8x.png\" alt=\"default droppages\" class=\"wp-image-871\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/defaultindexdroppages_j94r8x.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/defaultindexdroppages_j94r8x-300x63.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p>Puedes personalizar la plantilla por defecto, reemplazando el c\u00f3digo en los archivos existentes \u00abmain.css\u00bb y \u00abbase.html\u00bb. O&nbsp;crear tu dise\u00f1o de plantilla con <a href=\"https:\/\/tecnojupiter.test\/crear-una-pagina-web-gratis-facil-rapido-con-mobirise\/\" target=\"_blank\" rel=\"noopener noreferrer\">mobirise<\/a>&nbsp;sin necesidad de escribir alg\u00fan c\u00f3digo.<\/p>\n\n\n\n<p>Como ya tengo una plantilla he eliminado los tres archivos que se encuentran en las carpetas mencionadas anteriormente y he subido manualmente&nbsp;los archivos js, css, html a DropBox con el navegador a la carpeta \u00ab<strong>Public<\/strong>\u00ab.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"publicar_sitio_web\">Publicar sitio web<\/span><\/h3>\n\n\n\n<p>Ya elegido el dise\u00f1o de la plantilla y su contenido, estamos listo para publicar el nuevo sitio web est\u00e1tico, regresamos a la p\u00e1gina de My.DropPages&nbsp;y finalmente presionamos el bot\u00f3n \u00ab<strong>Publish now<\/strong>\u00ab. Es todo, solo queda ingresar a la URL del sitio creado y navegar para verificar que todo funcione bien.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"366\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/sitio-publicado-droppages_pdlwvy.png\" alt=\"sitio publicado droppages\" class=\"wp-image-874\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/sitio-publicado-droppages_pdlwvy.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/sitio-publicado-droppages_pdlwvy-300x183.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p>La url del sitio creado:&nbsp;http:\/\/tecnojupiter.droppages.com\/&nbsp;y la&nbsp;<a href=\"https:\/\/www.dropbox.com\/s\/ha92ehibqevkpcv\/plantilla%20web.zip?dl=0\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">url de la plantilla<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"conclusion\">Conclusi\u00f3n<\/span><\/h2>\n\n\n\n<p>DropPages es un proyecto realmente interesante que a pesar de sus pocas actualizaciones desde su lanzamiento en 2011, propone ser una de las mejores maneras de publicar contenidos o un sitio web sin muchas complicaciones.<\/p>\n\n\n\n<p>De forma gratuita, tiene un l\u00edmite de uso de hasta 50 MB y un m\u00e1ximo dos subdominios. Para que se entienda lo que pretendo decir, el ejemplo anterior la plantilla utiliza solo 887Kb.<\/p>\n\n\n\n<p>Sin embargo, podemos aumentar el l\u00edmite de uso a 1 GB, as\u00ed como habilitar dominios personalizados, actualizando a una versi\u00f3n de pago.<\/p>\n\n\n\n<div class=\"wp-block-easyblock-note-info\">DropPages ahora solo ofrece una prueba gratuita de 7 d\u00edas.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Para crear un sitio web gratis existen muchos servicios pero como DropPages ninguno, ya que nos facilita este trabajo ofreci\u00e9ndonos recursos como una cuenta b\u00e1sica con un dominio gratis usando el formato miweb.droppages.com similar a un subdominio creado en WordPress.com y&nbsp;usando DropBox como herramienta principal. Ya debes saber que Dropbox es un servicio de alojamiento&#8230;<\/p>\n","protected":false},"author":1,"featured_media":873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[3],"tags":[6,14],"_links":{"self":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/863"}],"collection":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/comments?post=863"}],"version-history":[{"count":2,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/863\/revisions"}],"predecessor-version":[{"id":2853,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/863\/revisions\/2853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media\/873"}],"wp:attachment":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media?parent=863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/categories?post=863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/tags?post=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}