{"id":1129,"date":"2023-06-20T13:34:16","date_gmt":"2023-06-20T13:34:16","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=1129"},"modified":"2024-03-21T16:30:16","modified_gmt":"2024-03-21T16:30:16","slug":"diseno-web-informatica","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/diseno-web-informatica\/","title":{"rendered":"Dise\u00f1o Web en Inform\u00e1tica"},"content":{"rendered":"<h1 class=\"entry-title main_title\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-12170\" src=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/DisenoWebenInformatica-300x180.jpg\" alt=\"Dise\u00f1o Web en Inform\u00e1tica\" width=\"1118\" height=\"671\" srcset=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/DisenoWebenInformatica-300x180.jpg 300w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/DisenoWebenInformatica-768x461.jpg 768w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/DisenoWebenInformatica.jpg 1000w\" sizes=\"auto, (max-width: 1118px) 100vw, 1118px\" \/><\/h1>\n<div class=\"entry-content\">\n<p>El desarrollo de sitios\u00a0<strong>es una actividad que involucra muchos elementos computacionales<\/strong>, sin embargo, es necesario mencionar que un inform\u00e1tico no es un dise\u00f1ador web, aunque si tiene la capacidad de idear herramientas funcionales para el World Wide Web, no cuenta con la capacidad art\u00edstica para hacer que el sitio sea agradable visualmente e intuitivo para los usuarios.<\/p>\n<h2>\u00bfQu\u00e9 es un Dise\u00f1o Web en Inform\u00e1tica?<\/h2>\n<p>Seg\u00fan el p\u00e1rrafo anterior, se puede decir que\u00a0<strong>el dise\u00f1o web en inform\u00e1tica son todas las modificaciones del c\u00f3digo<\/strong>, tambi\u00e9n conocido como On Page. Igualmente, el profesional inform\u00e1tico deber\u00e1 trabajar con el dise\u00f1ador y un experto en SEO para que el resultado final sea adecuado tanto para\u00a0<a href=\"https:\/\/www.appyweb.es\/posicionamiento-web\/\">para el posicionamiento en buscadores<\/a>\u00a0como para la usabilidad de los usuarios.<\/p>\n<p>Ahora bien, t\u00e9cnicamente, el proceso consiste en construir documentos de hipertexto, que ser\u00e1n optimizados para que el sitio est\u00e9 disponible en diferentes navegadores. Tambi\u00e9n se pueden desarrollar caracter\u00edsticas que est\u00e9n disponibles seg\u00fan el dispositivo, si se trata de un smartphone, ordenador o incluso en papel.<\/p>\n<h2>\u00bfPara qu\u00e9 sirve?<\/h2>\n<p>Sirve para crear la estructura del sitio, es decir, el c\u00f3digo y toda la informaci\u00f3n que necesitar\u00e1 ejecutarse en Internet. Para eso se utilizan distintos lenguajes inform\u00e1ticos que ser\u00e1n interpretados por los servidores\u00a0<a href=\"https:\/\/www.appyweb.es\/diseno-web\/\">a trav\u00e9s del dise\u00f1o web<\/a>. Otras caracter\u00edsticas para su funcionamiento son las siguientes.<\/p>\n<ul>\n<li>Los archivos de texto se pueden crear a partir de HTML, JavaScript, Ruby o Phyton, entre otros.\u00a0<strong>Cada lenguaje se utiliza seg\u00fan el objetivo final del proyecto<\/strong>\u00a0(por ejemplo, Ruby es mejor para sitios de juegos y Phyton para software)<\/li>\n<li>Se emplean programas visuales para determinar si los elementos ser\u00e1n o no visibles para el usuario.<\/li>\n<li>Se utiliza un programa del lado del servidor, esta forma, el proyecto estar\u00e1 disponible en Internet.<\/li>\n<\/ul>\n<h2>Tipos de Dise\u00f1o Web en Inform\u00e1tica<\/h2>\n<ul>\n<li><strong>Fluido<\/strong>: Utiliza porcentaje para adaptar los elementos visuales, no es muy recomendable porque puede presentar problemas en diferentes pantallas y dispositivos. El resultado final puede estirarse y provocar una est\u00e9tica poco agradable.<\/li>\n<li><strong>Adaptativo<\/strong>: Con este el programador crea varias versiones disponibles seg\u00fan el tipo de dispositivo o pantalla del usuario. Utiliza plantillas para cada versi\u00f3n, por lo que se actualiza constantemente.<\/li>\n<li><strong>Responsivo<\/strong>: Redimensiona el proyecto seg\u00fan la pantalla o el dispositivo, es el m\u00e1s recomendado\u00a0<strong>por que ofrece una imagen n\u00edtida y funcional<\/strong>\u00a0incluso en pantallas m\u00e1s peque\u00f1as.<\/li>\n<\/ul>\n<h2>Ejemplo de Dise\u00f1o Web en Inform\u00e1tica<\/h2>\n<p>Cualquier usuario puede obtener un vistazo al c\u00f3digo fuente de una p\u00e1gina, haciendo clic en el bot\u00f3n derecho y seleccionar \u201cver el c\u00f3digo fuente\u201d, all\u00ed se pueden observar todos los elementos inform\u00e1ticos utilizados en la misma. En la siguiente imagen se puede ver un ejemplo de lo que es el c\u00f3digo HTML para una p\u00e1gina disponible para la impresi\u00f3n.<\/p>\n<p>&nbsp;<\/p>\n<h2>M\u00e1s informaci\u00f3n sobre Dise\u00f1o Web en Inform\u00e1tica<\/h2>\n<p>El dise\u00f1o web es un poco m\u00e1s complicado de lo que parece, pero es imprescindible conocer sus bases si quieres tener un sitio web funcional, aqu\u00ed tienes m\u00e1s informaci\u00f3n.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.appyweb.es\/diccionario\/lenguaje-de-programacion\/\">\u00bfQu\u00e9 es el Lenguaje de programaci\u00f3n y para qu\u00e9 sirve?<\/a><\/li>\n<li><a href=\"https:\/\/es.wikipedia.org\/wiki\/Dise%C3%B1o_web#Fundamentos\" rel=\"nofollow noopener\" target=\"_blank\">Fundamentos del dise\u00f1o web<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El desarrollo de sitios\u00a0es una actividad que involucra muchos elementos computacionales, sin embargo, es necesario mencionar que un inform\u00e1tico no es un dise\u00f1ador web, aunque si tiene la capacidad de idear herramientas funcionales para el World Wide Web, no cuenta con la capacidad art\u00edstica para hacer que el sitio sea agradable visualmente e intuitivo para [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12170,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1129","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/1129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":5,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/1129\/revisions"}],"predecessor-version":[{"id":12171,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/1129\/revisions\/12171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media\/12170"}],"wp:attachment":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media?parent=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}