1. Web Design
  2. HTML/CSS

Breve historia de la World Wide Web

Scroll to top

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

La web es un lugar maravilloso. Conecta a personas de todo el mundo, nos mantiene al día con nuestros amigos y familiares, y crea revoluciones nunca antes vistas en nuestra vida. Ciertamente ha recorrido un largo camino desde sus humildes comienzos a principios de los años 1980.


Miniatura de World Wide Web "dribbbleada" por Zachary VanDeHey y presentada en el concurso de carteles "Redesign The Web" de Smashing Magazine

En este artículo voy a ver el recorrido que ha realizado la World Wide Web para convertirse en la potencia que es hoy en día y establecer lo que podemos aprender del pasado.

Para entender la historia de la World Wide Web es importante entender las diferencias entre la World Wide Web e Internet. Muchas personas hacen referencia a ellos como si fuesen una misma cosa, pero de hecho, aunque el resultado final es la percepción común de la mayoría de los usuarios cotidianos, son muy diferentes.

Internet es una serie de enormes redes informáticas que permite a muchos ordenadores conectarse y comunicarse entre sí a nivel mundial. En Internet residen una serie de lenguajes que permiten que la información viaje entre ordenadores. Estos se conocen como protocolos. Por ejemplo, algunos protocolos comunes para transferir correos electrónicos son IMAP, POP3 y SMTP. Al igual que el correo electrónico es una capa en Internet, la World Wide Web es otra capa que utiliza diferentes protocolos.

La World Wide Web utiliza tres protocolos:

  • HTML (Hypertext markup language o lenguaje de marcado de hipertexto) - El idioma en el que escribimos nuestras páginas web.
  • HTTP (Hypertext Transfer Protocol o Protocolo de transferencia de hipertexto) - Aunque se pueden utilizar otros protocolos como FTP, este es el protocolo más común. Fue desarrollado específicamente para la World Wide Web y favorecido por su simplicidad y velocidad. Este protocolo solicita el documento 'HTML' del servidor y lo sirve al navegador.
  • URLS (uniform resource locator o localizador uniforme de recursos) - La última parte del rompecabezas necesaria para permitir que la web funcione es una URL. Se trata de la dirección que indica dónde vive un documento determinado en la web. Se puede definir como:<protocol>://<node>/<location>

En el principio...

La idea de crear la World Wide Web se remonta a 1946 cuando Murray Leinster escribió una breve historia que describía cómo las computadoras (a las que él se refería como 'Lógicas') vivían en cada hogar, con cada uno de ellos teniendo acceso a un dispositivo central donde podían recuperar información. Aunque la historia difiere en varias cosas en relación con la forma en la que funciona la web hoy en día, sí capta la idea de una enorme red de información disponible para todos en sus hogares.

La visión y ejecución reales de la World Wide Web no se pudo alcanzar hasta unos 40 años más tarde, en 1980, cuando un tipo inglés llamado Tim Berners Lee estaba trabajando en un proyecto conocido como 'Enquire'. Enquire era una simple base de datos de personas y software que trabajaban en el mismo lugar que Berners Lee. Fue durante este proyecto cuando experimentó con el hipertexto. El hipertexto es texto que puede ser mostrado en dispositivos que utilizan hipervínculos. El sistema Enquire de Berners Lee utiliza hipervínculos en cada página de la base de datos, y cada página hace referencia a otras páginas relevantes dentro del sistema.

Tim Berners Lee olympicsTim Berners Lee olympicsTim Berners Lee olympicsTim Berners Lee, inventor de la World Wide Web, en la ceremonia de apertura olímpica de Londres 2012.

Berners Lee era un físico y en su necesidad de compartir información con otros físicos de todo el mundo descubrió que no había una solución rápida y fácil para hacerlo. Teniendo esto en cuenta, en 1989 se propuso la elaboración de una propuesta para una base de datos centralizada que contenía enlaces a otros documentos. Esta habría sido la solución perfecta para Tim y sus colegas, pero resultó que nadie estaba interesado en ello y nadie se dio cuenta, excepto una persona. Al jefe de Tim le gustó su idea y lo animó a implementarla en su próximo proyecto. Este nuevo sistema recibió algunos nombres distintos como TIM (The Information Mine) que fue rechazado dado que abreviaba las iniciales de Tim. Después de algunas sugerencias, solo se mantuvo un nombre; la World Wide Web.


Los primeros navegadores

En diciembre de 1990 Tim había unido fuerzas con otro físico, Robert Cailliau, quien reescribió la propuesta original de Tim.Su visión consistía en combinar el hipertexto con Internet para crear páginas web, pero nadie en ese momento pudo apreciar el éxito de esta idea.

A pesar del poco interés, Berners Lee continuó desarrollando tres componentes principales para la web; HTTP, HTML y el primer navegador web del mundo. Curiosamente, este navegador también fue llamado "the World Wide Web" y también se duplicó como editor.

The worlds first web browserThe worlds first web browserThe worlds first web browserUna captura de pantalla del primer navegador web del mundo.

El 8 de junio de 1991, el proyecto World Wide Web fue anunciado al mundo y él mismo lo describió de la siguiente manera:

El proyecto WWW se inició para permitir que los físicos de alta energía compartan datos, noticias y documentación. Estamos muy interesados en difundir la web a otras áreas, y tener servidores de pasarela para otros datos.

El 6 de agosto de 1991 se lanzó la primera página web del mundo. Todavía está disponible una copia del sitio.

Tim Berners Lee olympicsTim Berners Lee olympicsTim Berners Lee olympicsAburrido, tal vez, pero este es el primer sitio web del mundo.

La página describe los planes para la World Wide Web. También durante ese mismo año nació el lenguaje HTML y se lanzó la primera descripción disponible públicamente de HTML. Algunas de estas etiquetas todavía están en uso hoy en día, por ejemplo, las etiquetas h1-h6, las etiquetas de párrafo y las etiquetas de anclaje. Si echamos un vistazo al código fuente de la primera página web del mundo, podemos ver algunas de ellas en uso.

1
<HEADER>
2
<TITLE>The World Wide Web project</TITLE>
3
<NEXTID N="55">
4
</HEADER>
5
<BODY>
6
<H1>World Wide Web</H1>The WorldWideWeb (W3) is a wide-area<A
7
NAME=0 HREF="WhatIs.html">
8
hypermedia</A> information retrieval
9
initiative aiming to give universal
10
access to a large universe of documents.<P>
11
Everything there is online about
12
W3 is linked directly or indirectly
13
to this document, including an <A
14
NAME=24 HREF="Summary.html">executive
15
summary</A>

Poco después se lanzaron otros navegadores, aportando cada uno de ellos diferencias y mejoras. Echemos un vistazo a algunos de estos navegadores.

  • Line Mode Browser - feb 1992. Este también nos lo proporcionó Berners Lee. Fue el primer navegador en admitir múltiples plataformas.
  • Viola WWW Browser lanzado en marzo de 1992. Este es ampliamente reconocido como el primer navegador popular del mundo. Trajo consigo una hoja de estilo y el lenguaje de scripting, mucho antes de la aparición de JavaScript y del CSS.
  • Mosaic Browser lanzado el 5 de enero de 1993. Mosaic fue muy valorado cuando la primera vez que se lanzó. Fue desarrollado en la Universidad de Illinois.
Mosaic web browserMosaic web browserMosaic web browserMosaic fue un navegador popular en 1993, momento en el que fue lanzado.
  • Cello Browser lanzado el 8 de junio de 1993. Este fue el primer navegador disponible para Windows.
  • Netscape Navigator 1.1 lanzado en marzo de 1995. Este fue el primer navegador en introducir tablas en HTML.
  • Opera 1.0 estrenado en abril de 1995. Este navegador fue en origen un proyecto de investigación para una compañía telefónica noruega. El navegador todavía está disponible hoy en día y actualmente está en la versión 12.
  • Internet Explorer 1.0 lanzado en agosto de 1995. Microsoft decidió entrar en el acto cuando su sistema operativo Windows '95 fue lanzado. Era el navegador que se ejecutaba exclusivamente en este sistema.

Hola JavaScript y CSS

Cuando la World Wide Web comenzó, las páginas web eran simplemente documentos de texto. Hoy en día las páginas web son mucho más que documentos; ahora tienen la capacidad de ser realmente completas aplicaciones. Parte de esta habilidad se debe a las adiciones de JavaScript y CSS. Fue el 19 de agosto de 1995 cuando JavaScript fue anunciado por primera vez, originalmente el código fue llamado 'Mocha'. Esta adición a la World Wide Web no fue totalmente apoyada por algunas personas, incluyendo Robert Cailliau que había trabajado con Berners Lee en el proyecto WWW. El cual lo describió como:

El "kluge" más horrible en la historia de la computación

Esta adición al navegador vino junto con Netscape Navigator 2 y fue desarrollado por Brendan Eich. A pesar de que algunas personas tenían reservas al respecto de Javascript, este allanó el camino para que la web se haya vuelto en algo menos estático y sea más dinámica e interactiva.

Brendan Eich (imagen cortesía de drewm)

JavaScript abrió el camino para que los sitios web pudiesen pensar, pero fue el CSS el que introdujo el estilo y el aspecto de la web. Las hojas de estilo han existido de alguna manera o forma desde principios de los años 80. Las hojas de estilo en cascada (cascading style sheets) se introdujeron como una forma de crear un enfoque coherente para aplicar estilo a la web. Permitieron la separación del contenido del documento (HTML) y su estilo.

CSS1 fue introducido en 1995, pero tuvo problemas para ser adoptado debido a las incoherencias entre los navegadores de la época. Internet Explorer 5 fue lanzado en marzo de 2000 y fue el primer navegador en admitir la especificación CSS1 casi al completo (cubrió el 99% de la misma). Fue un año más tarde en 1996 cuando el nivel uno de CSS se convierte en una recomendación oficial del W3C (World Wide Web Consortium).


El boom de las punto com

Mientras la World Wide Web se convertía en la corriente principal entre los años 1995-2000, un grupo de empresas comenzó a cambiar su enfoque en la web. Los inversores comenzaron a apostar su dinero a cualquier cosa relacionada con la web; en muchos casos, si se veía que una empresa estaba en la web, el precio de sus acciones se disparaba. Esto fue conocido como el boom de Internet, y marcó el crecimiento comercial de Internet desde el advenimiento de la World Wide Web.

Sin embargo, a medida que más y más dinero era bombeado a estas startups, muchos inversores pasaron por alto los fundamentos básicos del negocio y en su lugar centraron su confianza en los avances de la tecnología con la esperanza de ver algún día un retorno de sus inversiones. Desafortunadamente, esto no fue así y el colapso de la burbuja punto com entre 2000-2001 fue inevitable.

Nasdaq (imagen cortesía de growingrich.net)

Aunque muchas empresas se vieron afectadas por esto, algunas de ellas todavía existen y pueden contar la historia a día de hoy. Sitios web como E-bay, Amazon y Google sobrevivieron al colapso de la burbuja punto com.


Redes sociales

La forma original de cualquier cosa que se asemeje a cualquier tipo de red social que conocemos hoy en día era un sistema de tablón de anuncios (BBS). Su concepto básico puede describirse de la siguiente forma:

Una vez que un usuario ha iniciado sesión, este puede realizar funciones como cargar y descargar software y datos, leer noticias y boletines, e intercambiar mensajes con otros usuarios, ya sea a través del correo electrónico, de tableros de mensajes públicos y, a veces, a través de chat directo. - Wikipedia

Social network historySocial network historySocial network historyA principios del milenio, convertirse en la red social más popular del mundo se convirtió en una carrera.

Las redes sociales se hicieron especialmente populares en la web entre los años 1995-2000. Y algo más importante aún, una empresa de Internet en los Estados Unidos allanó el camino para las redes sociales como se conocen hoy en día. AOL tenía características que se pueden ver en muchas actuales redes sociales de hoy en día, como los perfiles de miembros y los foros en los que los usuarios podían chatear sobre cualquier tipo de tema que eligieran.

No fue hasta alrededor de 2002 que comenzó la carrera para convertirse en la red social más popular del mundo. Aparecieron sitios como Friendster, LinkedIn y myspace. Friendster fue posiblemente uno de los sitios más populares en un principio, alcanzando los tres millones de usuarios apenas un año después de su lanzamiento. Sin embargo, los competidores pronto superaron a Friendster, Myspace se lanzó en 2003 y pronto ganó popularidad como el sitio de redes sociales más popular del mundo.

Si algún sitio web de redes sociales ha revolucionado la forma en que interactuamos socialmente en la web, ese galardón tiene que ser para Facebook. Facebook logró diferenciarse de sus competidores al crear características innovadoras y llevar a cabo decisiones empresariales inteligentes.

The Chronicles of Facebook’s Developer Platform [Infographic]The Chronicles of Facebook’s Developer Platform [Infographic]The Chronicles of Facebook’s Developer Platform [Infographic]The Chronicles of Facebook’s Developer Platform (Las Crónicas de la plataforma de desarrolladores de Facebook) [Infografía]

Uno de esos movimientos empresariales inteligentes también es compartido por Twitter; se trata del hecho de ofrecer una API que permite a otros desarrolladores ampliar la funcionalidad de los sitios y crear aplicaciones que sean admitidas por las propias plataformas. Decisiones como esta permitieron que la red social se convirtiera en un hito importante en la historia de la World Wide Web.


La web se convierte en móvil

the mobile webthe mobile webthe mobile webEn 2007 el iPhone fue lanzado, lo cual revolucionó la web móvil tal y como la conocemos hoy en día.

Uno de los hitos más recientes en la historia de la World Wide Web es la accesibilidad a través de dispositivos móviles. Hasta ese momento el acceso a la web se había dado fundamentalmente desde ordenadores o portátiles. Ahora el número de usuarios que acceden a la web desde dispositivos móviles está creciendo rápidamente y seguramente superará el acceso desde dispositivos de escritorio para el 2015.

Por supuesto, la gente se ha estado conectando a la web desde dispositivos móviles desde mediados de los años 90, pero no alcanzaba de ninguna manera el nivel de acceso al que estamos acostumbrados ahora. Fue en 2007 cuando el iPhone estuvo disponible por primera vez, revolucionando la forma en la que accedemos a la web desde nuestros teléfonos e introduciendo el concepto de las aplicaciones móviles. La World Wide Web era ahora capaz de entender en qué punto del planeta estábamos, nos permitió subir una foto que acabamos de tomar directamente a nuestro perfil de redes sociales. La web móvil ha añadido otra capa a la ya de por sí útil web.


Aprender de la Historia

Hemos cubierto algunos de los principales hitos en la historia de la creación de Tim Berners Lee. Hitos que han cambiado la forma en la que llevamos a cabo la comunicación global. Existen muchas lecciones que podemos aprender de su historia.

La web está en constante cambio. Sea cual sea la última y mejor tecnología que actualmente defina la web, será reemplazada por algo aún superior, más rápido y mejor. La web no se detiene, nada está escrito sobre piedra y esa es una de las mejores cosas de la web. Como cualquier ciencia, está en constante evolución.

La web no se queda ni permanecerá en su formato actual. Estábamos tan acostumbrados a recibir la web a través de equipos de escritorio que no anticipamos la revolución del móvil, las tabletas y las aplicaciones, cada una de las cuales toman la información proporcionada desde la web y la muestran a su propio modo y singular formato.

La web fue creada como una herramienta para compartir información con cualquier persona, en cualquier parte del mundo. Empezó con los conceptos básicos de compartir un documento, pero ha pasado a crear herramientas que ahora nos permiten mejorar y compartir nuestras vidas. Tim Berners Lee creó la web como código abierto y permitió que el mundo accediese a ella de forma gratuita. No lo patentó (algo gracias a lo cual pudo haber ganado miles de millones) y permitió que fuese ampliada por cualquier persona. De manera similar, Facebook y Twitter lanzaron la API que permite que cualquiera amplíe sus plataformas, algo que está demostrando ser muy popular. El futuro de la web radica en que sea abierta y extensible para poder convertirse en la fuente más valiosa de información y revolución. Berners Lee apoya esta idea:

Si queremos hacer un seguimiento de lo que el gobierno está haciendo, ver lo que las empresas están haciendo, entender el verdadero estado del planeta, encontrar una cura para la enfermedad de Alzheimer, por no hablar de compartir fácilmente nuestras fotos con nuestros amigos, nosotros, el público, la comunidad científica y la prensa deben asegurarse de que los principios de la Web permanezcan intactos, no sólo para preservar lo que hemos ganado, sino para beneficiarnos de los grandes avances que están por venir. - Tim Berners Lee

En esencia, la web solo está rascando la superficie de lo que realmente se puede conseguir y nuestra labor como diseñadores y desarrolladores consiste en comprender el objetivo fundamental de la web. Espero que hayas disfrutado leyendo este artículo y que puedas aprovechar algo de lo acaecido en el pasado de la web y hacerlo relevante para tus actuales proyectos. Al hacerlo, difundirás en los sitios web el ethos fundamental y lo transmitirás a la siguiente generación.