SlideShare una empresa de Scribd logo
Materia: Diseño Web
Catedrático: Lic. Lennin Gabriel Estrada Flores
Alumno: Maynor Enrique Tejada Ramírez
Fecha: 03/03/2016
• Durante los años 90, el mundo aún se conectaba a Internet a través de las líneas
telefónicas. Los archivos se veían en lenguaje de hipertexto HTML y todos podían
acceder a los documentos y archivos de la red al estar en línea. Los primeros sitios
web tenían gran cantidad de texto, colores limitados y gráficos en disposición lineal
solamente, estos sitios son conocidos como sitios de primera generación. Estas
primeras versiones de HTML eran pensadas más para una comunicación funcional que
para el entretenimiento, a diferencia de hoy en día, además no se hubieran podido
cargar gráficos de alta definición en esa época y mucho menos video, debido a que
aún era demasiado lenta la velocidad de conexión
 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.
 El primer diseño web de una página se realiza en
1993, la página web tenía el nombre Mosaic. 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 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.
 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 plugin de Macromedia
Flash, el cual revolucionaría la concepción de
diseño web.
 En la cuarta generación es el diseño web de hoy
en día ya que está enfocado totalmente a la
multimedia. Aparte del lenguaje HTML que es
básicamente la parte de la estructura, los
diseñadores web tienen una variedad de
lenguajes, posibilidades y caminos que elegir
como por ejemplo: JavaScript, PHP, XML, CSS
y ASP y Flash, que por su código cerrado es cada
vez menos comú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.
Diapositiva de diseño web

Más contenido relacionado

La actualidad más candente

I mpress pdf
I mpress pdfI mpress pdf
I mpress pdf
Jonathan Gutiérrez
 
Juliza leon
Juliza leonJuliza leon
Juliza leon
leonjuliza17
 
I mpress
I mpressI mpress
I mpress
I mpressI mpress
I mpress
Mili Chafla
 
Pdf evolucion de la web
Pdf evolucion de la webPdf evolucion de la web
Pdf evolucion de la web
Ricardo Jiménez Sanchez
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
HernandezLoyoLuis
 
evolución de la web
evolución de la webevolución de la web
evolución de la web
Ricardo Jiménez Sanchez
 
Resumen
ResumenResumen
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
rociobetty
 
evolucion de la web pdf
evolucion de la web pdf evolucion de la web pdf
evolucion de la web pdf
ErikaTelenchana26
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
ErikaTelenchana26
 
La web 1.0
La web 1.0La web 1.0
La web 1.0
Dany Varela
 
Las Web
Las Web Las Web
Las Web
karenmotoa618
 
Uso de las normas de internet
Uso de las normas de internetUso de las normas de internet
Uso de las normas de internet
zloardila56
 

La actualidad más candente (16)

I mpress pdf
I mpress pdfI mpress pdf
I mpress pdf
 
La web
La webLa web
La web
 
Juliza leon
Juliza leonJuliza leon
Juliza leon
 
I mpress
I mpressI mpress
I mpress
 
I mpress
I mpressI mpress
I mpress
 
Pdf evolucion de la web
Pdf evolucion de la webPdf evolucion de la web
Pdf evolucion de la web
 
Word, world luis felipe.
Word, world luis felipe.Word, world luis felipe.
Word, world luis felipe.
 
evolución de la web
evolución de la webevolución de la web
evolución de la web
 
Resumen
ResumenResumen
Resumen
 
PPT: Internet y página web
PPT: Internet y página webPPT: Internet y página web
PPT: Internet y página web
 
evolucion de la web pdf
evolucion de la web pdf evolucion de la web pdf
evolucion de la web pdf
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
La web 1.0
La web 1.0La web 1.0
La web 1.0
 
Las Web
Las Web Las Web
Las Web
 
Uso de las normas de internet
Uso de las normas de internetUso de las normas de internet
Uso de las normas de internet
 
Web 1.0 Dg
Web 1.0 DgWeb 1.0 Dg
Web 1.0 Dg
 

Destacado

APMResumemodified1 (2)
APMResumemodified1 (2)APMResumemodified1 (2)
APMResumemodified1 (2)James WILLIS
 
Chavinde huatar
Chavinde huatarChavinde huatar
Chavinde huatar
Diego De Castro Araujo
 
Adagio andante soffusa
Adagio andante soffusaAdagio andante soffusa
Adagio andante soffusa
Pier Paolo Paoletti
 
Presentation1
Presentation1Presentation1
Presentation1
gustohelp
 
Ramandeep update resume..
Ramandeep update resume..Ramandeep update resume..
Ramandeep update resume..
Ramandeep Kaur
 
Ama-biZ 実績中間まとめ 201508
Ama-biZ 実績中間まとめ 201508Ama-biZ 実績中間まとめ 201508
Ama-biZ 実績中間まとめ 201508
Takashi Uchiyama
 
Finding the Mean from Stem Leaf Plot
Finding the Mean from Stem Leaf PlotFinding the Mean from Stem Leaf Plot
Finding the Mean from Stem Leaf Plot
Moonie Kim
 
Act 2016-2017 - Proposta dos Correios - Questoes Economicas
Act 2016-2017 - Proposta dos Correios -  Questoes EconomicasAct 2016-2017 - Proposta dos Correios -  Questoes Economicas
Act 2016-2017 - Proposta dos Correios - Questoes Economicas
Jose Carlos
 
7.1. rpp sistem koordinat
7.1. rpp sistem koordinat7.1. rpp sistem koordinat
7.1. rpp sistem koordinat
Mtk Sumarno
 

Destacado (12)

APMResumemodified1 (2)
APMResumemodified1 (2)APMResumemodified1 (2)
APMResumemodified1 (2)
 
Chavinde huatar
Chavinde huatarChavinde huatar
Chavinde huatar
 
Testimonial
TestimonialTestimonial
Testimonial
 
Adagio andante soffusa
Adagio andante soffusaAdagio andante soffusa
Adagio andante soffusa
 
Presentation1
Presentation1Presentation1
Presentation1
 
Van gogh rcl
Van gogh rclVan gogh rcl
Van gogh rcl
 
Ramandeep update resume..
Ramandeep update resume..Ramandeep update resume..
Ramandeep update resume..
 
FINAL STUDIO BOOKLET
FINAL STUDIO BOOKLETFINAL STUDIO BOOKLET
FINAL STUDIO BOOKLET
 
Ama-biZ 実績中間まとめ 201508
Ama-biZ 実績中間まとめ 201508Ama-biZ 実績中間まとめ 201508
Ama-biZ 実績中間まとめ 201508
 
Finding the Mean from Stem Leaf Plot
Finding the Mean from Stem Leaf PlotFinding the Mean from Stem Leaf Plot
Finding the Mean from Stem Leaf Plot
 
Act 2016-2017 - Proposta dos Correios - Questoes Economicas
Act 2016-2017 - Proposta dos Correios -  Questoes EconomicasAct 2016-2017 - Proposta dos Correios -  Questoes Economicas
Act 2016-2017 - Proposta dos Correios - Questoes Economicas
 
7.1. rpp sistem koordinat
7.1. rpp sistem koordinat7.1. rpp sistem koordinat
7.1. rpp sistem koordinat
 

Similar a Diapositiva de diseño web

Presentacion de diseño web
Presentacion de diseño webPresentacion de diseño web
Presentacion de diseño web
Aramg2016
 
Historia del diseño web
Historia del diseño webHistoria del diseño web
Historia del diseño web
jehnson
 
Generacion
GeneracionGeneracion
Generacion
angelsmith10
 
Instituto san antonio walter mejia
Instituto san antonio walter mejia  Instituto san antonio walter mejia
Instituto san antonio walter mejia
Walter Mejia
 
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
 
Generaciones web
Generaciones webGeneraciones web
Generaciones webnelzzon21
 
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 Web
Edisonq0891
 
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
Mari Cruz
 
Historia de HTML-HTML5
Historia de HTML-HTML5Historia de HTML-HTML5
Historia de HTML-HTML5
JesusCanelonAguilar
 
Diseño web
Diseño webDiseño web
Diseño web
suanny banegas
 
Centro educacional perlas de la
Centro educacional perlas de laCentro educacional perlas de la
Centro educacional perlas de la
Ken Gue
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
AngelyBarnica
 
Evolucion de la web karina orozco
Evolucion de la web karina orozcoEvolucion de la web karina orozco
Evolucion de la web karina orozco
karyrosalia
 
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
Gersain Marin
 

Similar a Diapositiva de diseño web (20)

Presentacion de diseño web
Presentacion de diseño webPresentacion de diseño web
Presentacion de 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
 
Instituto san antonio walter mejia
Instituto san antonio walter mejia  Instituto san antonio walter mejia
Instituto san antonio walter mejia
 
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
HistoriaHistoria
Historia
 
Historia
HistoriaHistoria
Historia
 
Generaciones web
Generaciones webGeneraciones web
Generaciones 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-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
 
Historia de HTML-HTML5
Historia de HTML-HTML5Historia de HTML-HTML5
Historia de HTML-HTML5
 
Diseño web
Diseño webDiseño web
Diseño web
 
Centro educacional perlas de la
Centro educacional perlas de laCentro educacional perlas de la
Centro educacional perlas de la
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Evolucion de la web karina orozco
Evolucion de la web karina orozcoEvolucion de la web karina orozco
Evolucion de la web karina orozco
 
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
 

Último

Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
LuisEnriqueCarboneDe
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
QuerubinOlayamedina
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
juanlemus11122
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
DarwinNestorArapaQui
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
Elizabeth Mejia
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
CESAR MIJAEL ESPINOZA SALAZAR
 

Último (9)

Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.docSistemas-de-Numeración-para-Primero-de-Secundaria.doc
Sistemas-de-Numeración-para-Primero-de-Secundaria.doc
 
fase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptxfase 4-Estudio de la geometria analitica[1].pptx
fase 4-Estudio de la geometria analitica[1].pptx
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
Presentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivoPresentación Arduino, proyecto colectivo
Presentación Arduino, proyecto colectivo
 
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIOFISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
FISICA IMPRIMIR MATERIAL ACADEMICO NIVEL SECUNDARIO
 
EduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptxEduLearnIAappde IAparatodosdisponible.pptx
EduLearnIAappde IAparatodosdisponible.pptx
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA IINSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
INSTITUTO AUCARA SEMANA NUMERO 7 AGROPECUARIA I
 

Diapositiva de diseño web

  • 1. Materia: Diseño Web Catedrático: Lic. Lennin Gabriel Estrada Flores Alumno: Maynor Enrique Tejada Ramírez Fecha: 03/03/2016
  • 2. • Durante los años 90, el mundo aún se conectaba a Internet a través de las líneas telefónicas. Los archivos se veían en lenguaje de hipertexto HTML y todos podían acceder a los documentos y archivos de la red al estar en línea. Los primeros sitios web tenían gran cantidad de texto, colores limitados y gráficos en disposición lineal solamente, estos sitios son conocidos como sitios de primera generación. Estas primeras versiones de HTML eran pensadas más para una comunicación funcional que para el entretenimiento, a diferencia de hoy en día, además no se hubieran podido cargar gráficos de alta definición en esa época y mucho menos video, debido a que aún era demasiado lenta la velocidad de conexión
  • 3.  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.
  • 4.  El primer diseño web de una página se realiza en 1993, la página web tenía el nombre Mosaic. 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.
  • 5.  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.
  • 6.  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 plugin de Macromedia Flash, el cual revolucionaría la concepción de diseño web.
  • 7.  En la cuarta generación es el diseño web de hoy en día ya que está enfocado totalmente a la multimedia. Aparte del lenguaje HTML que es básicamente la parte de la estructura, los diseñadores web tienen una variedad de lenguajes, posibilidades y caminos que elegir como por ejemplo: JavaScript, PHP, XML, CSS y ASP y Flash, que por su código cerrado es cada vez menos común.
  • 8.  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.