{"id":37571,"date":"2013-11-08T02:31:13","date_gmt":"2013-11-08T01:31:13","guid":{"rendered":"https:\/\/promocionalia.es\/web\/2013\/11\/08\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/"},"modified":"2024-05-07T18:24:51","modified_gmt":"2024-05-07T16:24:51","slug":"como-desarrollar-un-proyecto-web-con-exito-i-y-ii","status":"publish","type":"post","link":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/","title":{"rendered":"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II"},"content":{"rendered":"<p>&nbsp;<\/p>\n<header style=\"float: left; min-height: 1px; padding: 0px 15px; position: relative; width: 877.5px; clear: both;\" class=\"post-title twelve columns cf\">\n<h2 style=\"margin: 0px 0px 12px; padding: 0px; font-size: 28px; direction: ltr; font-family: inherit; font-weight: 600; font-style: normal; color: #333333; line-height: 1.1; display: block; float: left; max-width: 80%;\"><a style=\"color: #2caae1; text-decoration: none; line-height: inherit;\" href=\"http:\/\/www.departamentodeinternet.com\/como-desarrollar-un-proyecto-web-con-exito-1\/\" rel=\"bookmark\">C\u00f3mo desarrollar un proyecto web con \u00e9xito<br \/>by <span style=\"color: #000000;\">Departamento de<\/span> Internet<\/a><\/h2>\n<p> <a style=\"color: #2caae1; text-decoration: none; line-height: 30px; float: right; font-size: 14px;\" href=\"http:\/\/www.departamentodeinternet.com\/como-desarrollar-un-proyecto-web-con-exito-1\/\" class=\"likeThis\" id=\"like-249\" data-id=\"249\"><span style=\"color: #878787; vertical-align: middle;\" class=\"count\"><\/span><\/a><\/header>\n<div style=\"margin: 0px -15px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; width: auto; max-width: none; min-width: 0px; color: #666666; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 13px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\" class=\"row\">\n<div style=\"margin: 0px; padding: 0px 15px; font-size: inherit; direction: ltr; font-family: inherit; float: left; min-height: 1px; position: relative; width: 877.5px; line-height: 1.6;\" class=\"post-content twelve columns\">\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Se ha hablado mucho sobre metodolog\u00eda de trabajo a la hora de desarrollar un proyecto Web desde cero, y supongo que cada desarrollador tendr\u00e1 sus trucos y formas de trabajar propias.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">En este post (formado por dos entregas) intentar\u00e9 hacer un repaso general del proceso que seguimos en <strong style=\"font-weight: bold; line-height: inherit;\">Departamento de Internet <\/strong>para el desarrollo de una p\u00e1gina web. Tomaremos como ejemplo el desarrollo de nuestra propia Web, aunque no estar\u00e1n todos los detalles, pues son demasiados y cada proyecto tendr\u00e1 sus caracter\u00edsticas propias.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Estoy seguro de que estas explicaciones pueden servir como resumen general y <strong style=\"font-weight: bold; line-height: inherit;\">ayudar a entender la importancia que tiene una excelente planificaci\u00f3n<\/strong>.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Cabe decir que antes de empezar con cualquier proyecto web, es recomendable estudiar de alg\u00fan modo a la competencia. Esto no significa que vayamos a copiar todo lo que han hecho, al contrario. Se trata de elegir las 5 webs que sean competidoras directas y <strong style=\"font-weight: bold; line-height: inherit;\">detallar sus puntos positivos y los negativos<\/strong>. Los negativos los tendremos en cuenta para que no se cuelen en nuestro proyecto, pero los positivos los estudiaremos, cogeremos lo mejor de ellos y <strong style=\"font-weight: bold; line-height: inherit;\">los mejoraremos<\/strong>de forma adaptada para nuestro caso.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Este estudio de la competencia queda plasmado en un informe llamado benchmark, que siempre es opcional pero como digo, ayuda a crear un proyecto de \u00e9xito.<\/p>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: inherit; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1;\"><strong style=\"font-weight: bold; line-height: inherit;\">1. COMUNICACI\u00d3N<\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Siempre digo que dedicarse a esto implica saber ser flexible, pues en ocasiones, al principio es muy dif\u00edcil considerar todas las funcionalidades de una p\u00e1gina Web. Es por ello que <strong style=\"font-weight: bold; line-height: inherit;\">el factor m\u00e1s importante de todos es la buena comunicaci\u00f3n<\/strong>.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Para una buena comunicaci\u00f3n es muy importante <strong style=\"font-weight: bold; line-height: inherit;\">establecer la figura del interlocutor<\/strong>en ambos lados (cliente y desarrollador). El interlocutor ser\u00e1 quien tendr\u00e1 contacto con la empresa de desarrollo y tendr\u00e1 cierto poder de decisi\u00f3n sobre el proyecto. Esta figura normalmente est\u00e1 representada por responsables de marketing.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">Existen tres comportamientos que nunca se deber\u00edan dar durante la realizaci\u00f3n de un proyecto<\/strong>:<\/p>\n<ul style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; line-height: 1.6; list-style-position: inside; font-family: inherit;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">La comunicaci\u00f3n es lenta y en ocasiones no hay entendimiento.<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">El interlocutor cambia constantemente.<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Hay m\u00e1s de un interlocutor al mismo tiempo y existen contradicciones.<\/li>\n<\/ul>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: inherit; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1;\"><strong style=\"font-weight: bold; line-height: inherit;\">2. OBJETIVOS<\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Suponiendo que los dos interlocutores son \u00e1giles y claros en sus acciones, podremos empezar con una reuni\u00f3n para as\u00ed poder determinar otra de las claves del proyecto: <strong style=\"font-weight: bold; line-height: inherit;\">los objetivos<\/strong>.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Este punto es fundamental para iniciar un proyecto. <strong style=\"font-weight: bold; line-height: inherit;\">Si no sabemos cu\u00e1l es el objetivo final del proyecto es imposible desarrollarlo pensando en ello, y por lo tanto planificar en consecuencia<\/strong>.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Al ser un pilar fundamental, no podemos dejar que los objetivos cambien durante el desarrollo del mismo, pues podr\u00eda variar completamente.<\/p>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: inherit; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1;\"><strong style=\"font-weight: bold; line-height: inherit;\">3. CONCEPTUALIZACI\u00d3N<\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Una vez claros los objetivos, los desarrolladores ya pueden empezar a trabajar.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><img fetchpriority=\"high\" decoding=\"async\" style=\"height: auto; max-width: 100%; color: inherit; clear: both; margin: 0px auto;\" class=\"aligncenter size-full wp-image-1335\" alt=\"concept\" src=\"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg\" height=\"150\" width=\"621\" \/><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">En el proceso de conceptualizaci\u00f3n hay que establecer las bases que har\u00e1n que nuestra web sea s\u00f3lida, funcional, clara y que cumpla con los objetivos<\/strong>. En este punto es muy importante ser previsor, tener un m\u00ednimo de experiencia en el trato con el cliente y haber trabajado en proyectos diferentes.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">Hay que detallar y describir aspectos como<\/strong>:<\/p>\n<ul style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; line-height: 1.6; list-style-position: inside; font-family: inherit;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Estructura de la informaci\u00f3n<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">M\u00e9todo de navegaci\u00f3n<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Bases de usabilidad<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Situaci\u00f3n de elementos clave dentro del dise\u00f1o<\/li>\n<\/ul>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Toda la informaci\u00f3n y decisiones surgidas de este punto deber\u00e1n ser reflejadas de alguna manera en alg\u00fan formato visible para el cliente, para su aprobaci\u00f3n. En Departamento de Internet lo hacemos en dos pasos diferentes:<\/p>\n<ol style=\"margin: 0px 0px 17px 20px; padding: 0px; font-size: inherit; direction: ltr; line-height: 1.6; list-style-position: inside; font-family: inherit;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Escribimos en un documento todas las conclusiones de la conceptualizaci\u00f3n<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Esas conclusiones se transforman en una <strong style=\"font-weight: bold; line-height: inherit;\">conceptualizaci\u00f3n gr\u00e1fica<\/strong>.<\/li>\n<\/ol>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">La conceptualizaci\u00f3n gr\u00e1fica no es m\u00e1s que una representaci\u00f3n muy b\u00e1sica de lo que podr\u00eda ser la web final, pero sin dise\u00f1o ni colores<\/strong>. S\u00f3lo l\u00edneas y cuadros que representen la situaci\u00f3n de los elementos, la navegaci\u00f3n, la estructura de la informaci\u00f3n, etc.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Este tipo de conceptualizaci\u00f3n es m\u00e1s digerible para el cliente, y puede hacerse una idea muy visual de las conclusiones de todo el proceso creativo previo al dise\u00f1o.<\/p>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: inherit; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1;\"><strong style=\"font-weight: bold; line-height: inherit;\">4. DISE\u00d1O WEB<\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Una vez el cliente ha revisado y entendido la conceptualizaci\u00f3n, podemos ponernos a dise\u00f1ar.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><img decoding=\"async\" style=\"height: auto; max-width: 100%; color: inherit; clear: both; margin: 0px auto;\" class=\"aligncenter size-full wp-image-1336\" alt=\"design\" src=\"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/design.jpg\" height=\"150\" width=\"621\" \/><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Para dise\u00f1ar una p\u00e1gina web no basta con tener buen gusto (como dicen algunos), sino que tambi\u00e9n hay que estar al d\u00eda de las tendencias de dise\u00f1o web que van apareciendo cada poco tiempo, pues en caso contrario nuestra web quedar\u00eda obsoleta (gr\u00e1ficamente) en poco tiempo.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">El dise\u00f1o es el primer impacto que nos lanza una web<\/strong>. Si ese dise\u00f1o no es claro, sencillo e impactante, la web va a perder puntos y todo nos va a parecer m\u00e1s complicado: su lectura, su navegaci\u00f3n, la b\u00fasqueda de informaci\u00f3n, etc.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Muchas veces, no solo es el primer impacto que recibimos desde la propia web, sino que <strong style=\"font-weight: bold; line-height: inherit;\">podr\u00eda ser la primera vez que conocemos una marca<\/strong>. Por poner un ejemplo, yo no tengo ni idea de chimeneas, pero si quisiera una, buscar\u00eda en Google y empezar\u00eda a visitar webs de empresas que instalan chimeneas: empresas que no conozco de nada. Pues bien, si la primera impresi\u00f3n que da una marca no genera confianza y facilidad, estaremos poniendo una barrera entre nuestro p\u00fablico y nuestros objetivos, que en este caso ser\u00edan \u201cvender chimeneas a diestro y siniestro\u201d.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">El dise\u00f1o de una p\u00e1gina est\u00e1 directamente relacionado con la distribuci\u00f3n de la informaci\u00f3n y las funcionalidades de la misma<\/strong>. Es por ello que este punto viene siempre despu\u00e9s de la conceptualizaci\u00f3n, y no hay que empezar a dise\u00f1ar hasta que todo est\u00e1 bien revisado y aclarado con el cliente. Pensad en los \u201ccall to actions\u201d, en los men\u00fas, sus tipograf\u00edas, su tama\u00f1o, los elementos que deben destacar, im\u00e1genes\u2026. Todo est\u00e1 relacionado y debe quedar perfectamente definido en la conceptualizaci\u00f3n.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">Hay que tener en cuenta todos los elementos que tendr\u00e1 la p\u00e1gina, secciones, mensajes, sliders, etc. Hay que dise\u00f1arlo absolutamente todo para que el maquetador pueda hacer bien su trabajo.<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\">El proceso de dise\u00f1o ser\u00e1 el siguiente<\/strong>:<\/p>\n<ol style=\"margin: 0px 0px 17px 20px; padding: 0px; font-size: inherit; direction: ltr; line-height: 1.6; list-style-position: inside; font-family: inherit;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Se dise\u00f1a alguna p\u00e1gina relevante de la web (normalmente la home)<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Se le ense\u00f1a al cliente, para obtener su aprobaci\u00f3n<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Se hacen las modificaciones pertinentes y se aprueba la l\u00ednea gr\u00e1fica.<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Con la l\u00ednea gr\u00e1fica aprobada ya podemos dise\u00f1ar el resto de p\u00e1ginas, que no ser\u00e1 necesario que el cliente apruebe (esperemos que se f\u00ede de nosotros)<\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\">Entregamos todos los dise\u00f1os en un formato por capas (PNG o PSD) al maquetador y le hacemos las explicaciones necesarias.<\/li>\n<\/ol>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\">&nbsp;<\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit; font-weight: normal; line-height: 1.6;\"><strong style=\"font-weight: bold; line-height: inherit;\"><\/strong><\/p>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: 'Open Sans'; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">5. MAQUETACI\u00d3N<\/strong><\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Una vez aprobado el dise\u00f1o definitivo, ya podemos empezar a maquetar lo que ser\u00e1 nuestra web. En principio no hace falta mezclar maquetaci\u00f3n con programaci\u00f3n, es decir, en la fase de maquetaci\u00f3n <strong style=\"font-weight: bold; line-height: inherit;\">tan solo utilizaremos lenguajes HTML y CSS<\/strong>.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Nuestro trabajo ser\u00e1 maquetar cada una de las p\u00e1ginas dise\u00f1adas, <strong style=\"font-weight: bold; line-height: inherit;\">teniendo en cuenta las explicaciones del dise\u00f1ador<\/strong>. No hay que olvidar los estados de botones activos, links, sliders, etc.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><img decoding=\"async\" style=\"height: auto; max-width: 100%; color: inherit; clear: both; margin: 0px auto;\" class=\"aligncenter size-full wp-image-1338\" alt=\"img_post01\" src=\"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/img_post01.jpg\" height=\"150\" width=\"621\" \/><\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">El proceso que seguimos en Departamento de Internet es el siguiente<\/strong>:<\/strong><\/p>\n<ol style=\"margin: 0px 0px 17px 20px; padding: 0px; font-size: 13px; direction: ltr; line-height: 20px; list-style-position: inside; font-family: 'Open Sans'; color: #666666; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Recortamos todas las im\u00e1genes y backgrounds que necesitemos del dise\u00f1o y las guardamos en una carpeta.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Re-dibujamos en una hoja el dise\u00f1o en forma de cajas (divs), y le ponemos nombre a cada caja.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Escribimos en HTML lo que hemos dibujado en la hoja.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">A\u00f1adimos el CSS correspondiente para que quede exactamente igual que en el dise\u00f1o.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Comprobaremos que se ve correctamente en la mayor\u00eda de navegadores.<\/strong><\/li>\n<\/ol>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: 'Open Sans'; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">6. PROGRAMACI\u00d3N<\/strong><\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Una vez tenemos lo que yo llamo \u201cplantillas\u201d ya podemos darle \u201cvida\u201d a nuestra web. Lo colgaremos todo en un servidor local o externo, pero que funcione de un modo parecido al servidor final.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Departamento de Internet<\/strong>siempre programa en PHP + MySQL y si la web lo permite lo hacemos bajo<strong style=\"font-weight: bold; line-height: inherit;\">WordPress como CMS<\/strong>.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><img loading=\"lazy\" decoding=\"async\" style=\"height: auto; max-width: 100%; color: inherit; clear: both; margin: 0px auto;\" class=\"aligncenter size-full wp-image-1339\" alt=\"code\" src=\"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/code.jpg\" height=\"150\" width=\"621\" \/><\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">No voy a explicar c\u00f3mo maquetar un theme de WordPress (quiz\u00e1 en otro post) pero se trata de a\u00f1adir las funciones que ya trae la API de WordPress i cuadrarlo todo para que funcione.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Hay que tener especial cari\u00f1o con las paginaciones y los meta tags de cada p\u00e1gina.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Por defecto, <strong style=\"font-weight: bold; line-height: inherit;\">cualquier web que sale de Departamento de Internet est\u00e1 preparada para un posicionamiento natural aceptable<\/strong>. Es decir, siempre se da la posibilidad de insertar descripciones y t\u00edtulos personalizados en cada p\u00e1gina. Por otro lado, tambi\u00e9n se da la posibilidad de personalizar cada una de las URL\u2019s de las diferentes p\u00e1ginas..<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Tambi\u00e9n es necesario tener definidas las zonas administrables que el cliente podr\u00e1 tocar. De ello depender\u00e1 que tengamos que instalar m\u00e1s o menos plugins, crear los nuestros, o crear un panel de control completo. Todo depende del tipo de web y de las funcionalidades que tenga.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Proceso a seguir<\/strong>:<\/strong><\/p>\n<ol style=\"margin: 0px 0px 17px 20px; padding: 0px; font-size: 13px; direction: ltr; line-height: 20px; list-style-position: inside; font-family: 'Open Sans'; color: #666666; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Prepararemos todos los archivos que necesitemos.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Los rellenaremos con el c\u00f3digo HTML de nuestras plantillas.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Los terminaremos con el c\u00f3digo PHP correspondiente.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Configuraremos WordPress (en este caso) y a\u00f1adiremos los plugins correspondientes.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Crearemos un panel de control o crearemos plugins, dependiendo de la web.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Revisaremos que todo funciona perfectamente.<\/strong><\/li>\n<\/ol>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: 'Open Sans'; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">7. CONTENIDOS Y PUESTA EN MARCHA<\/strong><\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Si hemos trabajado en un servidor local o provisional, es hora de mover nuestra instalaci\u00f3n de WordPress al servidor final.<strong style=\"font-weight: bold; line-height: inherit;\">Pondremos la web en modo mantenimiento<\/strong>mientras que hacemos las \u00faltimas comprobaciones y a\u00f1adimos todo el contenido a la web (textos, noticias, im\u00e1genes, galer\u00edas, etc).<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><img loading=\"lazy\" decoding=\"async\" style=\"height: auto; max-width: 100%; color: inherit; clear: both; margin: 0px auto;\" class=\"aligncenter size-full wp-image-1341\" alt=\"w3c\" src=\"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/w3c.jpg\" height=\"150\" width=\"621\" \/><\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">El proceso ser\u00eda el siguiente<\/strong>:<\/strong><\/p>\n<ol style=\"margin: 0px 0px 17px 20px; padding: 0px; font-size: 13px; direction: ltr; line-height: 20px; list-style-position: inside; font-family: 'Open Sans'; color: #666666; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\">\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Movemos la instalaci\u00f3n de la web al servidor final (ojo con las rutas)<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Ponemos la web en modo mantenimiento<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Subimos todo el contenido de la web<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Volvemos a revisar de arriba a abjo<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Intentamos validar (en la medida de lo posible) la Web con el <a style=\"color: #2caae1; text-decoration: none; line-height: inherit;\" title=\"W3C Validator\" href=\"http:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">validador de la W3c<\/a><\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Quitamos modo mantenimiento<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Comprobamos el robots.txt y la generaci\u00f3n de un sitemap.<\/strong><\/li>\n<li style=\"margin: 0px; padding: 0px; font-size: inherit; direction: ltr; font-family: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Avisamos a Google de la nueva p\u00e1gina<\/strong><\/li>\n<\/ol>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Como paso opcional, si hemos creado plugins o un panel de control propio, no estar\u00eda de m\u00e1s<strong style=\"font-weight: bold; line-height: inherit;\">entregar un manual al cliente con todos los pasos que hay que seguir para modificar cualquier aspecto de su web<\/strong>. Este manual se puede acompa\u00f1ar de una formaci\u00f3n de una o dos horas y seguro que ser\u00e1 de buena ayuda para el Cliente.<\/strong><\/p>\n<h3 style=\"margin: 14px 0px; padding: 0px; font-size: 20px; direction: ltr; font-family: 'Open Sans'; font-weight: bold; font-style: normal; color: #333333; line-height: 1.1; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">8. CONCLUSIONES<\/strong><\/strong><\/h3>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Se ha visto la importancia de los direferentes procesos que seguimos en<strong style=\"font-weight: bold; line-height: inherit;\">Departamento de Internet<\/strong>para el desarrollo de una Web. A pesar de que los procesos pueden variar en contenido e importancia,<strong style=\"font-weight: bold; line-height: inherit;\">el orden siempre es el mismo<\/strong>.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\">Seguramente me han faltado muchos detalles por comentar, pero estoy seguro que esta serie de art\u00edculos podr\u00e1 servir de gu\u00eda a aquellos que no sepan por d\u00f3nde empezar o necesitan <a style=\"color: #2caae1; text-decoration: none; line-height: inherit;\" title=\"Get In Touch\" href=\"http:\/\/www.departamentodeinternet.com\/getintouch\/\">alg\u00fan tipo de ayuda<\/a>.<\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">&nbsp;<\/strong><\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/strong><\/strong><\/strong><\/p>\n<p style=\"margin: 0px 0px 17px; padding: 0px; font-size: 13px; direction: ltr; font-family: 'Open Sans'; font-weight: normal; line-height: 20px; color: #666666; font-style: normal; font-variant: normal; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; background-color: #ffffff;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\"><strong style=\"font-weight: bold; line-height: inherit;\">Fuentes:<br \/><a href=\"http:\/\/www.departamentodeinternet.com\/como-desarrollar-un-proyecto-web-con-exito-1\/\">http:\/\/www.departamentodeinternet.com\/como-desarrollar-un-proyecto-web-con-exito-1\/<\/a><br \/><strong style=\"font-weight: bold; line-height: inherit;\"><a href=\"http:\/\/www.departamentodeinternet.com\/como-desarrollar-un-proyecto-web-con-exito-2\/\">http:\/\/www.departamentodeinternet.com\/como-desarrollar-un-proyecto-web-con-exito-2\/<\/a><\/strong><\/strong><\/strong><\/strong><\/p>\n<p>&nbsp;<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; C\u00f3mo desarrollar un proyecto web con \u00e9xitoby Departamento de Internet Se ha hablado mucho&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-37571","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II - PROMOCIONALIA<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II - PROMOCIONALIA\" \/>\n<meta property=\"og:description\" content=\"&nbsp; C\u00f3mo desarrollar un proyecto web con \u00e9xitoby Departamento de Internet Se ha hablado mucho&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/\" \/>\n<meta property=\"og:site_name\" content=\"PROMOCIONALIA\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-08T01:31:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T16:24:51+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg\" \/>\n<meta name=\"author\" content=\"editor Web\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"editor Web\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/\"},\"author\":{\"name\":\"editor Web\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/person\\\/178e232c6192997d47707c6f0c4ef5ab\"},\"headline\":\"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II\",\"datePublished\":\"2013-11-08T01:31:13+00:00\",\"dateModified\":\"2024-05-07T16:24:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/\"},\"wordCount\":1866,\"publisher\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.departamentodeinternet.com\\\/wp-content\\\/uploads\\\/2011\\\/04\\\/concept.jpg\",\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/\",\"name\":\"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II - PROMOCIONALIA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.departamentodeinternet.com\\\/wp-content\\\/uploads\\\/2011\\\/04\\\/concept.jpg\",\"datePublished\":\"2013-11-08T01:31:13+00:00\",\"dateModified\":\"2024-05-07T16:24:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.departamentodeinternet.com\\\/wp-content\\\/uploads\\\/2011\\\/04\\\/concept.jpg\",\"contentUrl\":\"http:\\\/\\\/www.departamentodeinternet.com\\\/wp-content\\\/uploads\\\/2011\\\/04\\\/concept.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#website\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/\",\"name\":\"PROMOCIONALIA\",\"description\":\"m\u00e1s que inform\u00e1tica\",\"publisher\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#organization\",\"name\":\"PROMOCIONALIA\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png\",\"contentUrl\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png\",\"width\":350,\"height\":43,\"caption\":\"PROMOCIONALIA\"},\"image\":{\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/#\\\/schema\\\/person\\\/178e232c6192997d47707c6f0c4ef5ab\",\"name\":\"editor Web\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g\",\"caption\":\"editor Web\"},\"url\":\"https:\\\/\\\/promocionalia.es\\\/web\\\/author\\\/editor\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II - PROMOCIONALIA","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II - PROMOCIONALIA","og_description":"&nbsp; C\u00f3mo desarrollar un proyecto web con \u00e9xitoby Departamento de Internet Se ha hablado mucho&hellip;","og_url":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/","og_site_name":"PROMOCIONALIA","article_published_time":"2013-11-08T01:31:13+00:00","article_modified_time":"2024-05-07T16:24:51+00:00","og_image":[{"url":"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg","type":"","width":"","height":""}],"author":"editor Web","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"editor Web","Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#article","isPartOf":{"@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/"},"author":{"name":"editor Web","@id":"https:\/\/promocionalia.es\/web\/#\/schema\/person\/178e232c6192997d47707c6f0c4ef5ab"},"headline":"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II","datePublished":"2013-11-08T01:31:13+00:00","dateModified":"2024-05-07T16:24:51+00:00","mainEntityOfPage":{"@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/"},"wordCount":1866,"publisher":{"@id":"https:\/\/promocionalia.es\/web\/#organization"},"image":{"@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#primaryimage"},"thumbnailUrl":"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg","inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/","url":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/","name":"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II - PROMOCIONALIA","isPartOf":{"@id":"https:\/\/promocionalia.es\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#primaryimage"},"image":{"@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#primaryimage"},"thumbnailUrl":"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg","datePublished":"2013-11-08T01:31:13+00:00","dateModified":"2024-05-07T16:24:51+00:00","breadcrumb":{"@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#primaryimage","url":"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg","contentUrl":"http:\/\/www.departamentodeinternet.com\/wp-content\/uploads\/2011\/04\/concept.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/promocionalia.es\/web\/como-desarrollar-un-proyecto-web-con-exito-i-y-ii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/promocionalia.es\/web\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo desarrollar un proyecto web con \u00e9xito I y II"}]},{"@type":"WebSite","@id":"https:\/\/promocionalia.es\/web\/#website","url":"https:\/\/promocionalia.es\/web\/","name":"PROMOCIONALIA","description":"m\u00e1s que inform\u00e1tica","publisher":{"@id":"https:\/\/promocionalia.es\/web\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/promocionalia.es\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/promocionalia.es\/web\/#organization","name":"PROMOCIONALIA","url":"https:\/\/promocionalia.es\/web\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/promocionalia.es\/web\/#\/schema\/logo\/image\/","url":"https:\/\/promocionalia.es\/web\/wp-content\/uploads\/2023\/08\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png","contentUrl":"https:\/\/promocionalia.es\/web\/wp-content\/uploads\/2023\/08\/PROMOCIONALIA-logo2020-topweb300-150dpi-light-trans.png","width":350,"height":43,"caption":"PROMOCIONALIA"},"image":{"@id":"https:\/\/promocionalia.es\/web\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/promocionalia.es\/web\/#\/schema\/person\/178e232c6192997d47707c6f0c4ef5ab","name":"editor Web","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb773be3fa35d66440a39cd015ecd02281424c3ac9e0b7142996b48d8762d099?s=96&d=mm&r=g","caption":"editor Web"},"url":"https:\/\/promocionalia.es\/web\/author\/editor\/"}]}},"_links":{"self":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/posts\/37571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/comments?post=37571"}],"version-history":[{"count":0,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/posts\/37571\/revisions"}],"wp:attachment":[{"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/media?parent=37571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/categories?post=37571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/promocionalia.es\/web\/wp-json\/wp\/v2\/tags?post=37571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}