{"id":230096,"date":"2022-03-30T08:54:47","date_gmt":"2022-03-30T06:54:47","guid":{"rendered":"https:\/\/startup.info\/?p=230096"},"modified":"2022-03-30T08:54:47","modified_gmt":"2022-03-30T06:54:47","slug":"como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio","status":"publish","type":"post","link":"https:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/","title":{"rendered":"C\u00f3mo escoger el tipo de dise\u00f1o web adecuado para mi negocio"},"content":{"rendered":"<p>\u00bfSab\u00edas que el \u00e9xito o el fracaso de cualquier proyecto web depende en un <strong>94%<\/strong> de la<strong> primera impresi\u00f3n<\/strong>? De aqu\u00ed que sea tan importante saber que enfoque darle a la p\u00e1gina para que sea capaz de atraer y seducir.<\/p>\n<p>Existen diferentes <strong>tipos de dise\u00f1o web<\/strong> con sus pros y sus contras. Es muy importante contemplar las diferentes posibilidades para que podamos encontrar el que mejor se adapta a nuestras necesidades y expectativas.<\/p>\n<p>Si todav\u00eda no conoces las opciones que se te presentan, este art\u00edculo es para ti:<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 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=\"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:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/#%C2%BFQue_tipos_de_diseno_web_existen_y_que_caracteristicas_tienen\" >\u00bfQu\u00e9 tipos de dise\u00f1o web existen y qu\u00e9 caracter\u00edsticas tienen?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/#1_Diseno_web_estatico\" >1.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web est\u00e1tico<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/#2_Diseno_web_dinamico\" >2.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web din\u00e1mico<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/#3_Diseno_web_responsive\" >3.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web responsive<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/#4_Diseno_web_fluido\" >4.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web fluido<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/startup.info\/es\/como-escoger-el-tipo-de-diseno-web-adecuado-para-mi-negocio\/#5_Diseno_web_One_Page\" >5.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web One Page<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue_tipos_de_diseno_web_existen_y_que_caracteristicas_tienen\"><\/span>\u00bfQu\u00e9 tipos de dise\u00f1o web existen y qu\u00e9 caracter\u00edsticas tienen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Diseno_web_estatico\"><\/span>1.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web est\u00e1tico<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>El dise\u00f1o de una <strong>p\u00e1gina web est\u00e1tica<\/strong> es uno de los <strong>tipos de dise\u00f1o web<\/strong> m\u00e1s sencillos que podemos encontrar.<\/p>\n<p>Se trata de un sitio web en donde el tama\u00f1o de la web vendr\u00e1 establecido de origen. Su ancho ser\u00e1 fijo, as\u00ed que los diferentes recursos gr\u00e1ficos se tendr\u00e1n que adaptar a este tama\u00f1o. No importar\u00e1 de qu\u00e9 dispositivo o navegador estemos hablando.<\/p>\n<p>Es raro encontrarse ya con este dise\u00f1o en las p\u00e1ginas actuales, ya que la mayor\u00eda de los usuarios acceden a la red a trav\u00e9s de sus tel\u00e9fonos m\u00f3viles y con este dise\u00f1o se lastrar\u00eda la <strong>experiencia de usuario<\/strong>.<\/p>\n<p>No son una buena opci\u00f3n a no ser que se tenga una versi\u00f3n m\u00f3vil independiente de la versi\u00f3n de escritorio.<\/p>\n<ul>\n<li>La gran ventaja del dise\u00f1o web est\u00e1tico es que resulta <strong>sencillo de configurar<\/strong>.<\/li>\n<li>En contraposici\u00f3n, no se adapta a las resoluciones cambiantes y exige la creaci\u00f3n de un sitio web m\u00f3vil separado, con la inversi\u00f3n econ\u00f3mica que esto requerir\u00e1.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"2_Diseno_web_dinamico\"><\/span>2.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web din\u00e1mico<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>El <strong>dise\u00f1o web din\u00e1mico<\/strong> es una interesante propuesta para todas aquellas personas que saben de HTML.<\/p>\n<p>Son p\u00e1ginas que pueden mostrar diferente contenido, dependiendo de lo que busque cada visitante.<\/p>\n<p>Funcionan con una base de datos. En el momento en el que el usuario accede a una determinada secci\u00f3n, a trav\u00e9s de la codificaci\u00f3n web se har\u00e1n peticiones a la BD para crear la p\u00e1gina.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.doowebs.es\/que-es-una-pagina-web-estatica-vs-una-dinamica\/\" rel=\"nofollow noopener\" target=\"_blank\">El dise\u00f1o web din\u00e1mico vs el est\u00e1tico<\/a>, es m\u00e1s <strong>interactivo<\/strong> para el usuario y no requiere de tanta especializaci\u00f3n para crear la web.<\/li>\n<li>Sin embargo, es la f\u00f3rmula m\u00e1s compleja de configurar debido a la gran cantidad de funcionalidades que pueden existir. Adem\u00e1s, si no se configura bien, el tiempo de carga se puede elevar y lastrar la experiencia de navegaci\u00f3n.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"3_Diseno_web_responsive\"><\/span>3.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web responsive<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Una interesante alternativa al dise\u00f1o fijo es el <strong>dise\u00f1o web responsive<\/strong>. Se trata de un tipo de p\u00e1gina web que se centra en el uso de<strong> consultas CSS<\/strong> para conseguir una adaptaci\u00f3n perfecta del sitio web, con independencia del dispositivo o navegador desde el que se acceda.<\/p>\n<p>Por ejemplo, en el caso de que el navegador haya sido configurado para tener un tama\u00f1o de 600 p\u00edxeles de anchura, podr\u00e1 configurar el contenedor principal de la web para que tenga 400px y el bloque izquierdo a 200 px.<\/p>\n<p>Adem\u00e1s, en el caso de que una de las columnas fuese muy peque\u00f1a para visualizarse, con el dise\u00f1o web responsive podr\u00eda modificarse la estructura, haciendo que la p\u00e1gina tan s\u00f3lo contase con un bloque central.<\/p>\n<ul>\n<li>El dise\u00f1o web responsive es <strong>f\u00e1cil de implantar y de configurar<\/strong>. Adem\u00e1s, potencia la <strong>experiencia del usuario<\/strong>.<\/li>\n<li>Sin embargo, dependiendo de cada caso, es posible que los puntos de ajuste que pueda conseguir no se adapte a los anchos de dispositivo.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"4_Diseno_web_fluido\"><\/span>4.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web fluido<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Tambi\u00e9n conocido como <strong>dise\u00f1o web Liquid<\/strong>, se trata de un tipo de dise\u00f1o caracterizado por el empleo de unidades flexibles. Gracias a estos recursos, el sitio se adaptar\u00e1 al tama\u00f1o m\u00e1ximo de la anchura del dispositivo, sin importar de cual estemos hablando.<\/p>\n<ul>\n<li>Es m\u00e1s sencillo de configurar que una p\u00e1gina est\u00e1tica y evita que se pierda informaci\u00f3n.<\/li>\n<li>Pero tiene una pega: en el caso de que tengamos un navegador demasiado extenso, la informaci\u00f3n se puede alargar demasiado y ser poco estimulante para leerse. En el caso de que el navegador sea peque\u00f1o, la informaci\u00f3n se podr\u00eda condensar tanto que costar\u00eda de leer.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Diseno_web_One_Page\"><\/span>5.\u00a0\u00a0\u00a0\u00a0 Dise\u00f1o web <em>One Page<\/em><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Dentro de los tipos de p\u00e1gina web tambi\u00e9n podemos encontrar el dise\u00f1o <strong>One Page<\/strong>. Este es muy f\u00e1cil de entender, ya que el dise\u00f1o se reduce a tan solo una web.<\/p>\n<p>Los usuarios tendr\u00e1n que hacer scroll para encontrar toda la informaci\u00f3n sobre el art\u00edculo, servicio o cualquier otro tipo de contenido que se albergue en la web.<\/p>\n<p>Con el objetivo de hacer m\u00e1s sencilla la experiencia, se suele implantar un men\u00fa de navegaci\u00f3n que tenga enlaces a lugares concretos de la p\u00e1gina.<\/p>\n<ul>\n<li>Este dise\u00f1o se considera <strong>f\u00e1cil de crear<\/strong> y es una buena opci\u00f3n para dar forma a un <strong>estilo claro y limpio<\/strong>.<\/li>\n<li>Sin embargo, tiene muchas incompatibilidades: por ejemplo, no es una buena opci\u00f3n para eCommerce. Adem\u00e1s, si la p\u00e1gina es muy larga, leer la informaci\u00f3n ser\u00e1 un suplicio.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfSab\u00edas que el \u00e9xito o el fracaso de cualquier proyecto web depende en un 94% de la primera impresi\u00f3n? De aqu\u00ed que sea tan importante saber que enfoque darle a la p\u00e1gina para que sea capaz de atraer y seducir. Existen diferentes tipos de dise\u00f1o web con sus pros y sus contras. Es muy importante [&hellip;]<\/p>\n","protected":false},"author":72952,"featured_media":230097,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[24904],"tags":[],"class_list":["post-230096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-recursos"],"_links":{"self":[{"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/posts\/230096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/users\/72952"}],"replies":[{"embeddable":true,"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/comments?post=230096"}],"version-history":[{"count":0,"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/posts\/230096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/media\/230097"}],"wp:attachment":[{"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/media?parent=230096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/categories?post=230096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/startup.info\/es\/wp-json\/wp\/v2\/tags?post=230096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}