{"id":23253,"date":"2022-03-16T16:51:32","date_gmt":"2022-03-16T16:51:32","guid":{"rendered":"https:\/\/publissoft.com\/conception-site-web\/"},"modified":"2022-03-16T16:51:32","modified_gmt":"2022-03-16T16:51:32","slug":"conception-site-web","status":"publish","type":"post","link":"https:\/\/publissoft.com\/es\/conception-site-web\/","title":{"rendered":"Dise\u00f1o web"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">La creaci\u00f3n y dise\u00f1o de sitios web, o dise\u00f1o web, consiste en dise\u00f1ar la interfaz web: la arquitectura interactiva, la organizaci\u00f3n de las p\u00e1ginas, la estructura de \u00e1rbol y la navegaci\u00f3n en un sitio web. La concepci\u00f3n de un dise\u00f1o web tiene en cuenta las limitaciones espec\u00edficas de Internet, sobre todo en t\u00e9rminos de ergonom\u00eda, usabilidad y accesibilidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conocimientos necesarios para un dise\u00f1o web eficaz<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El <strong>dise\u00f1o web<\/strong> requiere diversas competencias en materia de programaci\u00f3n, ergonom\u00eda e interactividad, as\u00ed como un buen conocimiento de las limitaciones t\u00e9cnicas relacionadas con este \u00e1mbito: diversidad de terminales web y sus pantallas, accesibilidad, especificidad de los distintos lenguajes y procesos, portabilidad y cumplimiento de las recomendaciones del W3C.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sitio web est\u00e1tico o din\u00e1mico<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A <strong>static website<\/strong> consiste en una simple p\u00e1gina en formato HTML, que luego ser\u00e1 formateada o enriquecida con CSS para incluir im\u00e1genes y enlaces a otros contenidos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mientras que un <strong>sitio web din\u00e1mico<\/strong> se compone de contenidos din\u00e1micos a los que podemos a\u00f1adir funcionalidades para hacerlo interactivo con servicios <strong>programados en Java, PHP u otro lenguaje web, <\/strong>, con formularios que permitan un tratamiento en JavaScript o con Ajax. Puede estar basado en tecnolog\u00edas de bases de datos como MySQL.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Los pasos del dise\u00f1o de un sitio web<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Reuni\u00f3n inicial y an\u00e1lisis de necesidades<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En esta etapa, el desarrollador trabaja en estrecha colaboraci\u00f3n con el cliente. Juntos determinan los objetivos del sitio web y la clientela a la que va dirigido. Estos criterios tendr\u00e1n un impacto directo en los principios de navegaci\u00f3n, el contenido, las p\u00e1ginas y los servicios ofrecidos en el sitio web. Por lo tanto, es esencial tomarse el tiempo necesario para analizar las necesidades y desarrollar las mejores estrategias a utilizar. Luego, hay que decidir la autonom\u00eda deseada, el tipo de actualizaciones y su frecuencia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Planificaci\u00f3n del proyecto web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de pasar a las dem\u00e1s etapas, es esencial determinar ciertos elementos. En primer lugar, es necesario establecer las estrategias de referenciaci\u00f3n que se van a aplicar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez establecido el plan, el desarrollador propondr\u00e1 un documento que presente la estructura de \u00e1rbol del sitio web. Se asegura de que esta estructura sea complementaria a la estrategia de SEO. Este documento ser\u00e1 validado y modificado, si es necesario, en colaboraci\u00f3n con el cliente.<\/p>\n\n\n\n<p>Una vez establecido el plan, el desarrollador propondr\u00e1 un documento que presente la estructura de \u00e1rbol del sitio web. Se asegura de que esta estructura sea complementaria a la estrategia de SEO. Este documento ser\u00e1 validado y modificado, si es necesario, en colaboraci\u00f3n con el cliente.<\/p><p>Posteriormente, se elaborar\u00e1n maquetas funcionales para cada p\u00e1gina del sitio web. Una vez completadas, las maquetas se presentar\u00e1n al cliente. Estos documentos se validar\u00e1n y modificar\u00e1n, si es necesario.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La implementaci\u00f3n<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En esta fase se registra el nombre o los nombres de dominio de tu sitio web. A continuaci\u00f3n, se elige un paquete de hosting que responda a tus necesidades actuales y futuras.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El dise\u00f1o y la ejecuci\u00f3n<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Esta etapa es la m\u00e1s t\u00e9cnica. Es cuando comienza el dise\u00f1o visual. Se presentan al cliente una o dos maquetas. Una vez elegido el estilo gr\u00e1fico, comienza la integraci\u00f3n y programaci\u00f3n del sitio web, y se crean las interacciones, animaciones, formularios, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Control de calidad<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez terminada la etapa de programaci\u00f3n, comenzamos la fase de control de calidad. Debemos verificar que el sitio web es perfecto en todos los navegadores, tanto para escritorio como para dispositivos m\u00f3viles. Tambi\u00e9n debemos verificar que todos los enlaces de la web son funcionales, que los formularios env\u00edan los correos electr\u00f3nicos correctamente, que los datos est\u00e1n registrados en la base de datos, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Puesta en l\u00ednea del sitio web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora es el momento de poner el sitio web en l\u00ednea. Cuando todo est\u00e1 terminado, hay que volver a validar algunos elementos: enlaces rotos, formularios, datos, etc.<\/p>\n\n\n\n<h3>Promoci\u00f3n y seguimiento del sitio web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Es hora de lanzar la p\u00e1gina de Facebook, la p\u00e1gina de Google+ as\u00ed como la cuenta de Twitter de acuerdo con la estrategia de lanzamiento elaborada. Ahora es necesario dar a conocer el sitio a trav\u00e9s de las redes sociales, crear un evento, hacer publicidad, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n es importante hacer un seguimiento una vez lanzado el proyecto: Informes de posicionamiento SEO, validaci\u00f3n de las estad\u00edsticas. Si es necesario, se pueden hacer algunos ajustes en el sitio web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo, es importante mantener el sitio web actualizado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La creaci\u00f3n y dise\u00f1o de sitios web, o dise\u00f1o web, consiste en dise\u00f1ar la interfaz web: la arquitectura interactiva, la [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":19342,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","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":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[22],"tags":[],"class_list":["post-23253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/posts\/23253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/comments?post=23253"}],"version-history":[{"count":0,"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/posts\/23253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/media\/19342"}],"wp:attachment":[{"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/media?parent=23253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/categories?post=23253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/publissoft.com\/es\/wp-json\/wp\/v2\/tags?post=23253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}