{"id":165,"date":"2026-02-24T17:21:49","date_gmt":"2026-02-24T17:21:49","guid":{"rendered":"https:\/\/hackcuba.net\/?p=165"},"modified":"2026-02-24T17:21:49","modified_gmt":"2026-02-24T17:21:49","slug":"que-se-necesita-para-publicar-tu-sitio-web-en-internet","status":"publish","type":"post","link":"https:\/\/hackcuba.net\/?p=165","title":{"rendered":"\u00bfQu\u00e9 se necesita para publicar tu sitio web en internet?"},"content":{"rendered":"\n

Enviado por: Carlos M. Martin Hernandez<\/em><\/strong><\/p>\n\n\n\n

Hoy en d\u00eda hay muchas formas de publicar tu sitio web, las cuales deber\u00e1s evaluar de acuerdo a lo que deseas comunicar en Internet. A continuaci\u00f3n te daremos algunos tips para hacerlo.<\/p>\n\n\n\n\n\n\n\n

La idea de este art\u00edculo es establecer algunos puntos que no debemos dejar de tomar en cuenta a la hora de publicar nuestro sitio web.<\/p>\n\n\n\n

\u00bfQu\u00e9 publicaremos?<\/strong><\/p>\n\n\n\n

Esto es lo primero a resolver. Queremos publicar un sitio personal, profesional, un blog, audio u otros. Esta elecci\u00f3n inicial definir\u00e1 a nuestra publicaci\u00f3n, raz\u00f3n por la cual hay que estar bien seguros y planificar lo m\u00e1ximo posible. El tipo de sitio que publiquemos cumplir\u00e1 un objetivo principal el cu\u00e1l debemos tener claramente delineado antes de comenzar a hacer nada.<\/p>\n\n\n\n

\u00bfC\u00f3mo publicaremos?<\/strong><\/p>\n\n\n\n

En este punto juegan los recursos materiales y los conocimientos de los cuales disponemos o podr\u00edamos disponer. Este presupuesto primario nos definir\u00e1 que tipo de publicaci\u00f3n podemos gestar. Si no contamos con financiaci\u00f3n suficiente para costear un hosting, un dominio, ni contamos con capacitaci\u00f3n suficiente para editar nuestras p\u00e1ginas la mejor elecci\u00f3n ser\u00e1 utilizar un asistente de publicaci\u00f3n de alg\u00fan servicio de hosting gratuito o patrocinado.<\/p>\n\n\n\n

Si por el contrario disponemos de financiaci\u00f3n para costear dominio y hosting profesional y adem\u00e1s los conocimientos necesarios para editar nuestras p\u00e1ginas e incluso para dise\u00f1arlas y\/o programarlas podremos acceder a una publicaci\u00f3n de tipo profesional.<\/p>\n\n\n\n

\u00bfD\u00f3nde publicaremos?<\/strong><\/p>\n\n\n\n

Definidos ya nuestros recursos materiales y capacidades t\u00e9cnicas el pr\u00f3ximo paso ser\u00e1 elegir el proveedor de hosting. Existe gran oferta de hosting, registro de dominios y cada una puede ajustarse a lo que requerimos si es que lo tenemos bien definido. En este sentido seg\u00fan nuestro proyecto de publicaci\u00f3n es probable que necesitemos recursos tales como bases de datos y aplicaciones tales como CGI, etc.<\/p>\n\n\n\n

\u00bfC\u00f3mo se estructura el sitio?<\/strong><\/p>\n\n\n\n

De acuerdo a las necesidades que implique el proyecto debemos plantear la estructura primaria del sitio. Es decir \u00bfqu\u00e9 necesitaremos mostrar?, \u00bfde qu\u00e9 manera? y tener muy en cuenta detalles como navegabilidad, usabilidad, ampliaciones y modificaciones probables futuras.<\/p>\n\n\n\n

\u00bfQu\u00e9 herramientas usaremos?<\/strong><\/p>\n\n\n\n

Si nuestra publicaci\u00f3n usar\u00e1 alg\u00fan asistente de un hosting gratuito o patrocinado deberemos seguir los pasos que nos plantea el mismo y en general no tendremos que acudir a software aparte, excepto para modificar las im\u00e1genes que carguemos y alg\u00fan otro complemento.<\/p>\n\n\n\n

El alta de archivos y hasta la creaci\u00f3n misma en estos sistema generalmente se base en formularios que al ser completados reflejan nuestro contenido en un subdominio. Si por el contrario editamos o creamos nuestras p\u00e1ginas sin asistentes tendremos que conseguir al menos tres tipos de software: editor HTML, editor de im\u00e1genes y alg\u00fan cliente de FTP para subir los archivos al servidor contratado.<\/p>\n\n\n\n

Consejos b\u00e1sicos sobre construcci\u00f3n de un sitio<\/p>\n\n\n\n

Hay que tener en cuenta que cuando una p\u00e1gina HTML muestra una imagen no es como en un documento de Word que la misma viene incrustada en el archivo sino que est\u00e1n enlazadas y muestran un archivo externo al HTML. De esto se desprenden algunas cuestiones.<\/p>\n\n\n\n

Uso de im\u00e1genes:<\/strong><\/p>\n\n\n\n

Hay que asegurarse de subir la imagen que deseamos mostrar en el HTML.<\/p>\n\n\n\n

Hay que asegurarse que el enlace no sea absoluto sino relativo, esto significa que el enlace no debe tener la forma \u201cC:\\Mi Web\\imagen\\imagen.gif\u201d sino que debe tener la ruta relativa para encontrar la imagen y la forma ser\u00eda por ejemplo \u201cimagen\/imagen.gif\u201d.<\/p>\n\n\n\n

Los nombres de archivos en un servidor web no tienen las mismas posibilidades que en nuestro ordenador, es decir, hay que evitar los espacios en blanco, acentos y \u00f1 por ejemplo en el nombre de un archivo que ser\u00e1 subido al servidor web.<\/p>\n\n\n\n

Si el archivo se denominaba en nuestro disco \u201cfoto de un ni\u00f1o.gif\u201d convendr\u00e1 adecuarlo a los requerimientos de publicaci\u00f3n web, es decir deber\u00e1 denominarse por ejemplo\u2026 \u201cfotodeunninio.gif\u201d. A su vez algunos servidores diferencian entre may\u00fasculas y min\u00fasculas, a tener mucha precauci\u00f3n con esto, puede que la imagen no se muestre porque al editar el HTML enlazamos la imagen \u201cFotodeunninio.GIF\u201d y la imagen al ser subida tome el nombre \u201cfotodeunninio.gif\u201d, conviene en todo caso antes de enlazar im\u00e1genes dentro de un HTML.<\/p>\n\n\n\n

Asegurarse que est\u00e1 en la ruta correcta y que su nombre est\u00e9 todo en min\u00fasculas, sin espacios ni acentos.<\/p>\n\n\n\n

El peso de la imagen y el tama\u00f1o, si tenemos una imagen excesivamente grande y la achicamos d\u00e1ndole tama\u00f1o espec\u00edfico dentro del HTML para mostrarla peque\u00f1a eso no har\u00e1 que la imagen se cargue m\u00e1s r\u00e1pido, lo correcto es redimensionar la misma con un editor de imagen y luego si subirla.<\/p>\n\n\n\n

Las im\u00e1genes soportadas por los navegadores en general y con las cuales nos ahorraremos problemas son gif, jpg. y png. En cuanto a cualquier otro complemento los cuidados a tener son exactamente los mismos, ya sea que agreguemos archivos de java, flash, mp3, windows media, etc.<\/p>\n\n\n\n

Las tipograf\u00edas:<\/strong><\/p>\n\n\n\n

Si no estamos acostumbrados a editar webs puede que elijamos alguna tipograf\u00eda extra\u00f1a que en nuestro ordenador se encuentra instalada pero que en los ordenadores de la mayor\u00eda de los usuarios no est\u00e9n instaladas.<\/p>\n\n\n\n

Se recomienda por esto utilizar las tipograf\u00edas que todo ordenador contiene, Arial, Serif, Helv\u00e9tica, Courier, Times New Roman y a lo sumo Verdana. De otra manera lo que en su ordenador incluso llamando la p\u00e1gina subida con un explorador se ve de una manera en el ordenador de otras personas se ver\u00e1 muy diferente.<\/p>\n\n\n\n


Editores HTML:<\/strong><\/p>\n\n\n\n

Existen dos tipos de editores principalmente y muchos de ellos tienen ambas caracter\u00edsticas para conciliar con las preferencias de los usuarios. Se puede usar, entonces, editores de texto donde escribamos el c\u00f3digo HTML directamente o bien editores WISIWYG (editores en modo dise\u00f1o) que se asemejan mucho al trabajo que uno har\u00eda por ejemplo con un archivo de WORD.<\/p>\n\n\n\n

Para el primer caso se puede usar incluso el bloc de notas com\u00fan del sistema operativo. Entre los editores de c\u00f3digo recomendamos Amaya (incluye editor WYSIWYG), Screem, UltraEdit (programa licenciado pero excelente para tratar cualquier tipo de c\u00f3digo ya sea PHP, HTML, JS, ASP, etc).<\/p>\n\n\n\n

En cuanto a los editores WYSIWYG sin duda alguna lo mejor lo obtendremos de Dreamweaver (incluye FTP, scripts b\u00e1sicos, conexiones a bases de datos, extensiones, etc), claro que si lo que necesitamos es una opci\u00f3n libre el elegido ser\u00e1 Amaya. Algunas personas usan Frontpage el cu\u00e1l me animo a desaconsejar por los problemas que produce en el c\u00f3digo HTML.<\/p>\n\n\n\n

Editores de imagen y multimedia:<\/strong><\/p>\n\n\n\n

Para poder editar im\u00e1genes y complementos necesitamos disponer de cierto software que permita realizar nuestro trabajo. Sin duda alguna el editor de im\u00e1genes animadas o est\u00e1ticas m\u00e1s potente y vers\u00e1til es el Adobe Photoshop pero como se trata de un software que hay que pagar quiz\u00e1s no est\u00e9 dentro de nuestra posibilidades y podemos en ese caso utilizar GIMP, que siendo software libre es muy potente y \u00fatil.<\/p>\n\n\n\n

Si lo que necesitamos es editar animaciones lo m\u00e1s recomendable es utilizar el formato flash. Para ello debemos disponer de la compra del software editor FLASH o bien utilizar alguna opci\u00f3n menos potente pero quiz\u00e1s \u00fatil a nuestros prop\u00f3sitos como Free Flash Editor.<\/p>\n\n\n\n

Funci\u00f3n FTP:<\/strong><\/p>\n\n\n\n

Seg\u00fan el software que utilicemos para crear nuestro sitio tendremos o no incorporada la funci\u00f3n FTP. Si no tenemos la funci\u00f3n FTP para subir el sitio lo m\u00e1s recomendable es usar SmartFTP, si bien se trata de un software con licencia se permite su utilizaci\u00f3n libre para uso personal o educativo. Con este software lo que haremos es subir nuestro sitio armado en el ordenador a una direcci\u00f3n web.<\/p>\n\n\n\n

Hosting:<\/strong><\/p>\n\n\n\n

La elecci\u00f3n del hosting se condice absolutamente con el car\u00e1cter de nuestro proyecto. Si nuestro sitio ha de tener p\u00e1ginas din\u00e1micas necesitaremos bases de datos, sino cualquier hosting que nos satisfaga en cuanto a velocidad, estabilidad y servicio ser\u00e1 adecuado.<\/p>\n\n\n\n

Tambi\u00e9n hemos de tener en cuenta otras cuestiones tales como cuantas direcciones de correo nos permite alojar, que cuota de transferencia de archivos y que soporte nos ofrece a la hora de implementar formularios y otros servicios tales como dominios alias, subdominios, estad\u00edsticas, etc.<\/p>\n\n\n\n

Si nuestro sitio se publicar\u00e1 en un servidor gratuito o patrocinado podemos hacer nuestra b\u00fasqueda en: buscahosting.com y all\u00ed decidir cu\u00e1l es el m\u00e1s adecuado a utilizar.<\/p>\n\n\n\n

Dominio:<\/strong><\/p>\n\n\n\n

Si nuestra publicaci\u00f3n tendr\u00e1 dominio, es decir un nombre \u00fanico a trav\u00e9s del cual se identifica nuestro sitio, la elecci\u00f3n es tal vez complicada por la gran variedad de opciones disponibles. Es importante tener en cuenta que cuanto m\u00e1s corto y m\u00e1s sencillo sea el nombre, m\u00e1s chances tenemos que los internautas vuelvan a acceder al sitio s\u00f3lo por recordarlo m\u00e1s f\u00e1cil.<\/p>\n\n\n\n

Existen muchas empresas y entes oficiales a trav\u00e9s de las cuales registrar un dominio. En general el costo no es alto y se paga por per\u00edodos de un a\u00f1o o m\u00e1s. La elecci\u00f3n del nombre y de la extensi\u00f3n (.com, .com.es, .es, .org, .net, .edu, .tv, etc) se debe planificar de acuerdo al contenido del sitio, las posibilidades de nombres a\u00fan disponibles y lo que queramos trasmitir ya con el nombre mismo de la URL de nuestro sitio.<\/p>\n\n\n\n

Conclusiones:<\/strong><\/p>\n\n\n\n

Publicar un sitio en Internet como todo proyecto es una tarea apasionante, por momentos ardua y requiere paciencia, dedicaci\u00f3n y af\u00e1n de aprender, porque si existe un espacio donde nunca se deja de aprender algo nuevo es en la web.<\/p>\n","protected":false},"excerpt":{"rendered":"

Enviado por: Carlos M. Martin Hernandez Hoy en d\u00eda hay muchas formas de publicar tu sitio web, las<\/p>\n","protected":false},"author":2,"featured_media":166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[68,69,67],"class_list":["post-165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-proyecto-blackhat","tag-hosting","tag-internet","tag-web"],"_links":{"self":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=165"}],"version-history":[{"count":1,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts\/165\/revisions\/167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/media\/166"}],"wp:attachment":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}