{"id":5682,"date":"2025-06-27T14:03:27","date_gmt":"2025-06-27T12:03:27","guid":{"rendered":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?p=5682"},"modified":"2025-06-27T14:03:27","modified_gmt":"2025-06-27T12:03:27","slug":"maquetacion-web","status":"publish","type":"post","link":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web","title":{"rendered":"Maquetaci\u00f3n web: estructura, claridad y orden en cada l\u00ednea de c\u00f3digo"},"content":{"rendered":"<p>Cuando entras en una web y todo est\u00e1 donde esperas, no es casualidad. Detr\u00e1s hay una intenci\u00f3n clara y un trabajo de maquetaci\u00f3n que convierte el dise\u00f1o en algo funcional.<\/p>\n<p>Si este trabajo de maquetaci\u00f3n se hace bien, apenas se percibe pero si ocurre lo contrario y falla, el usuario lo notar\u00e1 enseguida y la experiencia se volver\u00e1 negativa.<\/p>\n<p>Teniendo en cuenta la importancia de las p\u00e1ginas web para las empresas en econom\u00eda digital, la<strong> maquetaci\u00f3n web es crucial para garantizar el \u00e9xito de un negocio.<\/strong><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 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\">Table of Contents<\/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=\"Toggle Table of Content\"><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:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#%C2%BFQue_es_la_maquetacion_web\" title=\"\u00bfQu\u00e9 es la maquetaci\u00f3n web?\">\u00bfQu\u00e9 es la maquetaci\u00f3n web?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Elementos_de_la_maquetacion_web\" title=\"Elementos de la maquetaci\u00f3n web\">Elementos de la maquetaci\u00f3n web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Tipos_de_maquetacion_web\" title=\"Tipos de maquetaci\u00f3n web\">Tipos de maquetaci\u00f3n web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Maquetacion_en_bloque\" title=\"Maquetaci\u00f3n en bloque\">Maquetaci\u00f3n en bloque<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Maquetacion_con_rejillas_Grid\" title=\"Maquetaci\u00f3n con rejillas (Grid)\">Maquetaci\u00f3n con rejillas (Grid)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Maquetacion_con_Flexbox\" title=\"Maquetaci\u00f3n con Flexbox\">Maquetaci\u00f3n con Flexbox<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Enfoque_hibrido_lo_que_se_hace_hoy\" title=\"Enfoque h\u00edbrido: lo que se hace hoy\">Enfoque h\u00edbrido: lo que se hace hoy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Diseno_responsive\" title=\"Dise\u00f1o responsive\">Dise\u00f1o responsive<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Uso_de_frameworks\" title=\"Uso de frameworks\">Uso de frameworks<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Como_maquetar_un_sitio_web\" title=\"C\u00f3mo maquetar un sitio web\">C\u00f3mo maquetar un sitio web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#%C2%BFQue_herramientas_se_utilizan\" title=\"\u00bfQu\u00e9 herramientas se utilizan?\">\u00bfQu\u00e9 herramientas se utilizan?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#%C2%BFEn_que_influye_en_el_SEO\" title=\"\u00bfEn qu\u00e9 influye en el SEO?\">\u00bfEn qu\u00e9 influye en el SEO?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#El_perfil_del_maquetador_web\" title=\"El perfil del maquetador web\">El perfil del maquetador web<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\/#Conviertete_en_maquetador_web\" title=\"Convi\u00e9rtete en maquetador web\">Convi\u00e9rtete en maquetador web<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_la_maquetacion_web\"><\/span>\u00bfQu\u00e9 es la maquetaci\u00f3n web?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Es el proceso de <strong>construir c\u00f3mo se ver\u00e1 una p\u00e1gina en un navegador<\/strong>. El maquetador parte de un dise\u00f1o gr\u00e1fico y lo convierte en c\u00f3digo, aunque no solo eso. Tambi\u00e9n debe ordenar todas los elementos de manera que se adapten a distintas pantallas y favorecer la interacci\u00f3n del usuario con lo que ve.<\/p>\n<p>Para eso se utilizan lenguajes como<strong> HTML y CSS<\/strong>, que permiten dar estrucutra y estilo. Tambi\u00e9n se usa <strong>JavaScript<\/strong>, cuando hay elementos que requieren algo m\u00e1s de interacci\u00f3n. El resultado debe ser una web bonita pero que tambi\u00e9n responda bien.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Elementos_de_la_maquetacion_web\"><\/span>Elementos de la maquetaci\u00f3n web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aunque cada proyecto tiene su dise\u00f1o, hay piezas que se repiten, entre otras cosas porque el usuario ya espera encontrar.<\/p>\n<p>Veamos las m\u00e1s comunes:<\/p>\n<ul>\n<li><strong>Cabecera (header):<\/strong> ser\u00e1 lo primero que vea el usuario. Aqu\u00ed suele ir el logo, el men\u00fa, y a menudo enlaces importantes o alguna secci\u00f3n que se quiera destacar.<\/li>\n<li><strong>Contenido principal (main)<\/strong>: es la parte m\u00e1s importante de la web y donde se colocan los productos, las entradas de blogs, etc. Todo lo que el usuario viene a buscar debe estar bien colocado en esta zona.<\/li>\n<li><strong>Secciones (section):<\/strong> ayudan a dividir el contenido en bloques que se pueden distinguir de un simple vistazo. Por ejemplo, una parte para explicar qu\u00e9 haces, otra con testimonios y otra con preguntas frecuentes.<\/li>\n<li><strong>Barra lateral (sidebar):<\/strong> cuando necesitas a\u00f1adir algo sin interferir en el contenido principal. En blogs, por ejemplo, suelen ser espacios para art\u00edculos relacionados, suscripciones o categor\u00edas. En dispositivo m\u00f3vil, a veces desaparecen o se reorganizan.<\/li>\n<li><strong>Pie de p\u00e1gina (footer):<\/strong> es un elemento importante ya que en la mayor\u00eda de los casos es donde se colocan las condiciones legales, el contacto o las redes. Aqu\u00ed tambi\u00e9n suele ir c\u00f3digo t\u00e9cnico que no debe molestar al resto del dise\u00f1o.<\/li>\n<li><strong>Navegaci\u00f3n (nav):<\/strong> define los bloques de navegaci\u00f3n. Es una etiqueta que ayuda a que todo est\u00e9 m\u00e1s claro, tanto para las usuarios como para quien usa lectores de pantalla. En definitiva, mejora la accesibilidad y estructura sem\u00e1ntica.<\/li>\n<li><strong>Art\u00edculos (article):<\/strong> esta etiqueta es \u00fatil para bloques de contenido que tienen sentido por s\u00ed solos, es decir que no dependen del resto de la p\u00e1gina para ser comprendidos.<\/li>\n<li><strong>Im\u00e1genes con contexto (figura y figcaption): <\/strong>si la imagen necesita una explicaci\u00f3n o forma parte de un contenido m\u00e1s amplio, se crea su propio espacio y su pie. Esto tambi\u00e9n mejora la accesibilidad.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5684 size-full aligncenter\" src=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-de-paginas-web.jpg\" alt=\"maquetaci\u00f3n de p\u00e1ginas web\" width=\"1020\" height=\"680\" srcset=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-de-paginas-web.jpg 1020w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-de-paginas-web-175x117.jpg 175w, https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-de-paginas-web-768x512.jpg 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Tipos_de_maquetacion_web\"><\/span>Tipos de maquetaci\u00f3n web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cuando se empieza a construir una p\u00e1gina, una de las decisiones tiene que ver con c\u00f3mo se van a distribuir los elementos, es decir el <strong>maquetado de una p\u00e1gina web<\/strong>. Hay diferentes formas de hacerlo, y aunque hoy todo tiende a ser adaptable, la estructura base sigue siendo fundamental para que el sitio funcione bien.<\/p>\n<p>Aqu\u00ed tienes los enfoques m\u00e1s usados, explicados como lo har\u00eda un profesional que se enfrenta a ellos a diario.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Maquetacion_en_bloque\"><\/span>Maquetaci\u00f3n en bloque<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Es la <strong>forma m\u00e1s b\u00e1sica de organizar el contenido<\/strong> ya que cada elemento ocupa todo el ancho disponible y se coloca uno debajo de otro. <strong>En m\u00f3vil, funciona bien porque aprovecha el espacio vertical,<\/strong> que es justo lo que m\u00e1s se usa al navegar desde el tel\u00e9fono. Es ideal para p\u00e1ginas simples o con poca informaci\u00f3n. Como ves, los elementos est\u00e1n uno debajo del otro, en flujo natural. No hay uso de rejillas ni columnas<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Maquetacion_con_rejillas_Grid\"><\/span>Maquetaci\u00f3n con rejillas (Grid)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Este enfoque permite dividir la pantalla en filas y columnas, y colocar cada bloque exactamente donde debe ir.<strong> Se suele utilizar en p\u00e1ginas con mucha informaci\u00f3n visual<\/strong> como portadas, cat\u00e1logos, zonas con m\u00faltiples tarjetas o contenidos paralelos. Lo mejor del Grid es que puedes definir el orden, el tama\u00f1o y la relaci\u00f3n entre los elementos sin tener que cambiar el HTML, lo que da margen para ajustar el dise\u00f1o.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Maquetacion_con_Flexbox\"><\/span>Maquetaci\u00f3n con Flexbox<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Flexbox, o Flexible Box Layout, fue pensado para <strong>alinear y distribuir elementos cuando el espacio es m\u00e1s reducido<\/strong> o cambia seg\u00fan el contenido. Se usa mucho en men\u00fas horizontales, listados de productos o tarjetas que deben repartirse el ancho de forma equilibrada. Tambi\u00e9n es pr\u00e1ctico cuando hay elementos que tienen que centrarse vertical u horizontalmente, sin escribir l\u00edneas de c\u00f3digo innecesarias.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Enfoque_hibrido_lo_que_se_hace_hoy\"><\/span>Enfoque h\u00edbrido: lo que se hace hoy<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La mayor\u00eda de sitios actuales combinan Grid y Flexbox seg\u00fan convenga. Como hemos comentado, <strong>Grid organiza la estructura general de la p\u00e1gina y Flexbox afina el comportamiento de los elementos dentro de cada zona<\/strong>. As\u00ed, esta mezcla permite adaptar bien el dise\u00f1o a distintos dispositivos, sin romper la l\u00f3gica.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Diseno_responsive\"><\/span>Dise\u00f1o responsive<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Una cosa es c\u00f3mo se maquetan los elementos, y otra c\u00f3mo se comportan en pantallas diferentes. Un <strong>dise\u00f1o responsive adapta la estructura y el estilo de la web seg\u00fan el tama\u00f1o del dispositivo<\/strong>, sin perder el orden ni la funcionalidad. Se construye usando <strong>media queries<\/strong> y una combinaci\u00f3n de t\u00e9cnicas como Grid y Flexbox. Por ejemplo, en una pantalla grande los elementos pueden mostrarse en tres columnas, y en m\u00f3vil, reordenarse en una sola.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Uso_de_frameworks\"><\/span>Uso de frameworks<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Herramientas como <strong>Bootstrap o Tailwind<\/strong> ofrecen estructuras ya pensadas para que el trabajo se pueda hacer m\u00e1s r\u00e1pidamente. Y, aunque no son imprescindibles, son de gran ayuda cuando se trabaja con poco tiempo o en proyectos grandes donde hay que mantener una misma l\u00ednea visual entre varios desarrolladores.<\/p>\n<p style=\"text-align: center\"><em><strong>Lee m\u00e1s sobre: <a href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/incluir-css-en-html\/\">Los 5 m\u00e9todos para incluir css en html que deber\u00edas conocer<\/a><\/strong><\/em><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Como_maquetar_un_sitio_web\"><\/span>C\u00f3mo maquetar un sitio web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>Primero viene la planificaci\u00f3n:<\/strong> En primer lugar hay que pensar para qu\u00e9 sirve el sitio, a qui\u00e9n va dirigido, qu\u00e9 se espera que el usuario haga en la web y c\u00f3mo deber\u00eda recorrerla. Actualmente, existen m\u00faltiples <strong>herramientas de wireframing,<\/strong> incluso gratuitas, que te ayudan a visualizar la p\u00e1gina antes de ponerte a maquetar. Tambi\u00e9n es buen momento para decidir si vas a trabajar desde cero o con alg\u00fan sistema ya montado <strong>(CMS, framework o plantilla editable).<\/strong><\/p>\n<p><strong>Despu\u00e9s, la estructura<\/strong> y es aqu\u00ed es donde se trabaja con HTML. La idea es que el contenido tenga sentido incluso sin estilos, a trav\u00e9s de secciones bien marcadas. <strong>Usar etiquetas sem\u00e1nticas<\/strong> no es solo una recomendaci\u00f3n para desarrolladores sino que mejora la accesibilidad, el posicionamiento y el mantenimiento a futuro.<\/p>\n<p><strong>Una vez est\u00e1 montada la base, toca dise\u00f1ar con CSS<\/strong>. Aqu\u00ed se definen m\u00e1rgenes, tipograf\u00edas, jerarqu\u00edas visuales y comportamientos en distintos dispositivos. Lo ideal es trabajar con clases reutilizables, mantener\u00a0 un estilo coherente y evitar complicaciones innecesarias.<\/p>\n<p><strong>Si hace falta interacci\u00f3n<\/strong>, entonces es el momento de a\u00f1adir algo de JavaScritp. Por ejemplo, peque\u00f1as animaciones, men\u00fas desplegables o formularios din\u00e1micos. Ten en cuenta que <strong>no hay que sobrecargar el sitio,<\/strong> as\u00ed que incluye \u00fanicamente lo que creas que es funcional.<\/p>\n<p><strong>Y al final, siempre probar.<\/strong> \u00c1brelo en varios dispositivos, revisa que no se rompe en pantallas peque\u00f1as, valida el HTML y CSS con herramientas como V3C Validator y <strong>comprueba que todo carga con rapidez.<\/strong><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_herramientas_se_utilizan\"><\/span>\u00bfQu\u00e9 herramientas se utilizan?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La mayor\u00eda ya las hemos citado, <strong>HTML<\/strong> para dar forma y <strong>CSS<\/strong> para aplicar estilo. A partir de ah\u00ed, se suman herramientas que te pueden facilitar el trabajo. Es el caso de frameworks como <strong>Bootstrap o Tailwind<\/strong>, los cuales permiten avanzar m\u00e1s r\u00e1pido sin tener que escribir todo desde cero. Tambi\u00e9n es habitual trabjar con SASS, que ayuda a escribir CSS m\u00e1s organizado y f\u00e1cil de mantener.<\/p>\n<p>Otras herramientas que utilizan los profesionales que se dedican a esto, son editores como<strong> Visual Studio Code<\/strong> y <strong>Git<\/strong>, en proyectos donde hay m\u00e1s de una persona.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFEn_que_influye_en_el_SEO\"><\/span>\u00bfEn qu\u00e9 influye en el SEO?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>En este sentido, no es suficiente con que la p\u00e1gina se vea bien si est\u00e1 mal construida por dentro. El posicionamiento puede verse afectado, de manera que una buena maquetaci\u00f3n facilitar\u00e1 que los buscadores entiendan mejor el contenido y, eso, al final, se traduce en una mayor visibilidad.<\/p>\n<p>Las<strong> etiquetas HTML<\/strong> tienen un papel importante. Usar correctamente <strong>estructuras como &lt;header&gt;, &lt;main&gt;, &lt;section&gt;, &lt;h1&gt;, &lt;h2&gt;&#8230;<\/strong> ayuda a jerarquizar el contenido, tanto para los motores de b\u00fasqueda como para los usuarios.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"El_perfil_del_maquetador_web\"><\/span>El perfil del maquetador web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">Quien se dedica a maquetar necesita dominar el c\u00f3digo, pero tambi\u00e9n tener sensibilidad por el dise\u00f1o puesto que el maquetador web debe tomar decisiones peque\u00f1as que afectan al resultado final.<\/p>\n<p>Por tanto, debe saber leer un dise\u00f1o con ojos t\u00e9cnicos, prever c\u00f3mo se va a comportar en distintos entornos y asegurarse de que se mantiene la consistencia cuando algo cambia. Amenudo trabaja en contacto con dise\u00f1adores, desarrolladores, creadores de contenido, por eso tambi\u00e9n debe tener capacidad para comunicar y resolver.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conviertete_en_maquetador_web\"><\/span>Convi\u00e9rtete en maquetador web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si te apasiona este mundo y quieres aprender maquetaci\u00f3n web y <strong>construir p\u00e1ginas funcionales, claras y adaptables<\/strong>, en INESEM puedes hacerlo. Ofrecemos formaci\u00f3n enfocada en la pr\u00e1ctica real con contenidos que conectan el c\u00f3digo con la experiencia del usuario y con una visi\u00f3n que prepara para trabajar en proyectos web de verdad, desde el inicio. Consulta nuestro<strong> <a href=\"https:\/\/www.inesem.es\/Master-Full-Stack-Developer\">M\u00e1ster Full Stack Developer<\/a>.<\/strong><\/p>\n<p style=\"text-align: center\"><em><strong><a href=\"https:\/\/www.inesem.es\/revistadigital\/diseno-y-artes-graficas\/como-hacer-un-prototipo-en-figma\/\">Quiz\u00e1 te pueda interesar leer m\u00e1s sobre: C\u00f3mo hacer un prototipo en Figma en 5 pasos<\/a><\/strong><\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.<\/p>\n","protected":false},"author":92014,"featured_media":5685,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"class_list":["post-5682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-de-aplicaciones"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Maquetaci\u00f3n web que funciona en todos los dispositivos<\/title>\n<meta name=\"description\" content=\"Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maquetaci\u00f3n web que funciona en todos los dispositivos\" \/>\n<meta property=\"og:description\" content=\"Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\" \/>\n<meta property=\"og:site_name\" content=\"Canal Inform\u00e1tica y TICS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-27T12:03:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sara \u00c1vila Ram\u00edrez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inesem\" \/>\n<meta name=\"twitter:site\" content=\"@inesem\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sara \u00c1vila Ram\u00edrez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\"},\"author\":{\"name\":\"Sara \u00c1vila Ram\u00edrez\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/8b293b1d57c4214ed7026c59154faea9\"},\"headline\":\"Maquetaci\u00f3n web: estructura, claridad y orden en cada l\u00ednea de c\u00f3digo\",\"datePublished\":\"2025-06-27T12:03:27+00:00\",\"dateModified\":\"2025-06-27T12:03:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\"},\"wordCount\":1744,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg\",\"articleSection\":[\"Desarrollo de Aplicaciones\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\",\"name\":\"Maquetaci\u00f3n web que funciona en todos los dispositivos\",\"isPartOf\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg\",\"datePublished\":\"2025-06-27T12:03:27+00:00\",\"dateModified\":\"2025-06-27T12:03:27+00:00\",\"description\":\"Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg\",\"width\":1020,\"height\":680,\"caption\":\"maquetaci\u00f3n web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo de Aplicaciones\",\"item\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/desarrollo-de-aplicaciones\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Maquetaci\u00f3n web: estructura, claridad y orden en cada l\u00ednea de c\u00f3digo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"description\":\"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM\",\"publisher\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization\",\"name\":\"Canal Inform\u00e1tica y TICS\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Canal Inform\u00e1tica y TICS\"},\"image\":{\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/InesemBusinessSchool\/\",\"https:\/\/x.com\/inesem\",\"http:\/\/www.linkedin.com\/company\/2370697\",\"https:\/\/www.youtube.com\/user\/inesembusinesschool\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/8b293b1d57c4214ed7026c59154faea9\",\"name\":\"Sara \u00c1vila Ram\u00edrez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.inesem.es\/revistadigital\/juridico\/files\/2025\/01\/cropped-photo-sara-96x96.jpg\",\"contentUrl\":\"https:\/\/www.inesem.es\/revistadigital\/juridico\/files\/2025\/01\/cropped-photo-sara-96x96.jpg\",\"caption\":\"Sara \u00c1vila Ram\u00edrez\"},\"url\":\"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/sara-avila\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Maquetaci\u00f3n web que funciona en todos los dispositivos","description":"Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web","og_locale":"es_ES","og_type":"article","og_title":"Maquetaci\u00f3n web que funciona en todos los dispositivos","og_description":"Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.","og_url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web","og_site_name":"Canal Inform\u00e1tica y TICS","article_publisher":"https:\/\/www.facebook.com\/InesemBusinessSchool\/","article_published_time":"2025-06-27T12:03:27+00:00","og_image":[{"width":1020,"height":680,"url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg","type":"image\/jpeg"}],"author":"Sara \u00c1vila Ram\u00edrez","twitter_card":"summary_large_image","twitter_creator":"@inesem","twitter_site":"@inesem","twitter_misc":{"Escrito por":"Sara \u00c1vila Ram\u00edrez","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#article","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web"},"author":{"name":"Sara \u00c1vila Ram\u00edrez","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/8b293b1d57c4214ed7026c59154faea9"},"headline":"Maquetaci\u00f3n web: estructura, claridad y orden en cada l\u00ednea de c\u00f3digo","datePublished":"2025-06-27T12:03:27+00:00","dateModified":"2025-06-27T12:03:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web"},"wordCount":1744,"commentCount":0,"publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg","articleSection":["Desarrollo de Aplicaciones"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web","name":"Maquetaci\u00f3n web que funciona en todos los dispositivos","isPartOf":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage"},"thumbnailUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg","datePublished":"2025-06-27T12:03:27+00:00","dateModified":"2025-06-27T12:03:27+00:00","description":"Descubre c\u00f3mo se construye una p\u00e1gina clara, adaptable y bien estructurada desde dentro. No es magia: es maquetaci\u00f3n web bien hecha.","breadcrumb":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#primaryimage","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web.jpg","width":1020,"height":680,"caption":"maquetaci\u00f3n web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/maquetacion-web#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/"},{"@type":"ListItem","position":2,"name":"Desarrollo de Aplicaciones","item":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/categorias\/desarrollo-de-aplicaciones"},{"@type":"ListItem","position":3,"name":"Maquetaci\u00f3n web: estructura, claridad y orden en cada l\u00ednea de c\u00f3digo"}]},{"@type":"WebSite","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#website","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","name":"Canal Inform\u00e1tica y TICS","description":"Canal de Noticias gestionado por el Departamento Docente de Inform\u00e1tica y TICS de INESEM","publisher":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#organization","name":"Canal Inform\u00e1tica y TICS","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Canal Inform\u00e1tica y TICS"},"image":{"@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/InesemBusinessSchool\/","https:\/\/x.com\/inesem","http:\/\/www.linkedin.com\/company\/2370697","https:\/\/www.youtube.com\/user\/inesembusinesschool\/"]},{"@type":"Person","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/8b293b1d57c4214ed7026c59154faea9","name":"Sara \u00c1vila Ram\u00edrez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/#\/schema\/person\/image\/","url":"https:\/\/www.inesem.es\/revistadigital\/juridico\/files\/2025\/01\/cropped-photo-sara-96x96.jpg","contentUrl":"https:\/\/www.inesem.es\/revistadigital\/juridico\/files\/2025\/01\/cropped-photo-sara-96x96.jpg","caption":"Sara \u00c1vila Ram\u00edrez"},"url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/autores\/sara-avila"}]}},"autor_name":{"name":"Sara \u00c1vila Ram\u00edrez"},"featured_image":{"attachment_meta":{"width":1020,"height":680,"file":"2025\/06\/maquetacion-web.jpg","filesize":48500,"sizes":{"medium":{"file":"maquetacion-web-175x117.jpg","width":175,"height":117,"filesize":6660,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-175x117.jpg"},"thumbnail":{"file":"maquetacion-web-345x180.jpg","width":345,"height":180,"filesize":16175,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-345x180.jpg"},"medium_large":{"file":"maquetacion-web-768x512.jpg","width":768,"height":512,"filesize":60866,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-768x512.jpg"},"thumb-small":{"file":"maquetacion-web-80x80.jpg","width":80,"height":80,"filesize":3004,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-80x80.jpg"},"thumb-standard":{"file":"maquetacion-web-320x320.jpg","width":320,"height":320,"filesize":22741,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-320x320.jpg"},"thumb-medium":{"file":"maquetacion-web-520x245.jpg","width":520,"height":245,"filesize":28208,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-520x245.jpg"},"thumb-large":{"file":"maquetacion-web-720x340.jpg","width":720,"height":340,"filesize":45392,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-720x340.jpg"},"thumb-anteriores":{"file":"maquetacion-web-230x163.jpg","width":230,"height":163,"filesize":10600,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-230x163.jpg"},"thumb-inverso":{"file":"maquetacion-web-369x261.jpg","width":369,"height":261,"filesize":22050,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-369x261.jpg"},"thumb-cercano":{"file":"maquetacion-web-650x200.jpg","width":650,"height":200,"filesize":29214,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-650x200.jpg"},"thumb-slider":{"file":"maquetacion-web-574x430.jpg","width":574,"height":430,"filesize":44108,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-574x430.jpg"},"thumb-busqueda":{"file":"maquetacion-web-580x375.jpg","width":580,"height":375,"filesize":40051,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-580x375.jpg"},"thumb-formacion-continua":{"file":"maquetacion-web-440x336.jpg","width":440,"height":336,"filesize":30415,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-440x336.jpg"},"thumb-xlarge":{"file":"maquetacion-web-980x450.jpg","width":980,"height":450,"filesize":69152,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-980x450.jpg"},"thumb-xxlarge":{"file":"maquetacion-web-1020x500.jpg","width":1020,"height":500,"filesize":77607,"mime_type":"image\/jpeg","url":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/files\/2025\/06\/maquetacion-web-1020x500.jpg"}},"image_meta":{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"1","keywords":[]}}},"_links":{"self":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/5682"}],"collection":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/users\/92014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/comments?post=5682"}],"version-history":[{"count":0,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/posts\/5682\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media\/5685"}],"wp:attachment":[{"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/media?parent=5682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inesem.es\/revistadigital\/informatica-y-tics\/wp-json\/wp\/v2\/categories?post=5682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}