{"id":86988,"date":"2025-08-20T03:40:58","date_gmt":"2025-08-20T03:40:58","guid":{"rendered":"https:\/\/enfoquenoticioso.com\/?p=86988"},"modified":"2025-08-20T03:40:58","modified_gmt":"2025-08-20T03:40:58","slug":"como-crear-tu-pagina-web-desde-cero-utilizando-inteligencia-artificial","status":"publish","type":"post","link":"https:\/\/enfoquenoticioso.com\/?p=86988","title":{"rendered":"C\u00f3mo crear tu p\u00e1gina web desde cero utilizando inteligencia artificial"},"content":{"rendered":"<div>\n<p>Vamos a explicarte <strong>c\u00f3mo crear una p\u00e1gina web desde cero<\/strong> utilizando <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/que-inteligencia-artificial-explicacion-sencilla-completa-para-todo-mundo\" data-vars-post-title=\"Qu\u00e9 es la Inteligencia Artificial: una explicaci\u00f3n sencilla y completa para todo el mundo\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/que-inteligencia-artificial-explicacion-sencilla-completa-para-todo-mundo\" target=\"_blank\" rel=\"noopener\">inteligencia artificial<\/a>, de forma que no necesites ir picando c\u00f3digo ni tengas que conformarte con las plantillas que encuentres en Internet. Se trata de crear una p\u00e1gina web simplemente expresando lo que quieres que aparezca en ella con un <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/que-prompt-que-importantes-para-usar-inteligencia-artificial\" data-vars-post-title=\"Qu\u00e9 es un prompt y por qu\u00e9 son tan importantes para usar la Inteligencia Artificial\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/que-prompt-que-importantes-para-usar-inteligencia-artificial\" target=\"_blank\" rel=\"noopener\">prompt<\/a>.<\/p>\n<p><!-- BREAK 1 --> <\/p>\n<p>Vamos a empezar el art\u00edculo con una serie de consejos y cosas que debes tener en cuenta antes de ponerte manos a la obra. Luego, te diremos c\u00f3mo hacer este proceso con las IA convencionales como ChatGPT, y terminaremos con una lista de otros servicios que tambi\u00e9n puedes usar, explic\u00e1ndote su funcionamiento general.<\/p>\n<p><!-- BREAK 2 --><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenido<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/enfoquenoticioso.com\/?p=86988\/#Antes_de_empezar_cosas_a_tener_en_cuenta\" >Antes de empezar, cosas a tener en cuenta<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/enfoquenoticioso.com\/?p=86988\/#Crea_una_web_usando_una_IA_como_ChatGPT\" >Crea una web usando una IA como ChatGPT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/enfoquenoticioso.com\/?p=86988\/#Crea_tu_web_con_una_IA_especializada\" >Crea tu web con una IA especializada<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Antes_de_empezar_cosas_a_tener_en_cuenta\"><\/span>Antes de empezar, cosas a tener en cuenta<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Antes de empezar, conviene que tengas unas cuantas cosas en cuenta y planificadas. Para empezar, debes <strong>definir el objetivo de la web<\/strong>, pensando si va a ser una web personal, un blog, la web de una empresa u otra cosa. Esta es la decisi\u00f3n m\u00e1s importante antes de lanzarte al dise\u00f1o.<\/p>\n<p><!-- BREAK 3 -->  <\/p>\n<p>En segundo lugar, debes <strong>tener planeado un dise\u00f1o<\/strong> o el tipo de p\u00e1gina que quieres que sea. Por ejemplo, si es una web personal puede ser una especie de p\u00e1gina para poner enlaces, o un blog, o una web que tenga una estructura concreta.<\/p>\n<p><!-- BREAK 4 --><\/p>\n<p>De hecho, <strong>es importante tener clara la estructura<\/strong> y hacer un esquema con lo que quieres. Debes saber qu\u00e9 secciones vas a tener, con las pesta\u00f1as como inicio, servicios, blog o contacto, adem\u00e1s de cualquier orto apartado o bot\u00f3n que quieras que aparezca. Esto guiar\u00e1 a la IA a la hora de realizar el dise\u00f1o.<\/p>\n<p><!-- BREAK 5 --><\/p>\n<p>Tambi\u00e9n es importante <strong>conocer el p\u00fablico al que va dirigida la web<\/strong>. Si es una web personal, debes establecer un tono, porque estas cosas determinan el dise\u00f1o que quieres utilizar, los colores o la estructura.<\/p>\n<p><!-- BREAK 6 --> <\/p>\n<p><strong>Necesitar\u00e1s tener un dominio y hosting<\/strong> para poder alojar la web. La IA puede ayudarte a crear una p\u00e1gina para subirla, pero d\u00f3nde alojarla va a depender de ti, y esto es algo que tendr\u00e1s que estudiar e investigar aparte para decidir el servicio que m\u00e1s te interese.<\/p>\n<p><!-- BREAK 7 --><\/p>\n<p>Y por \u00faltimo, <strong>revisa los resultados de la IA y no tengas miedo a rehacerlo<\/strong> pidiendo correcciones o que lo haga desde cero. F\u00edjate que los textos est\u00e9n bien, y que todos los botones y elementos funcionen correctamente. Todas las IA pueden cometer errores, y conviene conocerlos y repararlos antes de subir la web a Internet.<\/p>\n<p><!-- BREAK 8 --><\/p>\n<div class=\"article-asset article-asset-normal article-asset-center\">\n<div class=\"desvio-container\">\n<div class=\"desvio\">\n<div class=\"desvio-figure js-desvio-figure\">\n    <a href=\"https:\/\/www.xataka.com\/basics\/como-jugar-a-ruleta-fortuna-pasapalabra-usando-inteligencia-artificial\" class=\"pivot-outboundlink\" data-vars-post-title=\"C\u00f3mo jugar a la Ruleta de la Fortuna o Pasapalabra usando inteligencia artificial\" target=\"_blank\" rel=\"noopener\"><br \/>\n     <img loading=\"lazy\" decoding=\"async\" alt=\"C\u00f3mo jugar a la Ruleta de la Fortuna o Pasapalabra usando inteligencia artificial\" width=\"375\" height=\"142\" src=\"https:\/\/i.blogs.es\/7b77c8\/juego-ia\/375_142.jpeg\"\/><br \/>\n    <\/a>\n   <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"Crea_una_web_usando_una_IA_como_ChatGPT\"><\/span>Crea una web usando una IA como ChatGPT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El primer m\u00e9todo para crear una web es utilizando IAs generativas a partir de texto, como <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/chatgpt-que-como-usarlo-que-puedes-hacer-este-chat-inteligencia-artificial\" data-vars-post-title=\"ChatGPT: qu\u00e9 es, c\u00f3mo usarlo y qu\u00e9 puedes hacer con este chat de inteligencia artificial\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/chatgpt-que-como-usarlo-que-puedes-hacer-este-chat-inteligencia-artificial\" target=\"_blank\" rel=\"noopener\">ChatGPT<\/a>, <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/microsoft-copilot-que-como-funciona-este-chat-inteligencia-artificial\" data-vars-post-title=\"Microsoft Copilot: qu\u00e9 es y c\u00f3mo funciona este chat de inteligencia artificial\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/microsoft-copilot-que-como-funciona-este-chat-inteligencia-artificial\" target=\"_blank\" rel=\"noopener\">Copilot<\/a>, <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/google-gemini-que-como-funciona-diferencias-gpt-cuando-podras-usar-este-modelo-inteligencia-artificial\" data-vars-post-title=\"Google Gemini: qu\u00e9 es, c\u00f3mo funciona, diferencias con GPT y cu\u00e1ndo podr\u00e1s usar este modelo de inteligencia artificial\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/google-gemini-que-como-funciona-diferencias-gpt-cuando-podras-usar-este-modelo-inteligencia-artificial\" target=\"_blank\" rel=\"noopener\">Gemini<\/a>, <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/deepseek-que-como-funciona-que-opciones-tiene-esta-inteligencia-artificial\" data-vars-post-title=\"DeepSeek: qu\u00e9 es, c\u00f3mo funciona y qu\u00e9 opciones tiene esta inteligencia artificial\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/deepseek-que-como-funciona-que-opciones-tiene-esta-inteligencia-artificial\" target=\"_blank\" rel=\"noopener\">DeepSeek<\/a> u otras similares. Pero no necesitas limitarte a entrar y pedirle que te genere una web, porque <strong>antes puedes hacer tambi\u00e9n otras cosas<\/strong> que te van a ayudar.<\/p>\n<p><!-- BREAK 9 --><\/p>\n<p>Para empezar, puedes <strong>pedirle que te haga una lista de ideas<\/strong>, dici\u00e9ndole que vas a crear una web para determinado objetivo, y que te ayude con ideas para definir el estilo o \u00a0las secciones necesarias. Incluso si no tienes claro qu\u00e9 tipo de web quieres, puedes decirle tu objetivo a la IA y pedirle que te recomiende el mejor tipo de dise\u00f1o para tus necesidades.<\/p>\n<p><!-- BREAK 10 --> <\/p>\n<div class=\"article-asset-image article-asset-normal article-asset-center\">\n<div class=\"asset-content\">\n                   <img class=\"centro_sinmarco\" height=\"1318\" width=\"2114\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\" fetchpriority=\"high\" srcset=\"https:\/\/i.blogs.es\/8383a3\/captura-de-pantalla-2025-08-19-a-las-15.18.04\/450_1000.jpeg 450w, https:\/\/i.blogs.es\/8383a3\/captura-de-pantalla-2025-08-19-a-las-15.18.04\/650_1200.jpeg 681w,https:\/\/i.blogs.es\/8383a3\/captura-de-pantalla-2025-08-19-a-las-15.18.04\/1024_2000.jpeg 1024w, https:\/\/i.blogs.es\/8383a3\/captura-de-pantalla-2025-08-19-a-las-15.18.04\/1366_2000.jpeg 1366w\" src=\"https:\/\/i.blogs.es\/8383a3\/captura-de-pantalla-2025-08-19-a-las-15.18.04\/450_1000.jpeg\" alt=\"Peticion\"\/><br \/>\n   <img decoding=\"async\" alt=\"Peticion\" class=\"centro_sinmarco\" src=\"https:\/\/i.blogs.es\/8383a3\/captura-de-pantalla-2025-08-19-a-las-15.18.04\/450_1000.jpeg\"\/><\/p><\/div>\n<\/div>\n<p>Ahora, tienes que pasar a pedirle a la IA que genere la p\u00e1gina para ti. Para eso, tienes que <strong>mencionar qu\u00e9 lenguaje quieres usar<\/strong>, como por ejemplo HTML, CSS, \u00a0JavaScript o m\u00e1s avanzados como React o Next.js. Adem\u00e1s, debes <strong>describir cada elemento que quieres que aparezca<\/strong> en la p\u00e1gina cuyo c\u00f3digo vas a crear.<\/p>\n<p><!-- BREAK 11 --><\/p>\n<p>Puedes partir de una base como esta:<\/p>\n<blockquote><p>\u00abQuiero que crees una web personal, un \u00edndice de enlaces personal como Linktree. Quiero que lo hagas sencillo y en HTML, con el fondo negro y los botones rectangulares en granate. El t\u00edtulo tiene que ser \u00abY\u00fabal Fern\u00e1ndez\u00bb, y abajo tiene que haber botones para Facebook, Instagram y Bluesky. Debajo del todo haz un bot\u00f3n de contacto. que abra el env\u00edo de un correo electr\u00f3nico a la direcci\u00f3n \u00abyubal@micorreo.com\u00bb.\u00bb<\/p><\/blockquote>\n<p>Aqu\u00ed, este es solo un ejemplo, <strong>el prompt tendr\u00e1s que adaptarlo a tus necesidades<\/strong>. Sin embargo, ya puedes ver algunas nociones de lo que deber\u00edas hacer, empezando por la descripci\u00f3n del tipo de p\u00e1gina que quieres hacer, y el lenguaje de programaci\u00f3n que quieres usar. En mi caso fue HTML para la prueba, pero puedes usar cualquier otro.<\/p>\n<p><!-- BREAK 12 --><\/p>\n<p>Luego, tienes que <strong>describir los elementos que quieres que aparezcan<\/strong>, incluyendo si quieres los colores que quieres que aparezcan. En mi caso no he incluido enlaces, pero puedes describir lo que quieres que haga cada bot\u00f3n.<\/p>\n<p><!-- BREAK 13 --><\/p>\n<div class=\"article-asset-image article-asset-normal article-asset-center\">\n<div class=\"asset-content\">\n                   <img class=\"centro_sinmarco\" height=\"1364\" width=\"1890\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\" fetchpriority=\"high\" srcset=\"https:\/\/i.blogs.es\/07fb1d\/captura-de-pantalla-2025-08-19-a-las-15.18.14\/450_1000.jpeg 450w, https:\/\/i.blogs.es\/07fb1d\/captura-de-pantalla-2025-08-19-a-las-15.18.14\/650_1200.jpeg 681w,https:\/\/i.blogs.es\/07fb1d\/captura-de-pantalla-2025-08-19-a-las-15.18.14\/1024_2000.jpeg 1024w, https:\/\/i.blogs.es\/07fb1d\/captura-de-pantalla-2025-08-19-a-las-15.18.14\/1366_2000.jpeg 1366w\" src=\"https:\/\/i.blogs.es\/07fb1d\/captura-de-pantalla-2025-08-19-a-las-15.18.14\/450_1000.jpeg\" alt=\"Ejecutar\"\/><br \/>\n   <img decoding=\"async\" alt=\"Ejecutar\" class=\"centro_sinmarco\" src=\"https:\/\/i.blogs.es\/07fb1d\/captura-de-pantalla-2025-08-19-a-las-15.18.14\/450_1000.jpeg\"\/><\/p><\/div>\n<\/div>\n<p>Una vez tengas el c\u00f3digo generado, si pulsas sobre \u00e9l ver\u00e1s <strong>un bot\u00f3n de ejecutar el c\u00f3digo<\/strong> que estar\u00e1 presente en la mayor\u00eda de bots de IA. Esto har\u00e1 que se abra una ventana y se lance la p\u00e1gina web en ella, de forma que puedas probar c\u00f3mo funciona y el aspecto.<\/p>\n<p><!-- BREAK 14 --><\/p>\n<p>Una vez hagas las pruebas, <strong>puedes pedirle a la IA que haga modificaciones<\/strong>, que cambie aspectos concretos del dise\u00f1o. Como todo esto lo har\u00e1s dentro de una misma conversaci\u00f3n, ser\u00e1 a qu\u00e9 te refieres porque tendr\u00e1 en cuenta lo que hab\u00e9is hablado y lo que te ha dise\u00f1ado hasta el momento.<\/p>\n<p><!-- BREAK 15 --> <\/p>\n<div class=\"article-asset-image article-asset-normal article-asset-center\">\n<div class=\"asset-content\">\n                   <img class=\"centro_sinmarco\" height=\"1414\" width=\"2418\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\" fetchpriority=\"high\" srcset=\"https:\/\/i.blogs.es\/55f5d4\/captura-de-pantalla-2025-08-19-a-las-15.47.23\/450_1000.jpeg 450w, https:\/\/i.blogs.es\/55f5d4\/captura-de-pantalla-2025-08-19-a-las-15.47.23\/650_1200.jpeg 681w,https:\/\/i.blogs.es\/55f5d4\/captura-de-pantalla-2025-08-19-a-las-15.47.23\/1024_2000.jpeg 1024w, https:\/\/i.blogs.es\/55f5d4\/captura-de-pantalla-2025-08-19-a-las-15.47.23\/1366_2000.jpeg 1366w\" src=\"https:\/\/i.blogs.es\/55f5d4\/captura-de-pantalla-2025-08-19-a-las-15.47.23\/450_1000.jpeg\" alt=\"Prueba\"\/><br \/>\n   <img decoding=\"async\" alt=\"Prueba\" class=\"centro_sinmarco\" src=\"https:\/\/i.blogs.es\/55f5d4\/captura-de-pantalla-2025-08-19-a-las-15.47.23\/450_1000.jpeg\"\/><\/p><\/div>\n<\/div>\n<p>Una cosa que debes tener en cuenta es que <strong>el c\u00f3digo que crea una IA solo debes usarlo como base<\/strong>, y siempre debes revisarlo, porque es muy posible que haya errores. Adem\u00e1s, luego puedes intentar hacer modificaciones a mano, como a\u00f1adir enlace o modificar algunos elementos que veas que faltan.<\/p>\n<p><!-- BREAK 16 --><\/p>\n<p>Por \u00faltimo, <strong>no te conformes solo con ChatGPT<\/strong> y las IA m\u00e1s populares. Mi recomendaci\u00f3n es que tambi\u00e9n pruebes con <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/claude-que-como-funciona-que-mejor-que-no-que-chatgpt-competencia\" data-vars-post-title=\"Claude: qu\u00e9 es, c\u00f3mo funciona y en qu\u00e9 es mejor (y en qu\u00e9 no) que ChatGPT y la competencia \" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/claude-que-como-funciona-que-mejor-que-no-que-chatgpt-competencia\" target=\"_blank\" rel=\"noopener\">Claude<\/a>, porque es una alternativa que est\u00e1 mejor optimizada para la creaci\u00f3n de c\u00f3digo. En general, <strong>puedes hacer pruebas en varias IA<\/strong>, y luego quedarte con esa cuyos resultados te gusten m\u00e1s.<\/p>\n<p><!-- BREAK 17 --><\/p>\n<div class=\"article-asset article-asset-normal article-asset-center\">\n<div class=\"desvio-container\">\n<div class=\"desvio\">\n<div class=\"desvio-figure js-desvio-figure\">\n    <a href=\"https:\/\/www.xataka.com\/basics\/como-crear-imagenes-a-partir-fotos-inteligencia-artificial\" class=\"pivot-outboundlink\" data-vars-post-title=\"C\u00f3mo crear im\u00e1genes a partir de fotos con inteligencia artificial \" target=\"_blank\" rel=\"noopener\"><br \/>\n     <img loading=\"lazy\" decoding=\"async\" alt=\"C\u00f3mo crear im\u00e1genes a partir de fotos con inteligencia artificial \" width=\"375\" height=\"142\" src=\"https:\/\/i.blogs.es\/607d80\/foto-ia\/375_142.jpeg\"\/><br \/>\n    <\/a>\n   <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"Crea_tu_web_con_una_IA_especializada\"><\/span>Crea tu web con una IA especializada<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Hay otras IA <strong>mejor adaptadas y personalizadas para dise\u00f1ar p\u00e1ginas web<\/strong> que puedes utilizar para crear una para ti. La mayor\u00eda de ellas pertenecen a las propias empresas de hosting, aunque tambi\u00e9n hay otras de terceros menos conocidas y que tambi\u00e9n ofrecen hosting que pueden interesarte.<\/p>\n<p><!-- BREAK 18 --><\/p>\n<ul>\n<li><strong>WordPress IA<\/strong>: WordPress es la plataforma para crear webs m\u00e1s popular, y adem\u00e1s de permitirte usarla gratis tambi\u00e9n tiene otra web donde puedes contratar alojamiento y recibir ayudas&#8230; incluyendo una IA que hace la web para ti. Deber\u00e1s tener una cuenta de usuario para poder usarlo. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/wordpress.com\/es\/creador-webs-ia\/\" target=\"_blank\">wordpress.com\/es\/creador-webs-ia<\/a>.<\/li>\n<li><strong>IONOS<\/strong>: Este servicio de hosting tambi\u00e9n tiene su propia inteligencia artificial, con la que vas a poder crear tu p\u00e1gina web desde cero. Eso s\u00ed, igual que el caso de la anterior, necesitar\u00e1s ser cliente. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/www.ionos.es\/pagina-web\/crear-pagina-web\" target=\"_blank\">ionos.es<\/a>.<\/li>\n<li><strong>Wix web builder<\/strong>: Este servicio de hosting tiene un sistema de plantillas para crear tu web, y si no te convencen, te permitir\u00e1 crear una con inteligencia artificial. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/es.wix.com\/?utm_campaign=toplink-website\" target=\"_blank\">es.wix.com<\/a>.<\/li>\n<li><strong>Butternut AI<\/strong>: Un creador de webs con IA que puedes empezar a usar gratis, y que tiene opciones de regenerar toda tu p\u00e1gina web si fuera necesario y hacer los cambios que quieras. La web es gratis durante 5 d\u00edas, y luego si quieres alojarla tendr\u00e1s que ir a uno de los planes de pago que empiezan en 20 d\u00f3lares al mes. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/www.butternut.ai\/\" target=\"_blank\">butternut.ai<\/a><\/li>\n<li><strong>Framer<\/strong>: Un excelente creador de p\u00e1ginas web por IA, orientado tanto a webs personales como empresariales. Su precio empieza en 5 d\u00f3lares al mes incluyendo el hosting, aunque puedes probar el crear tu web gratis. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/www.framer.com\/pricing\/personal\" target=\"_blank\">framer.com<\/a>.<\/li>\n<li><strong>Dora<\/strong>: Un creador de p\u00e1ginas web que incluye elementos interactivos como im\u00e1genes en 3D. Puedes empezar a usarla gratis, se te regalan varios cr\u00e9ditos al registrarte, y luego tendr\u00e1s que suscribirte a un plan de pago si quieres alojamiento con dominio gratis, aunque no es necesario. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/www.dora.run\/pricing\" target=\"_blank\">dora.run<\/a><\/li>\n<li><strong>B12<\/strong>: Esta es una startup que ha desarrollado una IA especializada en crear tu propia p\u00e1gina web. Solo tienes que escribir el prompt describiendo lo que quieras y listo, se generar\u00e1. Eso s\u00ed, vas a necesitar registrarte. Aqu\u00ed, tendr\u00e1s un plan b\u00e1sico gratuito, pero luego para tener tu propio dominio en su alojamiento o quitar anuncios deber\u00e1s pagar. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/www.b12.io\/\" target=\"_blank\">b12.io<\/a>.<\/li>\n<li><strong>10Web<\/strong>: Otro servicio para usar una IA entrenada para generar p\u00e1ginas web, con un precio que empieza en 10 d\u00f3lares al mes. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/10web.io\/pricing-platform\/\" target=\"_blank\">10web.io<\/a>.<\/li>\n<li><strong>WebWave<\/strong>: Otro servicio que te permite usar una IA para crear y publicar tu p\u00e1gina web, con un editor de IA y un plan gratuito para dar tus primeros pasos. Enlace: <a rel=\"noopener, noreferrer\" href=\"https:\/\/webwave.me\/Pricing\" target=\"_blank\">webwave.me<\/a>.<\/li>\n<\/ul>\n<div class=\"article-asset-image article-asset-normal article-asset-center\">\n<div class=\"asset-content\">\n                   <img class=\"centro_sinmarco\" height=\"1140\" width=\"1356\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\" fetchpriority=\"high\" srcset=\"https:\/\/i.blogs.es\/3f0fe0\/dora-index\/450_1000.jpeg 450w, https:\/\/i.blogs.es\/3f0fe0\/dora-index\/650_1200.jpeg 681w,https:\/\/i.blogs.es\/3f0fe0\/dora-index\/1024_2000.jpeg 1024w, https:\/\/i.blogs.es\/3f0fe0\/dora-index\/1366_2000.jpeg 1366w\" src=\"https:\/\/i.blogs.es\/3f0fe0\/dora-index\/450_1000.jpeg\" alt=\"Dora Index\"\/><br \/>\n   <img decoding=\"async\" alt=\"Dora Index\" class=\"centro_sinmarco\" src=\"https:\/\/i.blogs.es\/3f0fe0\/dora-index\/450_1000.jpeg\"\/><\/p><\/div>\n<\/div>\n<p><strong>La manera de funcionar de estas p\u00e1ginas<\/strong> suele ser muy similar. En primer lugar, vas a tener un campo donde puedes escribir el prompt describiendo el dise\u00f1o que quieres tener. En algunos casos pueden aparecerte sugerencias para incluir en tu prompt. Nosotros para las capturas hemos usado el de Dora.<\/p>\n<p><!-- BREAK 19 --><\/p>\n<div class=\"article-asset-image article-asset-normal article-asset-center\">\n<div class=\"asset-content\">\n                   <img class=\"centro_sinmarco\" height=\"1142\" width=\"1530\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\" fetchpriority=\"high\" srcset=\"https:\/\/i.blogs.es\/bc54ea\/previsualizacion\/450_1000.jpeg 450w, https:\/\/i.blogs.es\/bc54ea\/previsualizacion\/650_1200.jpeg 681w,https:\/\/i.blogs.es\/bc54ea\/previsualizacion\/1024_2000.jpeg 1024w, https:\/\/i.blogs.es\/bc54ea\/previsualizacion\/1366_2000.jpeg 1366w\" src=\"https:\/\/i.blogs.es\/bc54ea\/previsualizacion\/450_1000.jpeg\" alt=\"Previsualizacion\"\/><br \/>\n   <img decoding=\"async\" alt=\"Previsualizacion\" class=\"centro_sinmarco\" src=\"https:\/\/i.blogs.es\/bc54ea\/previsualizacion\/450_1000.jpeg\"\/><\/p><\/div>\n<\/div>\n<p>Una vez escribas el prompt, entonces ya depende de la plataforma que uses. Lo normal es que <strong>se te muestre una previsualizaci\u00f3n del resultado<\/strong> para elegir el que m\u00e1s te guste, o en algunos casos incluso que ya vayas directamente a este resultado.<\/p>\n<p><!-- BREAK 20 --><\/p>\n<div class=\"article-asset-image article-asset-normal article-asset-center\">\n<div class=\"asset-content\">\n                   <img class=\"centro_sinmarco\" height=\"2354\" width=\"3078\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\" fetchpriority=\"high\" srcset=\"https:\/\/i.blogs.es\/08ca48\/captura-de-pantalla-2025-08-19-a-las-16.58.35\/450_1000.png 450w, https:\/\/i.blogs.es\/08ca48\/captura-de-pantalla-2025-08-19-a-las-16.58.35\/650_1200.png 681w,https:\/\/i.blogs.es\/08ca48\/captura-de-pantalla-2025-08-19-a-las-16.58.35\/1024_2000.png 1024w, https:\/\/i.blogs.es\/08ca48\/captura-de-pantalla-2025-08-19-a-las-16.58.35\/1366_2000.png 1366w\" src=\"https:\/\/i.blogs.es\/08ca48\/captura-de-pantalla-2025-08-19-a-las-16.58.35\/450_1000.png\" alt=\"Editor\"\/><br \/>\n   <img decoding=\"async\" alt=\"Editor\" class=\"centro_sinmarco\" src=\"https:\/\/i.blogs.es\/08ca48\/captura-de-pantalla-2025-08-19-a-las-16.58.35\/450_1000.png\"\/><\/p><\/div>\n<\/div>\n<p>Y una vez hecho eso, el servicio te llevar\u00e1 a <strong>su pantalla para editar cada elemento de la web<\/strong>. Las opciones y disposici\u00f3n de esta pantalla dependen de cada servicio, pero en el de Dora puedes cambiar todas las letras, las palabras, los dibujos o los dise\u00f1os.<\/p>\n<p><!-- BREAK 21 --> <\/p>\n<p><strong>Aqu\u00ed viene la irremediable parte manual del proceso<\/strong>, porque tendr\u00e1s que dedicarle tiempo a adaptar tu p\u00e1gina web a tus necesidades. Luego, lo normal es que el servicio con el que lo est\u00e9s haciendo tenga su propio sistema para publicar la p\u00e1gina online.<\/p>\n<p><!-- BREAK 22 --><\/p>\n<p>En Xataka Basics | <a class=\"text-outboundlink\" href=\"https:\/\/www.xataka.com\/basics\/22-herramientas-utiles-no-conocidas-inteligencia-artificial-gratis\" data-vars-post-title=\"24 herramientas \u00fatiles y no tan conocidas de Inteligencia Artificial gratis\" data-vars-post-url=\"https:\/\/www.xataka.com\/basics\/22-herramientas-utiles-no-conocidas-inteligencia-artificial-gratis\" data-id=\"noopener noreferrer\" target=\"_blank\" rel=\"noopener\">22 herramientas \u00fatiles y no tan conocidas de Inteligencia Artificial gratis<\/a><\/p>\n<\/p><\/div>\n<p><a href=\"https:\/\/www.xataka.com\/basics\/como-crear-tu-pagina-web-cero-utilizando-inteligencia-artificial\" class=\" target=\" title=\"C\u00f3mo crear tu p\u00e1gina web desde cero utilizando inteligencia artificial\" target=\"_blank\" rel=\"noopener\">Ver fuente<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a explicarte c\u00f3mo crear una p\u00e1gina web desde cero utilizando inteligencia artificial, de forma que no necesites ir picando c\u00f3digo ni tengas que conformarte con las plantillas que encuentres en Internet. Se trata de crear una p\u00e1gina web simplemente expresando lo que quieres que aparezca en ella con un prompt. Vamos a empezar el [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":86989,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-86988","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia"],"_links":{"self":[{"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=\/wp\/v2\/posts\/86988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86988"}],"version-history":[{"count":0,"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=\/wp\/v2\/posts\/86988\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=\/wp\/v2\/media\/86989"}],"wp:attachment":[{"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=86988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enfoquenoticioso.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=86988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}