Evolución de los Sitios Web

  • Época Oscura

    Época Oscura
    Se basaba en pantallas negras con píxeles monocromáticos que le daban el toque de color, es decir, no existía el diseño Web, ya que el texto dominaba la pantalla
  • World Wide Web

    World Wide Web
    Se publica la primera página web, creada por Tim Berners-Lee que era considerado uno de los grandes creadores de la web y tenia como objetivo informar qué era la red informática global
  • Diseño de tablas

    Diseño de tablas
    Los navegadores que permitían mostrar imágenes y representa el inicio del diseño Web.
    Las tablas llegaron para otorgarle orden al contenido, ademas de que permitía mezclar diseños estáticos y fluidos, a través de tablas dentro de tablas
    Y esto produjo la separación entre el diseño y el desarrollo
  • JavaScript

    JavaScript
    Hace más lenta la carga de la página
    Se mantiene fuerte tanto en front-end como en back-end :
    El front-end era lo relacionadoa lo que se ve en un sitio web.
    El back-end garantiza que los datos correctos se envíen al navegador y crean la funcionalidad del sistema
  • Era de flash

    Era de flash
    El flash creo la posibilidad de efectos visuales.
    Solo necesitaba una herramienta y un archivo que seria mostrado
  • Hojas de estilo de cascadas

    Hojas de estilo de cascadas
    Separa el contenido de la forma de presentación. Es decir, que en HTML de trabaja el contenido, mientras que en CSS se define el formato y la apariencia.
    Al comienzo la visualización variaba dependiendo el navegador, lo que dificultaba la actividad del desarrollador
  • Web 2.0

    Web 2.0
    La información basada en los usuarios, y la web 2.0 se hace popular junto con las redes sociales y blogs.
    Tenia un interfaces visualmente más agradables y una alta usabilidad tanto para los usuarios como en los buscadores, y evoluciono el diseño web
  • La llegada del diseño para móviles

    La llegada del diseño para móviles
    El diseño web se vio en la necesidad de evolucionar con la llegada de los smartphones, y fue necesario generar versiones del sitio basadas en el tamaño de la pantalla a través del uso de grillas y framework.
    La primer mejora fue con columnas, hasta que se definió el sistema de rejilla con una división en 12 columnas como sistema que se utiliza hasta la actualida
  • Diseño responsivo

    Diseño responsivo
    Resolvió el conflicto de tamaño de las diferentes pantallas de los dispositivos inteligentes, de esta manera fue posible utilizar imágenes que ocupaban el ancho completo de la pantalla, empezo el diseño web minimalista.
    Tenia un diseño más plano, es decir, colocaba en primer lugar el contenido, dejando atrás los efectos de sombra
    Los cambios y la propia evolución de los dispositivos continuarán influyendo en el mundo del diseño.
  • Mobile First

    Mobile First
    La creación del sitio web se piensa y realiza primero para dispositivos mobile, y después se adapta para desktop.
  • Actualidad

    Actualidad
    están en alta los creadores de sitios como herramientas prácticas para construir
    sitios web desde plantillas y con la posibilidad de agregar componentes para personalizar el sitio web
  • WordPress

    Se lanzó el nuevo editor Gutenberg, compuesto de bloques, haciendo mucho más fácil el proceso de diseño y creación de sitios web. También el diseño 3D y el dominio de los gráficos vectoriales en un nivel más avanzado