La evolución de los sitios web

  • El inicio de la época oscura del diseño

    El inicio de la época oscura del diseño
    Se basaba en pantallas negras con pinceles monocromáticos que le daban el toque de color.
    No existía el diseño web, ya que el texto dominaba la pantalla.
  • Se crea la primera pagina web "World Wide Web"

    Se crea la primera pagina web "World Wide Web"
    Tim Berners-Lee, considerado uno de los grandes creadores de la web, su objetivo era informar qué era la World Wide Web ( o red informática global)
  • Diseño con tablas

    Diseño con tablas
    Los navegadores que permitían mostrar imágenes evolución del diseño de web en sí mismo. Las tablas llegaron para otorgar orden al contenido, diseños estáticos y fluidos, a través de tablas dentro de tablas.
  • JavaScript

    JavaScript
    Como punto contra es que hace más lenta la carga rápida de la página. Se mantiene fuerte en fornt-end como en back-end garantiza que los datos correctos se envían al navegador y crean la funcionalidad del sistema.
  • Flash 1996

    Flash 1996
    Flash posibilidad de efectos visuales, una sola herramienta. Con un archivo que se envía al navegador para ser mostrado, marcó un hito, pero con el tiempo quedó a la vista que los efectos e interacciones no eran abiertos para las búsquedas que indexan HTML
  • hojas de estilo en cascada

    hojas de estilo en cascada
    Se 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.
  • La web 2.0

    La web 2.0
    Información basada en los usuarios y la web 2.0 se hace popular junto con las redes sociales y blogs. interfaces visualmente más grande alta usabilidad, diseño web, tanto en los usuarios como en los buscadores.
  • Framework

    Framework
    El diseño se vio en la necesidad de evolucionar con la llegada de los smartphones generar versiones del sitio basadas en el amaño de pantalla a través del uso de grillas y framwork. primera mejora columnas, hasta que se definió el sistema de rejilla con una división en 12 columnas que se utiliza hasta la actualidad
  • Diseño responsivo

    Diseño responsivo
    El diseño responsivo o adaptable llego para resolver el conflicto de tamaño de las diferentes pantallas de los dispositivos inteligentes. De esta manera es posible utilizar imágenes que ocupan el ancho completo de pantalla,y se abre el camino hacia el diseño web minimalista con apariencias mas sencilla y limpia,Privilegiado un diseño más plano contenido en primer lugar, dejando atrás los efectos de sombra y regresando a la fotografía tipografía y los detalles de líneas,La simplicidad de la mano
  • diseño responsivo parte 2

    diseño responsivo parte 2
    La simplicidad de la mano de la practicidad, parecía que de manera mas evolucionada de los dispositivos continuaran influyendo en el mundo del diseño, ya que dependemos de estos como medio para exponer los sitios
  • Mobile First

    Mobile First
    Mobile first con el diseño responsivo, el objetivo de esta era mejorar la experiencia la creación del sitio se piensa primero en opciones móviles y después se adapta al escritorio
  • sitios web a al mano de todos

    sitios web a al mano de todos
    No es necesario ser un experto para crear una página están en alta los creadores de sitios como herramientas prácticas para construir, sitios web dese plantillas y con la posibilidad de agregar componentes para personalizar el sitio web.
  • Editor Gutenberg

    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.