SlideShare une entreprise Scribd logo
1  sur  10
HISTORIA DEL DISEÑO WEB
INSTITUTO SAN ANTONIO
• Materia: Diseño Web
• Catedrático: Lic. Lennin Gabriel Estrada Flores
• Alumnos : -Jehnson Cárcamo, Aryeri Carranza
HISTORIA DEL DISEÑO WEB
• Desde 1990 hasta hoy, Internet y el diseño web han
evolucionado de forma imparable desde la web textual
a la web móvil y multimedia; desde los diseños
basados en tablas a la maquetación en CSS, pasando
por el Flash, las páginas dinámicas, la web semántica,
el comercio online, las redes sociales, los CMS…
DISEÑO WEB
• Desde sus inicios la web se ha ido desarrollando muy
rápidamente hasta convertirse en algo imprescindible
en nuestras vidas, pero a pesar de que la historia de
Internet y el diseño web es muy corta (la primera
página web se publicó hace 20 años), es difícil
imaginarse cómo serán los próximos 20 años y qué
avances tecnológicos irán apareciendo.
PRIMER GENERACIÓN
• El primer diseño web de una página se realizó en 1993, la
página web tenía el nombre Mosaic, y en menos de un año
había adquirido más de 2 millones de visitas. El navegador
web era capaz de mostrar tanto imágenes como textos,
aunque con una restricción muy alta al momento de
graficar la información de la página web. El diseño web de
estas páginas era lineal, estático y estaba dirigido a
científicos que eran los usuarios que compartían su
información alrededor del mundo a través de estas
páginas web.
SEGUNDA GENERACIÓN
• El diseño web de esta generación está basado en los
conceptos de la primera salvo por que empieza a
utilizar iconos en lugar de algunas palabras, las
páginas web comienzan a poseer imágenes de fondo,
aparece el diseño y uso de botones con relieve para la
navegabilidad, el uso de banners en lugar de
cabeceras, la estructuración de texto de forma
jerárquica mediante menús o listados, propiedades
del código HTML Standard definido.
TERCERA GENERACIÓN
• En la tercera generación, el diseño web sigue teniendo
muchas restricciones con el uso del lenguaje para los
dos navegadores web. El diseño web se orienta en
esta generación a los diseñadores, los cuales tienen
mucho más dinamismo al aparecer el complemento(o
plugin en inglés) de Macromedia Flash, el cual
revolucionaría la concepción de diseño web.
CUARTA GENERACIÓN
• En la cuarta generación, el diseño web ya está enfocado
totalmente a la multimedia, integrando en las páginas web los
elementos multimedia de última generación. Con usuarios de
todos los tipos, cualquiera tiene una página web a día de hoy y
la variedad de diseño es enorme debido a todas las
posibilidades que ofrecen las últimas tecnologías para los
programadores. A esto se le puede añadir que las últimas
versiones de los navegadores soportan muchas más
prestaciones y elementos en las páginas web.
QUINTA GENERACIÓN
• Actualmente se puede añadir una última generación
de diseño web que representaría el auge de las
páginas de televisión en línea (o TV online en inglés).
Además del auge de la computación en la nube (o en
ingles Cloud Computing) que representa el modelo de
tecnologías como por ejemplo los sistemas operativos
en la nube, las aplicaciones web tales como editores
de texto en web, administradores de contenido, etc.
GRACIAS POR SU ATENCIÓN!!

Contenu connexe

Tendances

Presentacion Microsoft Excel - Parte 1
Presentacion Microsoft Excel - Parte 1Presentacion Microsoft Excel - Parte 1
Presentacion Microsoft Excel - Parte 1Roberto Muñoz Soto
 
Introduccion elementos de excel
Introduccion elementos de excelIntroduccion elementos de excel
Introduccion elementos de excelsandmara87
 
Plan de área tecnología e informática grados 6º a 11º elaborado por
Plan de área tecnología e informática grados 6º a 11º elaborado porPlan de área tecnología e informática grados 6º a 11º elaborado por
Plan de área tecnología e informática grados 6º a 11º elaborado porvillegassalvaro
 
Manual publisher
Manual publisherManual publisher
Manual publisherk4ritho
 
Tutorial para el Uso Práctico de Microsoft Word 2010. Introducción a la Info...
Tutorial para el Uso Práctico de  Microsoft Word 2010. Introducción a la Info...Tutorial para el Uso Práctico de  Microsoft Word 2010. Introducción a la Info...
Tutorial para el Uso Práctico de Microsoft Word 2010. Introducción a la Info...gigientrenotas
 
Plan tema informatica noveno
Plan tema informatica novenoPlan tema informatica noveno
Plan tema informatica novenoTonny Percy
 
Guia para identificar los botones de microsoft word.
Guia para identificar los botones de microsoft word.Guia para identificar los botones de microsoft word.
Guia para identificar los botones de microsoft word.Ruth Molina Villanueva
 
Barras y herramientas de word
Barras y herramientas de wordBarras y herramientas de word
Barras y herramientas de wordDavid Alvarez
 
Conceptos básicos sobre Power Point
Conceptos básicos sobre Power PointConceptos básicos sobre Power Point
Conceptos básicos sobre Power PointOciel Lopez Jara
 
GuíA Para El Manejo De Power Point Alfredo Vera
GuíA Para El Manejo De Power Point Alfredo VeraGuíA Para El Manejo De Power Point Alfredo Vera
GuíA Para El Manejo De Power Point Alfredo VeraAlfredo Vera
 
Ventajas y desventajas de prezi y powerpoint
Ventajas y desventajas de prezi y powerpointVentajas y desventajas de prezi y powerpoint
Ventajas y desventajas de prezi y powerpointBrenda Cantillo
 
Acces definicion
Acces definicionAcces definicion
Acces definicionNicti97
 

Tendances (20)

Presentacion Microsoft Excel - Parte 1
Presentacion Microsoft Excel - Parte 1Presentacion Microsoft Excel - Parte 1
Presentacion Microsoft Excel - Parte 1
 
Alistamiento de un programa de formacion
Alistamiento de un programa de formacionAlistamiento de un programa de formacion
Alistamiento de un programa de formacion
 
100 preguntas word
100 preguntas word100 preguntas word
100 preguntas word
 
Introduccion elementos de excel
Introduccion elementos de excelIntroduccion elementos de excel
Introduccion elementos de excel
 
Excel manual-basico
Excel manual-basicoExcel manual-basico
Excel manual-basico
 
Plan de área tecnología e informática grados 6º a 11º elaborado por
Plan de área tecnología e informática grados 6º a 11º elaborado porPlan de área tecnología e informática grados 6º a 11º elaborado por
Plan de área tecnología e informática grados 6º a 11º elaborado por
 
Barra de insertar de word
Barra de insertar de wordBarra de insertar de word
Barra de insertar de word
 
Manual publisher
Manual publisherManual publisher
Manual publisher
 
Taller formas
Taller  formasTaller  formas
Taller formas
 
Tutorial para el Uso Práctico de Microsoft Word 2010. Introducción a la Info...
Tutorial para el Uso Práctico de  Microsoft Word 2010. Introducción a la Info...Tutorial para el Uso Práctico de  Microsoft Word 2010. Introducción a la Info...
Tutorial para el Uso Práctico de Microsoft Word 2010. Introducción a la Info...
 
Ejercicios Corel Draw basico
Ejercicios Corel Draw basicoEjercicios Corel Draw basico
Ejercicios Corel Draw basico
 
Plan tema informatica noveno
Plan tema informatica novenoPlan tema informatica noveno
Plan tema informatica noveno
 
Guia para identificar los botones de microsoft word.
Guia para identificar los botones de microsoft word.Guia para identificar los botones de microsoft word.
Guia para identificar los botones de microsoft word.
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Barras y herramientas de word
Barras y herramientas de wordBarras y herramientas de word
Barras y herramientas de word
 
Conceptos básicos sobre Power Point
Conceptos básicos sobre Power PointConceptos básicos sobre Power Point
Conceptos básicos sobre Power Point
 
GuíA Para El Manejo De Power Point Alfredo Vera
GuíA Para El Manejo De Power Point Alfredo VeraGuíA Para El Manejo De Power Point Alfredo Vera
GuíA Para El Manejo De Power Point Alfredo Vera
 
Funciones de word
Funciones de wordFunciones de word
Funciones de word
 
Ventajas y desventajas de prezi y powerpoint
Ventajas y desventajas de prezi y powerpointVentajas y desventajas de prezi y powerpoint
Ventajas y desventajas de prezi y powerpoint
 
Acces definicion
Acces definicionAcces definicion
Acces definicion
 

Similaire à Historia del diseño web

Diseño Web-Historia del Diseño Web
Diseño Web-Historia del Diseño WebDiseño Web-Historia del Diseño Web
Diseño Web-Historia del Diseño WebMari Cruz
 
Generaciones web
Generaciones webGeneraciones web
Generaciones webnelzzon21
 
Diapositiva de diseño web
Diapositiva de diseño webDiapositiva de diseño web
Diapositiva de diseño webmaynor tejada
 
Historia del Diseño web
Historia del Diseño webHistoria del Diseño web
Historia del Diseño webEdisonq0891
 
Mapa conceptual de web
Mapa conceptual de webMapa conceptual de web
Mapa conceptual de webEdisonq0891
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños WebEdisonq0891
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio webLinethmoreno
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio webrosachong
 
Historia del Diseño Web
Historia del Diseño WebHistoria del Diseño Web
Historia del Diseño WebVarela2016
 
historia del diseño web
historia del diseño webhistoria del diseño web
historia del diseño webcarlos gc
 
Evolucion de la web andres
Evolucion de la web andresEvolucion de la web andres
Evolucion de la web andres19andy93
 

Similaire à Historia del diseño web (20)

Diseño Web-Historia del Diseño Web
Diseño Web-Historia del Diseño WebDiseño Web-Historia del Diseño Web
Diseño Web-Historia del Diseño Web
 
Generaciones web
Generaciones webGeneraciones web
Generaciones web
 
Diapositiva de diseño web
Diapositiva de diseño webDiapositiva de diseño web
Diapositiva de diseño web
 
Historia de diseño web
Historia de diseño webHistoria de diseño web
Historia de diseño web
 
Historia del Diseño web
Historia del Diseño webHistoria del Diseño web
Historia del Diseño web
 
Mapa conceptual de web
Mapa conceptual de webMapa conceptual de web
Mapa conceptual de web
 
Mapa conceptual de Diseños Web
Mapa conceptual de Diseños WebMapa conceptual de Diseños Web
Mapa conceptual de Diseños Web
 
Mapa
MapaMapa
Mapa
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Historia
HistoriaHistoria
Historia
 
Historia
HistoriaHistoria
Historia
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio web
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio web
 
Historia del Diseño Web
Historia del Diseño WebHistoria del Diseño Web
Historia del Diseño Web
 
historia del diseño web
historia del diseño webhistoria del diseño web
historia del diseño web
 
Generacion
GeneracionGeneracion
Generacion
 
Evolucion de la web andres
Evolucion de la web andresEvolucion de la web andres
Evolucion de la web andres
 
Pdf
PdfPdf
Pdf
 
Paginas web
Paginas webPaginas web
Paginas web
 
Trabajodeinvestigacion
TrabajodeinvestigacionTrabajodeinvestigacion
Trabajodeinvestigacion
 

Dernier

origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 

Dernier (20)

origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 

Historia del diseño web

  • 2. INSTITUTO SAN ANTONIO • Materia: Diseño Web • Catedrático: Lic. Lennin Gabriel Estrada Flores • Alumnos : -Jehnson Cárcamo, Aryeri Carranza
  • 3. HISTORIA DEL DISEÑO WEB • Desde 1990 hasta hoy, Internet y el diseño web han evolucionado de forma imparable desde la web textual a la web móvil y multimedia; desde los diseños basados en tablas a la maquetación en CSS, pasando por el Flash, las páginas dinámicas, la web semántica, el comercio online, las redes sociales, los CMS…
  • 4. DISEÑO WEB • Desde sus inicios la web se ha ido desarrollando muy rápidamente hasta convertirse en algo imprescindible en nuestras vidas, pero a pesar de que la historia de Internet y el diseño web es muy corta (la primera página web se publicó hace 20 años), es difícil imaginarse cómo serán los próximos 20 años y qué avances tecnológicos irán apareciendo.
  • 5. PRIMER GENERACIÓN • El primer diseño web de una página se realizó en 1993, la página web tenía el nombre Mosaic, y en menos de un año había adquirido más de 2 millones de visitas. El navegador web era capaz de mostrar tanto imágenes como textos, aunque con una restricción muy alta al momento de graficar la información de la página web. El diseño web de estas páginas era lineal, estático y estaba dirigido a científicos que eran los usuarios que compartían su información alrededor del mundo a través de estas páginas web.
  • 6. SEGUNDA GENERACIÓN • El diseño web de esta generación está basado en los conceptos de la primera salvo por que empieza a utilizar iconos en lugar de algunas palabras, las páginas web comienzan a poseer imágenes de fondo, aparece el diseño y uso de botones con relieve para la navegabilidad, el uso de banners en lugar de cabeceras, la estructuración de texto de forma jerárquica mediante menús o listados, propiedades del código HTML Standard definido.
  • 7. TERCERA GENERACIÓN • En la tercera generación, el diseño web sigue teniendo muchas restricciones con el uso del lenguaje para los dos navegadores web. El diseño web se orienta en esta generación a los diseñadores, los cuales tienen mucho más dinamismo al aparecer el complemento(o plugin en inglés) de Macromedia Flash, el cual revolucionaría la concepción de diseño web.
  • 8. CUARTA GENERACIÓN • En la cuarta generación, el diseño web ya está enfocado totalmente a la multimedia, integrando en las páginas web los elementos multimedia de última generación. Con usuarios de todos los tipos, cualquiera tiene una página web a día de hoy y la variedad de diseño es enorme debido a todas las posibilidades que ofrecen las últimas tecnologías para los programadores. A esto se le puede añadir que las últimas versiones de los navegadores soportan muchas más prestaciones y elementos en las páginas web.
  • 9. QUINTA GENERACIÓN • Actualmente se puede añadir una última generación de diseño web que representaría el auge de las páginas de televisión en línea (o TV online en inglés). Además del auge de la computación en la nube (o en ingles Cloud Computing) que representa el modelo de tecnologías como por ejemplo los sistemas operativos en la nube, las aplicaciones web tales como editores de texto en web, administradores de contenido, etc.
  • 10. GRACIAS POR SU ATENCIÓN!!