{"id":4244,"date":"2013-12-16T12:23:06","date_gmt":"2013-12-16T12:23:06","guid":{"rendered":"https:\/\/www.dweb3d.com\/blog\/?p=4244"},"modified":"2023-03-24T11:33:23","modified_gmt":"2023-03-24T11:33:23","slug":"programando-un-diseno-web-adaptable","status":"publish","type":"post","link":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/","title":{"rendered":"Programando un Dise\u00f1o Web Adaptable"},"content":{"rendered":"<p>Muchos ya conocemos la incre\u00edble ventaja que representan los dise\u00f1os web adaptables y responsive, podemos remitirnos a art\u00edculos de nuestra web para saber m\u00e1s de su <a title=\"Qu\u00e9 es dise\u00f1o web adaptable?\" href=\"https:\/\/www.dweb3d.com\/blog\/que-es-diseno-web-adaptable-responsive\/\">definici\u00f3n y proceso<\/a>\u00a0e <a href=\"https:\/\/www.dweb3d.com\/blog\/historia-del-diseno-web\/\">historia\u00a0del dise\u00f1o web en general<\/a>; pero ya entrando en datos t\u00e9cnicos como se programa una p\u00e1gina web responsive?, a continuaci\u00f3n una introducci\u00f3n al respecto. \u00a0 Aunque pareciera un aspecto bastante complicado, todo parte del principio fundamental de adaptabilidad en p\u00e1ginas que es muy b\u00e1sico: Debemos consideras 3 anchos de pantalla como m\u00ednimo: uno para smartphones, uno para tablets y otro para pantalla completa, en algunos casos ser\u00e1 necesario considerar un ancho extra m\u00e1s que es el de las pantallas de notebooks peque\u00f1os que a veces nos dan inconvenientes \u00a0si s\u00f3lo consideramos un ancho completo ya que es muy diferente una pantalla de 980 pixeles de ancho a una de 2000 pixeles de ancho, ya que hay que considerar que cada vez m\u00e1s usuarios acceden desde pantallas grandes por un lado, y por otro mucho m\u00e1s creciente a\u00fan, lo usuarios ya tienen acceso a internet m\u00f3vil y poseen smartphones, adem\u00e1s necesitan acceder a la informaci\u00f3n bastante r\u00e1pido. \u00a0 <\/p>\n<p>Para eso sirven los media <em>queries<\/em> y hay algunas maneras de a\u00f1adirlos, se pueden llamar por separado desde el archivo <strong>HTML<\/strong> respectivo o ser pueden ingresar en el mismo archivo, a continuaci\u00f3n les expongo un ejemplo en el cual pensamos en 4 tipos de pantallas, ac\u00e1 se intuye que ya tenemos un c\u00f3digo para el ancho completo y para especificar en el css los respectivos paquetes los delimitamos con el siguiente bloque de c\u00f3digo: <\/p>\n<p>@media screen and (max-width: ?px) \u00a0{ \u00a0 Bloque de c\u00f3digo del ancho respectivo } \u00a0<\/p>\n<p>En donde <em><strong>?<\/strong><\/em> es el punto m\u00e1ximo en hasta el cual el c\u00f3digo es aplicado, luego de rebasar ese ancho pasa al siguiente bloque de css y as\u00ed sucesivamente, algunos recomiendo empezar con c\u00f3mo se v\u00e9 el ancho m\u00e1s peque\u00f1o e irlo cada vez agrandando, entre m\u00e1s espec\u00edficos sean los detalles de cada secci\u00f3n, mejor ser\u00e1 la adaptabilidad de los diversos componentes, en este ejemplo tenemos s\u00f3lo dos elementos, pero con esta misma estructura podemos asignar m\u00e1s elementos, considerando que muchas p\u00e1ginas tienen un header (secci\u00f3n superior), un slider (banners cambiantes) y un footer (secci\u00f3n inferior), sin contar los men\u00fas, recuerde que el div respectivo debe nombrado, para realizarle el respectivo llamado desde CSS. \u00a0<\/p>\n<pre><code> \/*\u00a0smaller than 980 \u00a0*\/\n @media screen and (max-width: 980px) {\n \/* content *\/\n #contenido {\n width: 60%;\n padding: 3% 4%;\n }\n \/* sidebar *\/\n #barra-lateral {\n width: 30%;}\n }\n \/*\u00a0smaller than 650\u00a0*\/\n @media screen and (max-width: 650px) {\n \/* content *\/\n #contenido {\n width: auto;\n max-width:450px;\n float: none;\n margin: 20px 0;\n }\n \/* sidebar *\/\n #barra-lateral {\n width: 100%;\n max-width:650px;\n text-align:center;\n margin: 0;\n float: none;\n }\n #barra-lateral img {\n width: 100%;\n max-width:450px;\n margin: 0;\n float: none;\n } #barra-lateral .widget {\n padding: 3% 4%;\n margin: 0 0 10px;\n }\n \/*\u00a0smaller than 560 *\/\n @media screen and (max-width: 480px) {\n #contenido {\n width: auto;\n max-width:300px;\n text-align:center;\n float: none;\n margin: 20px 0;\n }\n \/* sidebar *\/\n #barra-lateral {\n width: 100%;\n max-width:350px;\n text-align:center;\n margin: 0;\n float: none;\n }\n #barra-lateral img {\n width: 100%;\n max-width:350px;\n text-align:center;\n margin: 0;\n float: none;\n } <\/code><\/pre>\n<p>Es necesario algo de pr\u00e1ctica para dominar la t\u00e9cnica y tener conocimientos en HTML y CSS previos para poder realizar la maqueta correctamente, la mejor versi\u00f3n para maquetar el archivo .html ser\u00eda por supuesto HTML5 que ya viene optimizado para funcionar en dispositivos m\u00f3viles y tablets, para tener una buena interactividad es necesario incorporar adem\u00e1s Javascript en nuestro sitio, recuerde que para dise\u00f1ar webs cada vez ser\u00e1 m\u00e1s importante pensar en los usuarios, por lo cual el dise\u00f1o es bueno enfocarlo hacia la experiencia que tendr\u00e1n los usuarios con las p\u00e1ginas web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muchos ya conocemos la incre\u00edble ventaja que representan los dise\u00f1os web adaptables y responsive, podemos remitirnos a art\u00edculos de nuestra web para saber m\u00e1s de su definici\u00f3n y proceso\u00a0e historia\u00a0del dise\u00f1o web en general; pero ya entrando en datos t\u00e9cnicos como se programa una p\u00e1gina web responsive?, a continuaci\u00f3n una introducci\u00f3n al respecto. \u00a0 Aunque [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4303,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[39,76,247],"tags":[],"class_list":["post-4244","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-diseno-web","category-programacion-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Programando un Dise\u00f1o Web Adaptable - C\u00f3digo Responsive Web Design<\/title>\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.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Programando un Dise\u00f1o Web Adaptable - C\u00f3digo Responsive Web Design\" \/>\n<meta property=\"og:description\" content=\"Muchos ya conocemos la incre\u00edble ventaja que representan los dise\u00f1os web adaptables y responsive, podemos remitirnos a art\u00edculos de nuestra web para saber m\u00e1s de su definici\u00f3n y proceso\u00a0e historia\u00a0del dise\u00f1o web en general; pero ya entrando en datos t\u00e9cnicos como se programa una p\u00e1gina web responsive?, a continuaci\u00f3n una introducci\u00f3n al respecto. \u00a0 Aunque [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dweb3d\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-16T12:23:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-24T11:33:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dweb3d Blog Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dweb3d\" \/>\n<meta name=\"twitter:site\" content=\"@dweb3d\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dweb3d Blog Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\"},\"author\":{\"name\":\"Dweb3d Blog Admin\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#\/schema\/person\/e0e69d5e31f24ede611322cf8aa10c6c\"},\"headline\":\"Programando un Dise\u00f1o Web Adaptable\",\"datePublished\":\"2013-12-16T12:23:06+00:00\",\"dateModified\":\"2023-03-24T11:33:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\"},\"wordCount\":531,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg\",\"articleSection\":[\"Dise\u00f1o\",\"Dise\u00f1o Web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\",\"url\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\",\"name\":\"Programando un Dise\u00f1o Web Adaptable - C\u00f3digo Responsive Web Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg\",\"datePublished\":\"2013-12-16T12:23:06+00:00\",\"dateModified\":\"2023-03-24T11:33:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage\",\"url\":\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg\",\"contentUrl\":\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg\",\"width\":1440,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.dweb3d.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programando un Dise\u00f1o Web Adaptable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#website\",\"url\":\"https:\/\/www.dweb3d.com\/blog\/\",\"name\":\"Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dweb3d.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#organization\",\"name\":\"Dweb3d - Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios\",\"url\":\"https:\/\/www.dweb3d.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2023\/03\/logo-moderno-dweb3d-2023-diseno-web.png\",\"contentUrl\":\"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2023\/03\/logo-moderno-dweb3d-2023-diseno-web.png\",\"width\":616,\"height\":240,\"caption\":\"Dweb3d - Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios\"},\"image\":{\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dweb3d\/\",\"https:\/\/x.com\/dweb3d\",\"https:\/\/instagram.com\/dweb3d\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dweb3d.com\/blog\/#\/schema\/person\/e0e69d5e31f24ede611322cf8aa10c6c\",\"name\":\"Dweb3d Blog Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3c8d84d2c0eff23bd35fa19ea9bdc157c558735d78d0d145c9c08d6351b6e3f9?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3c8d84d2c0eff23bd35fa19ea9bdc157c558735d78d0d145c9c08d6351b6e3f9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3c8d84d2c0eff23bd35fa19ea9bdc157c558735d78d0d145c9c08d6351b6e3f9?s=96&d=mm&r=g\",\"caption\":\"Dweb3d Blog Admin\"},\"sameAs\":[\"https:\/\/www.dweb3d.com\/blog\"],\"url\":\"https:\/\/www.dweb3d.com\/blog\/author\/dweb3d-blog-admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Programando un Dise\u00f1o Web Adaptable - C\u00f3digo Responsive Web Design","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.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/","og_locale":"es_ES","og_type":"article","og_title":"Programando un Dise\u00f1o Web Adaptable - C\u00f3digo Responsive Web Design","og_description":"Muchos ya conocemos la incre\u00edble ventaja que representan los dise\u00f1os web adaptables y responsive, podemos remitirnos a art\u00edculos de nuestra web para saber m\u00e1s de su definici\u00f3n y proceso\u00a0e historia\u00a0del dise\u00f1o web en general; pero ya entrando en datos t\u00e9cnicos como se programa una p\u00e1gina web responsive?, a continuaci\u00f3n una introducci\u00f3n al respecto. \u00a0 Aunque [&hellip;]","og_url":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/","og_site_name":"Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios","article_publisher":"https:\/\/www.facebook.com\/dweb3d\/","article_published_time":"2013-12-16T12:23:06+00:00","article_modified_time":"2023-03-24T11:33:23+00:00","og_image":[{"width":1440,"height":900,"url":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg","type":"image\/jpeg"}],"author":"Dweb3d Blog Admin","twitter_card":"summary_large_image","twitter_creator":"@dweb3d","twitter_site":"@dweb3d","twitter_misc":{"Escrito por":"Dweb3d Blog Admin","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#article","isPartOf":{"@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/"},"author":{"name":"Dweb3d Blog Admin","@id":"https:\/\/www.dweb3d.com\/blog\/#\/schema\/person\/e0e69d5e31f24ede611322cf8aa10c6c"},"headline":"Programando un Dise\u00f1o Web Adaptable","datePublished":"2013-12-16T12:23:06+00:00","dateModified":"2023-03-24T11:33:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/"},"wordCount":531,"commentCount":0,"publisher":{"@id":"https:\/\/www.dweb3d.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg","articleSection":["Dise\u00f1o","Dise\u00f1o Web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/","url":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/","name":"Programando un Dise\u00f1o Web Adaptable - C\u00f3digo Responsive Web Design","isPartOf":{"@id":"https:\/\/www.dweb3d.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage"},"image":{"@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg","datePublished":"2013-12-16T12:23:06+00:00","dateModified":"2023-03-24T11:33:23+00:00","breadcrumb":{"@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#primaryimage","url":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg","contentUrl":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2013\/12\/responsive-web-design.jpg","width":1440,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/www.dweb3d.com\/blog\/programando-un-diseno-web-adaptable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.dweb3d.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Programando un Dise\u00f1o Web Adaptable"}]},{"@type":"WebSite","@id":"https:\/\/www.dweb3d.com\/blog\/#website","url":"https:\/\/www.dweb3d.com\/blog\/","name":"Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios","description":"","publisher":{"@id":"https:\/\/www.dweb3d.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dweb3d.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.dweb3d.com\/blog\/#organization","name":"Dweb3d - Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios","url":"https:\/\/www.dweb3d.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.dweb3d.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2023\/03\/logo-moderno-dweb3d-2023-diseno-web.png","contentUrl":"https:\/\/www.dweb3d.com\/blog\/wp-content\/uploads\/2023\/03\/logo-moderno-dweb3d-2023-diseno-web.png","width":616,"height":240,"caption":"Dweb3d - Blog de Dise\u00f1o Web, Marketing, Emprendimiento, Actualidad y Negocios"},"image":{"@id":"https:\/\/www.dweb3d.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dweb3d\/","https:\/\/x.com\/dweb3d","https:\/\/instagram.com\/dweb3d\/"]},{"@type":"Person","@id":"https:\/\/www.dweb3d.com\/blog\/#\/schema\/person\/e0e69d5e31f24ede611322cf8aa10c6c","name":"Dweb3d Blog Admin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3c8d84d2c0eff23bd35fa19ea9bdc157c558735d78d0d145c9c08d6351b6e3f9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3c8d84d2c0eff23bd35fa19ea9bdc157c558735d78d0d145c9c08d6351b6e3f9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3c8d84d2c0eff23bd35fa19ea9bdc157c558735d78d0d145c9c08d6351b6e3f9?s=96&d=mm&r=g","caption":"Dweb3d Blog Admin"},"sameAs":["https:\/\/www.dweb3d.com\/blog"],"url":"https:\/\/www.dweb3d.com\/blog\/author\/dweb3d-blog-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/posts\/4244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/comments?post=4244"}],"version-history":[{"count":0,"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/posts\/4244\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/media\/4303"}],"wp:attachment":[{"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/media?parent=4244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/categories?post=4244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dweb3d.com\/blog\/wp-json\/wp\/v2\/tags?post=4244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}