{"id":35579,"date":"2022-10-05T09:16:55","date_gmt":"2022-10-05T09:16:55","guid":{"rendered":"https:\/\/www.conectasoftware.com\/magazine\/?p=35579"},"modified":"2024-02-02T17:54:28","modified_gmt":"2024-02-02T17:54:28","slug":"quieres-saber-como-cocinar-una-web-al-mojo-picon","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/quieres-saber-como-cocinar-una-web-al-mojo-picon\/","title":{"rendered":"\u00bfQuieres saber c\u00f3mo cocinar una web al mojo pic\u00f3n?"},"content":{"rendered":"\n<p>\u00bfC\u00f3mo te imaginas <strong>una p\u00e1gina web perfecta en t\u00e9rminos de dise\u00f1o?<\/strong> Como si de un plato de cocina se tratase, aspectos como la paciencia, la pasi\u00f3n y el cuidado por cada detalle, adem\u00e1s de nuestra propia experiencia, son clave, \u00a1pero existen muchos m\u00e1s!<\/p>\n\n\n\n<p>En este caso, nos servimos de la receta brit\u00e1nica creada por<strong> Tim Berners-Lee.<\/strong> En la actualidad, esta receta ha traspasado fronteras, extendi\u00e9ndose por todo el mundo. \u00bfQuieres conocer todos los detalles?<\/p>\n\n\n\n<p>Hoy vamos a daros los <strong>ingredientes perfectos<\/strong> para realizar vuestra web con un toque de mojo pic\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>3kg de Prototipado<\/li>\n\n\n\n<li>1,5Kg de HTML<\/li>\n\n\n\n<li>150g de CSS<\/li>\n\n\n\n<li>4 piezas de JS<\/li>\n\n\n\n<li>1 cucharadita de PHP.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Preparaci\u00f3n del prototipado para la base de nuestro desarrollo web<\/h2>\n\n\n\n<p>Para cada<strong> modelo de p\u00e1gina<\/strong> dise\u00f1amos un prototipo teniendo en cuenta:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El objetivo de la p\u00e1gina<\/li>\n\n\n\n<li>La usabilidad<\/li>\n\n\n\n<li>El posicionamiento en buscadores<\/li>\n\n\n\n<li>CTA.<\/li>\n<\/ul>\n\n\n\n<p>Despu\u00e9s, lo dejamos enfriar unos d\u00edas en la nevera y tras la confirmaci\u00f3n de este prototipo, podemos sacarlo y continuar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Maquetamos nuestro prototipo: \u201cVamos a darle vida al dise\u00f1o\u201d<\/h2>\n\n\n\n<p>Es importante que conozcas la estructura de la maquetaci\u00f3n web. Sin ella, una p\u00e1gina no tiene sentido.\u00a0<\/p>\n\n\n\n<p>Una web tiene una estructura b\u00e1sica, la cual est\u00e1 conformada por<strong> las siguientes etiquetas:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cabecera \/ Header<\/li>\n\n\n\n<li>Men\u00fa de navegaci\u00f3n \/ Navbar<\/li>\n\n\n\n<li>Cuerpo \/ Body<\/li>\n\n\n\n<li>Pie \/ Footer.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.conectasoftware.com\/wp-content\/uploads\/2022\/10\/image2.png\" alt=\"\u00bfQuieres saber c\u00f3mo cocinar una web al mojo pic\u00f3n?\" class=\"wp-image-35271\"\/><\/figure><\/div>\n\n\n<p>Una estructura web con <a href=\"https:\/\/es.wikipedia.org\/wiki\/HTML5\" target=\"_blank\" rel=\"noopener\">HTML5<\/a> toma forma gracias al <strong>c\u00f3digo CSS.<\/strong> Podemos decir que nuestro <a href=\"https:\/\/es.wikipedia.org\/wiki\/CSS\" target=\"_blank\" rel=\"noopener\">CSS<\/a> ser\u00e1 el <em>fondant<\/em> de nuestras galletas, donde le daremos un estilo visual m\u00e1s apetecible.<\/p>\n\n\n\n<p>Una vez tenemos toda la estructura de nuestra web bien adornada, es normal que queramos darle un poco m\u00e1s de \u2018\u2018vidilla\u2019\u2019 al asunto. Para ello, vamos a trabajar con nuestro <a href=\"https:\/\/es.wikipedia.org\/wiki\/JavaScript\" target=\"_blank\" rel=\"noopener\">JavaScript<\/a> (JS). Con \u00e9l podemos crear efectos y animaciones sin ninguna interacci\u00f3n entre otras cosas.<\/p>\n\n\n\n<p>Adem\u00e1s de todo esto, con nuestra cucharadita de <a href=\"https:\/\/es.wikipedia.org\/wiki\/PHP\" target=\"_blank\" rel=\"noopener\">PHP<\/a>, podremos a\u00f1adir una gran cantidad de beneficios a nuestra receta. Es un lenguaje del lado del servidor, con el que podremos, por ejemplo, enviar y recibir formularios de contacto en nuestra web.<\/p>\n\n\n\n<p>Si hablamos de <strong>la aplicaci\u00f3n m\u00e1s famosa en PHP<\/strong> en entorno web, nos referimos, sin duda, a <a href=\"https:\/\/www.conectasoftware.com\/magazine\/diseno-web\/razones-para-disenar-nuestra-web-con-wordpress\/\">WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfCu\u00e1les son las herramientas para maquetaci\u00f3n web m\u00e1s efectivas?<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/es.wordpress.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress<\/strong><\/a><\/li>\n<\/ol>\n\n\n\n<p><strong>WordPress<\/strong> es un software de c\u00f3digo abierto que puedes usar para crear fant\u00e1sticas webs, blogs o aplicaciones.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li><a href=\"https:\/\/www.weebly.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Weebly<\/strong><\/a><\/li>\n<\/ol>\n\n\n\n<p>Sitios web,<strong> comercio electr\u00f3nico y marketing<\/strong> en un solo lugar. Para que puedas concentrarte en lo que amas.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li><a href=\"https:\/\/webflow.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Webflow<\/strong><\/a><\/li>\n<\/ol>\n\n\n\n<p>Webflow Designer te permite crear cualquier sitio web que puedas imaginar con toda la <strong>potencia de HTML, CSS y Javascript<\/strong> en un lienzo visual.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li><a href=\"https:\/\/www.shopify.com\/es-es\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Shopify<\/strong><\/a><\/li>\n<\/ol>\n\n\n\n<p>Shopify es la soluci\u00f3n m\u00e1s completa de e-commerce para que empieces a vender en internet.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li><a href=\"https:\/\/www.prestashop.com\/es\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Prestashop<\/strong><\/a><\/li>\n<\/ol>\n\n\n\n<p>Construye y ampl\u00eda tu negocio con una soluci\u00f3n de comercio electr\u00f3nico de la cual eres <strong>propietario al 100%.<\/strong><\/p>\n\n\n\n<p>\u00bfOs hab\u00e9is quedado con ganas del postre? \u00a1Pronto os contaremos nuevas recetas! \u00a1Suscr\u00edbete a nuestra <a href=\"https:\/\/www.conectasoftware.com\/magazine\/suscripcion-newsletter\/\">newsletter<\/a> para no perderte nada!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo te imaginas una p\u00e1gina web perfecta en t\u00e9rminos de dise\u00f1o? Como si de un plato de cocina se tratase, aspectos como la paciencia, la pasi\u00f3n y el cuidado por cada detalle, adem\u00e1s de nuestra propia experiencia, son clave, \u00a1pero existen muchos m\u00e1s! En este caso, nos servimos de la receta brit\u00e1nica creada por Tim [&hellip;]<\/p>\n","protected":false},"author":315,"featured_media":35635,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[41,23],"tags":[],"class_list":{"0":"post-35579","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ecommerce","8":"category-diseno-web"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/35579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/315"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/comments?post=35579"}],"version-history":[{"count":3,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/35579\/revisions"}],"predecessor-version":[{"id":39991,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/35579\/revisions\/39991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/35635"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=35579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/categories?post=35579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/tags?post=35579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}