Fundamentos del diseño web: html5 & css
Hoy en día, la World Wide Web podría llamarse definitivamente la red de la vida. Conecta a personas de todo el mundo, sean cuales sean sus objetivos y deseos. La comunicación personal y profesional, el pedido y la entrega de bienes y servicios, la educación y la tutoría, la búsqueda de nueva información, la publicidad, el visionado de películas, el seguimiento de las cosas cotidianas y la contabilidad de las finanzas, etc., parece que no hay esfera a la que Internet no añada su granito de arena. No cabe duda de que la tecnología y las nuevas formas de comunicación más amplias y rápidas de todo tipo aportan tanto ventajas como desventajas. Aun así, hoy vamos a centrarnos más en la variedad de perspectivas de la influencia positiva de la web en la vida de las personas de una sociedad global.
En el número del glosario de diseño dedicado a los términos clave del diseño web, mencionamos que, como dominio de la actividad humana, se encuentra en la encrucijada de muchas ciencias y prácticas. Entre ellas, cabe destacar las siguientes:
Al abarcar diversos aspectos de la funcionalidad y la apariencia de un sitio web, algunos diseñadores trabajan en equipo, cada uno de cuyos miembros se especializa en una esfera concreta, mientras que los demás pueden trabajar individualmente en distintos aspectos mencionados. De todos modos, en la gran mayoría de los casos, el diseño web es la esfera de los productos digitales que tienen que ser funcionales y estar centrados en el usuario. Como dijo el famoso diseñador estadounidense Charles Eames, “el diseño es un plan para disponer los elementos de la mejor manera posible para lograr un propósito concreto”, y sus palabras reflejan totalmente la idea del diseño web moderno.
¿Qué es el diseño de páginas web y sus elementos básicos?
El diseño web es el proceso de creación de sitios web. Abarca varios aspectos diferentes, como la maquetación de páginas web, la producción de contenidos y el diseño gráfico. El diseño web utiliza muchos de los mismos elementos visuales clave que todos los tipos de diseño.
¿Qué es el concepto básico de la web?
La información en la web se almacena en documentos, utilizando un lenguaje llamado HTML (HyperText Markup Language). Los clientes web interpretan el HTML y muestran los documentos al usuario. El protocolo que rige el intercambio de información entre el servidor y el cliente web se denomina HTTP (HyperText Transfer Protocol).
Principios de diseño web
HTML (HyperText Markup Language) es el código que se utiliza para estructurar una página web y su contenido. Por ejemplo, el contenido puede estructurarse en un conjunto de párrafos, una lista de puntos con viñetas o mediante imágenes y tablas de datos. Como sugiere el título, este artículo le dará una comprensión básica de HTML y sus funciones.¿Qué es HTML? HTML es un lenguaje de marcado que define la estructura de su contenido. HTML consiste en una serie de elementos que se utilizan para encerrar, o envolver, diferentes partes del contenido para hacer que aparezca de una manera determinada, o que actúe de una manera determinada. Las etiquetas que encierran el contenido pueden hacer que una palabra o imagen tenga un hipervínculo con otra parte, pueden poner en cursiva las palabras, pueden hacer que la fuente sea más grande o más pequeña, etc. Por ejemplo, tome la siguiente línea de contenido:
Los atributos contienen información extra sobre el elemento que no quieres que aparezca en el contenido real. Aquí, class es el nombre del atributo y editor-note es el valor del atributo. El atributo class permite dar al elemento un identificador no único que puede ser usado para dirigirlo (y cualquier otro elemento con el mismo valor de class) con información de estilo y otras cosas.
Ejemplo de diseño de un sitio web
Asumo que no sabes nada sobre el funcionamiento interno de Internet; tal vez ni siquiera estás seguro de cómo la gente realmente llega a los sitios web, donde los sitios web están realmente sentados, lo que la web es en primer lugar….
En este artículo voy a darte lo mínimo que necesitas para “mojarte los pies” y poder entrar rápidamente en la construcción de sitios web. No voy a entrar en dolorosos micro-detalles que pondrían a todos, excepto a los verdaderos nerds a dormir, de nuevo hay sólo lo suficiente para que usted tenga una comprensión básica de lo que está pasando.
En pocas palabras, la web es un montón de ordenadores interconectados que hablan entre sí. Los ordenadores (en la web) suelen estar conectados por líneas telefónicas, señales digitales de satélite, cables y otros tipos de mecanismos de transferencia de datos. Un “mecanismo de transferencia de datos” es una forma de decir, para los empollones, que se trata de una forma de trasladar la información del punto A al punto B y al punto C, y así sucesivamente.
Los ordenadores que componen la web pueden estar conectados todo el tiempo (24/7), o pueden estar conectados sólo periódicamente. Los ordenadores que están conectados todo el tiempo suelen llamarse “servidores”. Los servidores son ordenadores como el que estás usando ahora para leer este artículo, con una gran diferencia, tienen un software especial instalado llamado software “servidor”.
Programa básico de diseño web
El diseño web puede parecer a veces un poco de alquimia, especialmente para los no iniciados. Aunque los principiantes suelen reconocer lo que hace que un sitio web sea bueno, rara vez se consigue el elixir perfecto desde cero.
Mientras los diseñadores web se afanan con líquidos burbujeantes, instrumentos complejos y las siempre tediosas conversiones entre colores RGB y códigos hexadecimales, todos esperan encontrar la combinación mágica que logre el equilibrio definitivo entre innovación, creatividad y destreza comercial. El éxito significa una vida de orgullo y riqueza, mientras que el fracaso somete al científico loco a una vida de frustración y experimentos perpetuos.
Conseguir un diseño sólido para su sitio web nuevo o existente puede parecer un proceso mágico de transformación, creación y combinación. Abundan los temas y plantillas profesionales para casi todos los objetivos empresariales y esfuerzos creativos, pero siempre parece faltar algo que hace que la aleación no sea tan fuerte como usted imagina que debe ser.
El diseño de un sitio web moderno es algo más que elementos visuales y estética; también afecta a su SEO y a las clasificaciones, influye en la percepción que su público tiene de su marca y en el comportamiento de sus visitantes. El diseño y la distribución de su sitio web afectan a toda su presencia en la red.