{"id":3271,"date":"2021-09-11T07:55:30","date_gmt":"2021-09-11T07:55:30","guid":{"rendered":"https:\/\/www.crealogica.com\/sense-categoria\/86-tres-decadas-de-diseno-web-y-seguimos\/"},"modified":"2021-09-13T08:04:04","modified_gmt":"2021-09-13T08:04:04","slug":"86-tres-decadas-de-diseno-web-y-seguimos","status":"publish","type":"post","link":"https:\/\/www.crealogica.com\/ca\/blog-ca\/86-tres-decadas-de-diseno-web-y-seguimos\/","title":{"rendered":"Tres d\u00e9cadas de dise\u00f1o web y seguimos…"},"content":{"rendered":"\n

A inicios de los 90’s los sitios web eran solamente de una columna texto en html sin ning\u00fan elemento de dise\u00f1o prominente, todas las webs eran como documentos de texto enlazados entre s\u00ed mediante hiperenlaces, cualquier otro elemento din\u00e1mico estaba fuera de pensamiento. Aqui os dejo un enlace para que pod\u00e1is recordar esos tiempos Government of Qu\u00e9bec<\/a>.<\/p>\n\n\n\n

Dise\u00f1o web prominente<\/h2>\n\n\n\n

Uno de los primeros avances significativos fue la creaci\u00f3n del World Wide Web Consortium<\/strong> en 1994 generando recomendaciones y est\u00e1ndares para asegurar el crecimiento a largo plazo de la world wide web.<\/p>\n\n\n\n

No fu\u00e9 hasta mitades de la decada de los noventa que empezaron a surgir nuevos elementos de c\u00f3digo Html<\/strong>, sitios basados en tablas<\/strong> y constructores de sitios web online. Las tablas fueron una revoluci\u00f3n pues permitieron crear p\u00e1ginas web con m\u00faltimples columnas, esto di\u00f3 lugar a una expansi\u00f3n del dise\u00f1o basado hasta ahora en texto \u00fanicamente, se pemit\u00eda por fin mejor organizaci\u00f3n de contenido y el dise\u00f1o de navegaci\u00f3n, aparecieron los primeros men\u00faes<\/a> web.<\/p>\n\n\n\n

Surgieron los primeros elementos de dise\u00f1o prominentes, por ejemplo las im\u00e1genes eran cortadas e insertadas en fondos de celdas de las tablas html, buenos principios de dise\u00f1o a menudo pasaban a segundo plano a lo que parec\u00eda m\u00e1s avanzado, las p\u00e1ginas de marcos<\/strong> se convirtieron en una forma popular de distinguir claramente el cuerpo del sitio de la barra lateral de navegaci\u00f3n.<\/p>\n\n\n\n

Texto animado, texto deslizante, im\u00e1genes en formato Gif<\/strong> animado o fondo transparente empezaron a danzar a trav\u00e9s de todos los sitios. Os muestro una instant\u00e9nea de lo que en su d\u00eda fue Gamespot<\/a>, Macromedia<\/a> o Adidas<\/a>.<\/p>\n\n\n\n

Fu\u00e9 el momento que se popularizaron los contadores visuales de visitantes al sitio.<\/p>\n\n\n\n

Los desarrolladores de p\u00e1ginas gratuitos como Angelfire, Geocities y Expages permitieron que cualquier persona con una conexi\u00f3n a Internet construyera su propio sitio web.<\/p>\n\n\n\n

El avance m\u00e1s significativo de aquella \u00e9poca fue el surgimiento de la tecnolog\u00eda Flash<\/strong> de Macromedia en 1996. El final de la d\u00e9cada lo marc\u00f3 el aumento de el uso de esta tecnolog\u00eda. Flash comenz\u00f3 a ponerse de moda entre los dise\u00f1adores a finales de la d\u00e9cada de 1990. Muchos sitios web se convirtieron en una combinaci\u00f3n de dise\u00f1o basado en tablas y elementos flash para especiar.<\/a><\/p>\n\n\n\n

La animaci\u00f3n Flash salpic\u00f3 las p\u00e1ginas web con los logotipos de la compa\u00f1\u00eda rebotando y brillando ante su p\u00e1gina de inicio, ah aquella primera vez que una navegaci\u00f3n basada en flash se expandi\u00f3 y cambi\u00f3 de color cuando un usuario hizo clic en ella. As\u00ed era la web de Apple<\/a> en 1999.<\/p>\n\n\n\n

En 1998 surgi\u00f3 un nuevo lenguaje para dise\u00f1o din\u00e1mico que comenz\u00f3 a ganar popularidad, este se llamaba PHP.<\/p>\n\n\n\n

Dise\u00f1o web memorable<\/h2>\n\n\n\n

Lleg\u00f3 el a\u00f1o 2000 y con el cambio de milenio el lenguaje CSS<\/strong> golpe\u00f3 la web permitiendo a los desarrolladores separar el contenido web del dise\u00f1o web. Al usar css, los elementos de dise\u00f1o de una p\u00e1gina, como el color de fondo, el tama\u00f1o del texto, etc., pueden definirse en una hoja de estilo en lugar del html de la p\u00e1gina misma.<\/p>\n\n\n\n

Este desarrollo hizo que fuera m\u00e1s f\u00e1cil controlar el aspecto y la sensaci\u00f3n de uniformidad de un sitio web, sin afectar los contenidos que cada p\u00e1gina contendr\u00eda. Mientras que css hab\u00eda existido desde finales de los 90, el 2000 fue el a\u00f1o en que la web comenz\u00f3 a ver su potencial.<\/p>\n\n\n\n

Ya en la primera mitad de la d\u00e9cada de los 2000 surgi\u00f3 nuevamente otra revoluci\u00f3n del desarrollo. Los dise\u00f1adores web comenzaron a abandonar las tablas y usar javascript para los dise\u00f1os de p\u00e1gina. Javascript<\/strong> fue uno de los primeros intentos exitosos de agregar inteligencia a la web. Utiliz\u00e1ndolo, los dise\u00f1adores podr\u00edan animar men\u00fas sin el Flash. C\u00e1lculo de datos y m\u00e1s.<\/p>\n\n\n\n

Como elemento de dise\u00f1o memorable de este cambio fu\u00e9 la aparici\u00f3n de los men\u00faes desplegables y su uso popular permiti\u00f3 que las barras de navegaci\u00f3n<\/a> laterales empezaran a colocarse en la parte superior de las p\u00e1ginas web.<\/p>\n\n\n\n

En 2001 el W3C recomend\u00f3 el segundo lanzamiento de Javascript y a finales de 2002 casi todos los navegadores ofrec\u00edan soporte. Los sitios web evolucionaron vertiginosamente, podemos contemplar Qoob Design<\/a>, Design is Kinky, <\/a>Kinder Bueno<\/a> o Hasselblad<\/a>.<\/p>\n\n\n\n

Llegados a mitades de d\u00e9cada podemos hablar ya de web sem\u00e1ntica<\/strong>. La web sem\u00e1ntica es un movimiento de dise\u00f1o web destinado a permitir que las m\u00e1quinas comprendan las p\u00e1ginas web, as\u00ed como a los espectadores humanos. El W3C visualiza la web sem\u00e1ntica como una forma para que las m\u00e1quinas entiendan las solicitudes humanas, y realizan las tediosas funciones de consulta de tiempo necesarias para satisfacerlas, con un m\u00ednimo esfuerzo para el usuario<\/p>\n\n\n\n

Esto abri\u00f3 la puerta a avances significativos, mientras que la web sem\u00e1ntica a\u00fan no existe como su dise\u00f1ador lo imagin\u00f3, se han desarrollado muchas tecnolog\u00edas para avanzar en su desarrollo.<\/p>\n\n\n\n

\u00c9stas incluyen:<\/p>\n\n\n\n