SlideShare una empresa de Scribd logo
Se podría añadir una última generación de diseño web que representaría el auge de las páginas de televisión ip o televisión online. La integración de televisión en la web para empresas, ayuntamientos o asociaciones representa el movimiento más notable del diseño web en la actualidad. Un ejemplo de empresas de diseño que ya ofrecen la posibilidad de integración de televisión en web es Hooping.net mediante su plataforma de televisión IP Hooping.tv.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 posibilididades que ofrecen las últimas tecnologías para los programadores. A esto le podemos añadir que las últimas versiones de los navegadores soportan muchas más prestaciones y elementos en las páginas web.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 plugin de Macromedia Flash, el cual revolucionaría la concepción de diseño web.La gran mayoría de páginas web que aparecen en esta generación son de publicidad y venta de productos y servicios, con lo que es este el diseño más utilizado. 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.En esta generación está la aparición de monitores y tarjetas gráficas con mayores resoluciones y definición de color, lo cual generó la consecuente mejora en la calidad del diseño web. Pero apareció un problema, la diferencia en la adaptación de estándares de los 2 principales navegadores: Internet Explorer y Netscape Navigator.El primer diseño web de una página se realiza en 1993, la página web tenía el nombre Mosaic, y en menos de un año había recibido 2 millones de visitantes. El navegador web era capaz de mostrar tanto imágenes como textos, aunque con una limitación muy alta a la hora de diagramar la información de la página web. El diseño web de estas páginas era lineal y estaba orientado para científicos que eran los usuarios que compartían su información alrededor de todo el mundoLa característica de esta primera generación de diseño web eran las velocidades de transmisión de datos, ya que era conexión vía MODEM, lo que limitaba el peso de las páginas web.Generación del Sitio WebPrimera GeneraciónSegunda GeneraciónTercera GeneraciónCuarta GeneraciónQuinta Generación<br />

Más contenido relacionado

Destacado

Cuadro comparativo web 1.0 y web 2.0
Cuadro comparativo web 1.0 y web 2.0Cuadro comparativo web 1.0 y web 2.0
Cuadro comparativo web 1.0 y web 2.0
María Auxiliadora Portuguez Campos
 
Aplicaciones móviles que utilizo como educador
Aplicaciones móviles que utilizo como educadorAplicaciones móviles que utilizo como educador
Aplicaciones móviles que utilizo como educador
jameslynn
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la web
produccionvirtualucp
 
Definicion y Caracteristicas de WEB 1.0, 2.0,3.0
Definicion y Caracteristicas de WEB 1.0, 2.0,3.0Definicion y Caracteristicas de WEB 1.0, 2.0,3.0
Definicion y Caracteristicas de WEB 1.0, 2.0,3.0
Jimmy Lopez
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
Priscila Grajeda
 
Web 1.0 y Web 2.0
Web 1.0 y Web  2.0Web 1.0 y Web  2.0
Web 1.0 y Web 2.0
mmaranju
 
La web 1.0 2.0 3.0 y 4.0
La web 1.0 2.0 3.0 y 4.0La web 1.0 2.0 3.0 y 4.0
La web 1.0 2.0 3.0 y 4.0
Daniiela Ocampo
 
Web 1.0 2.0 3.0 características, definiciones, ejemplos.
Web 1.0 2.0 3.0 características, definiciones, ejemplos.Web 1.0 2.0 3.0 características, definiciones, ejemplos.
Web 1.0 2.0 3.0 características, definiciones, ejemplos.
SantiagoDiazSalamanca
 
The Funding Gap
The Funding GapThe Funding Gap
The Funding Gap
Pollen VC
 

Destacado (9)

Cuadro comparativo web 1.0 y web 2.0
Cuadro comparativo web 1.0 y web 2.0Cuadro comparativo web 1.0 y web 2.0
Cuadro comparativo web 1.0 y web 2.0
 
Aplicaciones móviles que utilizo como educador
Aplicaciones móviles que utilizo como educadorAplicaciones móviles que utilizo como educador
Aplicaciones móviles que utilizo como educador
 
La evolución de la web
La evolución de la webLa evolución de la web
La evolución de la web
 
Definicion y Caracteristicas de WEB 1.0, 2.0,3.0
Definicion y Caracteristicas de WEB 1.0, 2.0,3.0Definicion y Caracteristicas de WEB 1.0, 2.0,3.0
Definicion y Caracteristicas de WEB 1.0, 2.0,3.0
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
 
Web 1.0 y Web 2.0
Web 1.0 y Web  2.0Web 1.0 y Web  2.0
Web 1.0 y Web 2.0
 
La web 1.0 2.0 3.0 y 4.0
La web 1.0 2.0 3.0 y 4.0La web 1.0 2.0 3.0 y 4.0
La web 1.0 2.0 3.0 y 4.0
 
Web 1.0 2.0 3.0 características, definiciones, ejemplos.
Web 1.0 2.0 3.0 características, definiciones, ejemplos.Web 1.0 2.0 3.0 características, definiciones, ejemplos.
Web 1.0 2.0 3.0 características, definiciones, ejemplos.
 
The Funding Gap
The Funding GapThe Funding Gap
The Funding Gap
 

Similar a Generacion dl sitio web

Historia
HistoriaHistoria
Historia
edward005
 
Historia del Diseño web
Historia del Diseño webHistoria del Diseño web
Historia del Diseño web
Edisonq0891
 
Mapa conceptual de web
Mapa conceptual de webMapa conceptual de web
Mapa conceptual de web
Edisonq0891
 
Generaciones web
Generaciones webGeneraciones web
Generaciones web
nelzzon21
 
Mapa
MapaMapa
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
Carlos Cesar Tinoco Bravo
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
Carlos Cesar Tinoco Bravo
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
decsystem
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
Carlos Cesar Tinoco Bravo
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
AngelyBarnica
 
Pagina web
Pagina webPagina web
Pagina web
jaiseth21
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
stefany79841964
 
Historia del Diseño Web
Historia del Diseño WebHistoria del Diseño Web
Historia del Diseño Web
Varela2016
 
Generaciones
GeneracionesGeneraciones
Generaciones
Julio Antiche
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
Diseño web Valencia
 
Trabajo de diseño web
Trabajo de diseño webTrabajo de diseño web
Trabajo de diseño web
Abigail Ponce
 
Diapositiva de diseño web
Diapositiva de diseño webDiapositiva de diseño web
Diapositiva de diseño web
maynor tejada
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
Jose Garay
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
arielito1785
 
Pdf
PdfPdf

Similar a Generacion dl sitio web (20)

Historia
HistoriaHistoria
Historia
 
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
 
Generaciones web
Generaciones webGeneraciones web
Generaciones web
 
Mapa
MapaMapa
Mapa
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
 
Historia De Internet
Historia De InternetHistoria De Internet
Historia De Internet
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Pagina web
Pagina webPagina web
Pagina web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Historia del Diseño Web
Historia del Diseño WebHistoria del Diseño Web
Historia del Diseño Web
 
Generaciones
GeneracionesGeneraciones
Generaciones
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Trabajo de diseño web
Trabajo de diseño webTrabajo de diseño web
Trabajo de diseño web
 
Diapositiva de diseño web
Diapositiva de diseño webDiapositiva de diseño web
Diapositiva de diseño web
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Pdf
PdfPdf
Pdf
 

Último

Gobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a finGobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a fin
Juan Carlos Gonzalez
 
Plan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en VenezuelaPlan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en Venezuela
Gabrielm88
 
Programas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdfProgramas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdf
DiegoPinillo
 
Estructuras básicas_ conceptos básicos de programación (1).pdf
Estructuras básicas_ conceptos básicos de programación  (1).pdfEstructuras básicas_ conceptos básicos de programación  (1).pdf
Estructuras básicas_ conceptos básicos de programación (1).pdf
MaraJos722801
 
Excel Avanzado_ Diagrama de Pareto .pdf
Excel Avanzado_  Diagrama de Pareto .pdfExcel Avanzado_  Diagrama de Pareto .pdf
Excel Avanzado_ Diagrama de Pareto .pdf
IsabellaLugo3
 
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajasSlideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
AdrianaRengifo14
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
yessicacarrillo16
 
EXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdf
EXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdfEXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdf
EXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdf
SamuelBedoya6
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
KukiiSanchez
 
trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......
m15918387
 
Trabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdfTrabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdf
ElizabethAcostaQuinc
 
Ingeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdfIngeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdf
Camila301231
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
Paola De la Torre
 
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
RazeThefox
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
pauca1501alvar
 
C1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptxC1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptx
Guillermo Obispo San Román
 
informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2
SofaNava1
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
edwinedsonsuyo
 
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdfanalisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
RazeThefox
 

Último (20)

Gobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a finGobernanza con SharePoint Premium de principio a fin
Gobernanza con SharePoint Premium de principio a fin
 
Plan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en VenezuelaPlan de racionamiento de energía en Venezuela
Plan de racionamiento de energía en Venezuela
 
Programas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdfProgramas relacionados con la telemática.pdf
Programas relacionados con la telemática.pdf
 
Estructuras básicas_ conceptos básicos de programación (1).pdf
Estructuras básicas_ conceptos básicos de programación  (1).pdfEstructuras básicas_ conceptos básicos de programación  (1).pdf
Estructuras básicas_ conceptos básicos de programación (1).pdf
 
Excel Avanzado_ Diagrama de Pareto .pdf
Excel Avanzado_  Diagrama de Pareto .pdfExcel Avanzado_  Diagrama de Pareto .pdf
Excel Avanzado_ Diagrama de Pareto .pdf
 
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajasSlideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
Slideshare: definiciòn, registrarse, presentaciones, ventajas y desventajas
 
Herramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientasHerramientas para los abogados, 3 herramientas
Herramientas para los abogados, 3 herramientas
 
EXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdf
EXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdfEXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdf
EXCEL AVANZADO_ DIAGRAMA DE NPARETO .pdf
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
Morado y Verde Animado Patrón Abstracto Proyecto de Grupo Presentación de Edu...
 
trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......trabajo _20240621_132119_0000.pdf-.......
trabajo _20240621_132119_0000.pdf-.......
 
Trabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdfTrabajo de ten¡cnologia 11-2.......... (1).pdf
Trabajo de ten¡cnologia 11-2.......... (1).pdf
 
Ingeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdfIngeniería en Telemática y ejercicios.pdf
Ingeniería en Telemática y ejercicios.pdf
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
 
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
Ejercicio Resuelto del Diagrama de Pareto Realizado por Hanna Isabella Garcia...
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
 
C1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptxC1B3RWALL La red de cooperación de Madrid.pptx
C1B3RWALL La red de cooperación de Madrid.pptx
 
informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2informe de diagrama de pareto actividad segundo periodo 11-2
informe de diagrama de pareto actividad segundo periodo 11-2
 
Plantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptxPlantilla carrier y tecnologia de TIGO.pptx
Plantilla carrier y tecnologia de TIGO.pptx
 
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdfanalisis de grafica Realizado por Juliana Diaz Cardona.pdf
analisis de grafica Realizado por Juliana Diaz Cardona.pdf
 

Generacion dl sitio web

  • 1. Se podría añadir una última generación de diseño web que representaría el auge de las páginas de televisión ip o televisión online. La integración de televisión en la web para empresas, ayuntamientos o asociaciones representa el movimiento más notable del diseño web en la actualidad. Un ejemplo de empresas de diseño que ya ofrecen la posibilidad de integración de televisión en web es Hooping.net mediante su plataforma de televisión IP Hooping.tv.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 posibilididades que ofrecen las últimas tecnologías para los programadores. A esto le podemos añadir que las últimas versiones de los navegadores soportan muchas más prestaciones y elementos en las páginas web.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 plugin de Macromedia Flash, el cual revolucionaría la concepción de diseño web.La gran mayoría de páginas web que aparecen en esta generación son de publicidad y venta de productos y servicios, con lo que es este el diseño más utilizado. 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.En esta generación está la aparición de monitores y tarjetas gráficas con mayores resoluciones y definición de color, lo cual generó la consecuente mejora en la calidad del diseño web. Pero apareció un problema, la diferencia en la adaptación de estándares de los 2 principales navegadores: Internet Explorer y Netscape Navigator.El primer diseño web de una página se realiza en 1993, la página web tenía el nombre Mosaic, y en menos de un año había recibido 2 millones de visitantes. El navegador web era capaz de mostrar tanto imágenes como textos, aunque con una limitación muy alta a la hora de diagramar la información de la página web. El diseño web de estas páginas era lineal y estaba orientado para científicos que eran los usuarios que compartían su información alrededor de todo el mundoLa característica de esta primera generación de diseño web eran las velocidades de transmisión de datos, ya que era conexión vía MODEM, lo que limitaba el peso de las páginas web.Generación del Sitio WebPrimera GeneraciónSegunda GeneraciónTercera GeneraciónCuarta GeneraciónQuinta Generación<br />