{"id":8643,"date":"2021-11-18T12:45:00","date_gmt":"2021-11-18T18:45:00","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=8643"},"modified":"2022-02-04T18:49:56","modified_gmt":"2022-02-05T00:49:56","slug":"como-disenar-una-web","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/como-disenar-una-web\/","title":{"rendered":"\u00bfDise\u00f1o Guadalajara como dise\u00f1ar una web?"},"content":{"rendered":"<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-8646 size-medium\" title=\"Dise\u00f1o Guadalajara como dise\u00f1ar una web\" src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/como-disenar-una-web-guadalajara-mexico-480x320.jpg.webp\" alt=\"Dise\u00f1o Guadalajara como dise\u00f1ar una web\" width=\"480\" height=\"320\" srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/como-disenar-una-web-guadalajara-mexico-480x320.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/como-disenar-una-web-guadalajara-mexico-768x513.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/como-disenar-una-web-guadalajara-mexico-960x640.jpg.webp 960w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">\u00bf Conoces los pasos <em><strong>como dise\u00f1ar una web<\/strong><\/em>?<\/h2>\n<p>Una vez que tienes clara la idea en tu mente de\u00a0<em><strong>como dise\u00f1ar una web<\/strong><\/em>\u00a0y lo que quieres plasmar en una\u00a0sitio web, el siguiente paso es hacer un lista de textos e im\u00e1genes a usar en ella. Creas una archivo txt o word y ah\u00ed colectas los textos de tu web, creaci\u00f3n de contenido para que te sea m\u00e1s f\u00e1cil editarlos en el sitio a desarrollar, enseguida creas una carpeta con todas las im\u00e1genes que vas a usar en tu p\u00e1gina ( imagenes en formato .jpg y .png ) as\u00ed como videos cortos o links de videos desde youtube, tiktok u otra plataforma.<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\"><strong>Eliges un template que vaya de acuerdo al tema de tu p\u00e1gina web.<\/strong><\/h3>\n<p>Existen una gran variedad de <strong>plantillas<\/strong> o <strong>templates<\/strong> que puedes usar para desarrollar tu proyecto de pagina web, eliges una y sobre ella trabajas tu desarrollo, enseguida se muestra un ejemplo de plantillas listas para usar.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-8648 size-medium lazyload\" title=\"dise\u00f1o plantilla web Guadalajara\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-plantilla-web-480x188.jpg.webp\" alt=\"dise\u00f1o plantilla web Guadalajara\" width=\"480\" height=\"188\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-plantilla-web-480x188.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-plantilla-web-768x301.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-plantilla-web-960x377.jpg.webp 960w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-plantilla-web.jpg.webp 1675w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/188;\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\">Incorporas textos e im\u00e1genes que ya hab\u00edas elegido previamente.<\/h3>\n<p>Con un editor de c\u00f3digo html ( <strong>Dream weaver<\/strong> o <strong>visual estudio code<\/strong> ) llenas tu plantilla con los textos e im\u00e1genes que ya hab\u00edas seleccionado previamente cuidando la ortograf\u00eda sintaxis y estilo, as\u00ed como la optimizaci\u00f3n de las im\u00e1genes que no pesen mucho en pixeles y <strong>formato RGB<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-8649 size-medium lazyload\" title=\"Dise\u00f1o Guadalajara como dise\u00f1ar una web\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/editor-html-diseno-web-480x261.jpg.webp\" alt=\"Dise\u00f1o Guadalajara como dise\u00f1ar una web\" width=\"480\" height=\"261\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/editor-html-diseno-web-480x261.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/editor-html-diseno-web-768x417.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/editor-html-diseno-web-960x521.jpg.webp 960w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/editor-html-diseno-web.jpg.webp 1894w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/261;\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\">Subes tu sitio a tu servidor<\/h3>\n<p>Subes tu sitio ya terminado a un servidor y visualizas tu p\u00e1gina en varios navegadores para checar que este correcta su navegabilidad y que se adapte a varios dispositivos m\u00f3viles cuidando la carga de la p\u00e1gina que no demore m\u00e1s de 3 segundos en cargar as\u00ed como checar que no tenga errores en la tipograf\u00eda y en las im\u00e1genes as\u00ed como cerci\u00f3rarte de que est\u00e9n correctos los\u00a0 tel\u00e9fonos, whatsapps y correos electr\u00f3nicos y todos los datos incorporados.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-8650 aligncenter lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/server-diseno-web-480x249.jpg.webp\" alt=\"\" width=\"480\" height=\"249\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/server-diseno-web-480x249.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/server-diseno-web-768x399.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/server-diseno-web-960x499.jpg.webp 960w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/server-diseno-web.jpg.webp 1627w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/249;\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-8651 aligncenter lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-pagina-web-gdl-480x238.jpg.webp\" alt=\"\" width=\"480\" height=\"238\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-pagina-web-gdl-480x238.jpg.webp 480w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-pagina-web-gdl-768x381.jpg.webp 768w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-pagina-web-gdl-960x476.jpg.webp 960w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/diseno-pagina-web-gdl.jpg.webp 1788w\" data-sizes=\"(max-width: 480px) 100vw, 480px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 480px; --smush-placeholder-aspect-ratio: 480\/238;\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center;\">El siguiente paso es programar el SEO a tu dise\u00f1o web<\/h3>\n<p>Dar <strong>Seo<\/strong> para posicionar tu sitio en los\u00a0 buscadores como Google, mediante un correcto estudio de las palabras clave para que aparezca indexado en los primeros lugares de los motores de b\u00fasqueda.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-8652 aligncenter lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/seo-diseno-web-guadalajara-333x320.jpg.webp\" alt=\"\" width=\"333\" height=\"320\" data-srcset=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/seo-diseno-web-guadalajara-333x320.jpg.webp 333w, https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/seo-diseno-web-guadalajara.jpg.webp 555w\" data-sizes=\"(max-width: 333px) 100vw, 333px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 333px; --smush-placeholder-aspect-ratio: 333\/320;\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Contenido Estrategia social media<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7053 aligncenter lazyload\" data-src=\"https:\/\/marketingweb.com.mx\/blog\/wp-content\/smush-webp\/marketingweb.png.webp\" alt=\"marketingweb\" width=\"163\" height=\"33\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 163px; --smush-placeholder-aspect-ratio: 163\/33;\" \/><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #999999;\"><em><strong>#\u00bfDise\u00f1o Guadalajara como dise\u00f1ar una web?<\/strong><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u00bf Conoces los pasos como dise\u00f1ar una web? Una vez que tienes clara la idea en tu mente de\u00a0como dise\u00f1ar una web\u00a0y lo que quieres plasmar en una\u00a0sitio web, el siguiente paso es hacer un lista de textos e im\u00e1genes a usar en ella. Creas una archivo txt o word y ah\u00ed colectas los &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"ast-button\" href=\"https:\/\/marketingweb.com.mx\/blog\/como-disenar-una-web\/\"> <span class=\"screen-reader-text\">\u00bfDise\u00f1o Guadalajara como dise\u00f1ar una web?<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":8647,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[55],"tags":[1766,421,565,46,47],"class_list":["post-8643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-como-disenar-una-web","tag-agencia-de-desarrollo-web","tag-agencia-diseno-web-guadalajara","tag-diseno-web","tag-diseno-web-guadalajara"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/8643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=8643"}],"version-history":[{"count":2,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/8643\/revisions"}],"predecessor-version":[{"id":8655,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/8643\/revisions\/8655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/8647"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=8643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=8643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=8643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}