SlideShare una empresa de Scribd logo
1 de 8
La historia las páginas de Internet es corta pero cambia a
pasos agigantados, pues va de la mano con la historia de
Internet. Cambia así mismo de manera radical incluso la
forma en que vivimos nuestras vidas.
Aunque el diseñar páginas web es una profesión que sólo ha
estado con nosotros durante las últimas décadas, se ha
convertido en una parte importante de nuestras vidas. ¿Se
imaginan un Internet sin animaciones, diseño adaptable,
fuentes incrustadas ni hojas de estilos? El diseñador web es
quien se encarga de estos aspectos.
Rápidamente el diseño web ha ido evolucionando a medida
que ha evolucionado Internet. Al principio los portales eran
construidos con solo texto, pero poco a poco la inclusión de
imágenes, videos y animación 3D ayudaron a caracterizar los
sitios en la red, volviéndolos más interesantes e interactivos.
El primer servidor web fue puesto en línea en agosto de 1991.
aproximadamente hace unos 20 años.
Durante los años 50 las personas se conectaban 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
archivos y documentos 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.
El concepto de hipertexto fue creado por Ted Nelson en los años
60, pero fue usado sólo varias décadas después. Desde la década
de 1980, Tim Berners-Lee propuso un proyecto basado en el
hipertexto, luego desde el 89 estuvo tratando de lanzar la
propuesta de la Internet y utilizó lenguaje de codificación de
hipertexto o HTML, creando la primera página web en 1991 con
un computador Next junto con el primer navegador al que llamó
httpd (HyperText Transfer Protocoldaemon). Allí los visitantes
podían aprender sobre el proyecto, aprender sobre el hipertexto y
también podían encontrar en el portal detalles técnicos para crear
una página web, también se encontraban consejos para buscar
información en la web, ya que en ese entonces no existían los
buscadores. El HTML era la única forma de codificación para el
diseño web en ese entonces y tampoco había mucha libertad a la
hora de diseñar páginas web.
Debido a esto los primeros diseñadores web sólo podían crear
diseño sencillos, con texto, tablas y vínculos con muy pocos
gráficos. A esta esta se le podría llamar la edad de bronce del
diseño web. Sin embargo aún desde esa época, los
desarrolladores ya andaban pensado como hacer que los sitios
fueran más atractivos visualmente.
Así era la primera pagina web:
Entre los años 1992 y 1994 los desarrolladores empezaron a
agregar sus propios fragmentos de código HTML, lo cual
empezó a extender bastante la primera versión del lenguaje
de hipertexto, así, para evitar mayores confusiones, se dio
origen a el HTML 2. Con la una velocidad de conexión más
rápida y diseñadores web con más capacidades y opciones de
HTML. El código se vuelve más complejo y con más cantidad
de gráficos.
Un avance notorio que se da en el diseño web es cuando se
empiezan a utilizar algunos iconos en vez de palabras, las
páginas empiezan a tener imágenes de fondo, aparece el uso
de banners en vez de cabecera, el uso de botones, y la
organización de textos por medio de menús y listados,
aparecen monitores y tarjetas gráficas que mejoran el color y
la resolución, mejorando la calidad del diseño.
En 1995 surgieron muchas más etiquetas HTML y con esto se
dio origen a HTML 3. Los diseñadores tienes muchas más
opciones y posibilidades a la mano como tablas y hojas de
estilo CSS, ese mismo año surge el controvertido navegador
de Microsoft, Internet Explorer.
Durante esta época, se introducen muchas más posibilidades
de incorporar la estética y mejorar la parte visual en sus
diseños web. Los sitios de tercera generación pueden ya
tener fondos a color o con un patrón gráfico, así mismo se
introduce la animación al diseño web con el nacimiento del
formato Gif, también llega Flash dándole bastante
capacidad de innovación gráfica a los sitios web, más no un
código abierto. El panorama del diseño web cambia de
estático a dinámico.
En la tercera etapa empieza a destacarse el trabajo de los
diseñadores web, las paginas se diseñan de acuerdo a las
necesidades de las mismas, el diseño empieza a adecuarse a
las funciones de las mismas, aparecen las páginas de
publicidad y venta de productos y servicios lo que permite
que el diseño web se expanda y sea utilizado por más
personas.
Los sitios web de hoy en día se denominan sitios web de
cuarta generación. 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 Java script, PHP, XML, CSS y
ASP y Flash, que por su código cerrado es cada vez menos
común

Más contenido relacionado

La actualidad más candente

Nombre de la herramienta cuadro diana (1)
Nombre de la herramienta cuadro diana (1)Nombre de la herramienta cuadro diana (1)
Nombre de la herramienta cuadro diana (1)
diana castillo
 
Maferqfulcom
MaferqfulcomMaferqfulcom
Maferqfulcom
maferqful
 

La actualidad más candente (19)

paginas web
paginas webpaginas web
paginas web
 
Herrmientas 2.0
Herrmientas 2.0Herrmientas 2.0
Herrmientas 2.0
 
Grecia López Herramientas Web 2.0
Grecia López Herramientas Web 2.0Grecia López Herramientas Web 2.0
Grecia López Herramientas Web 2.0
 
Historia del diseño web
Historia del diseño webHistoria del diseño web
Historia del diseño web
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
 
La evolucion de la web
La evolucion de la webLa evolucion de la web
La evolucion de la web
 
Nombre de la herramienta cuadro diana (1)
Nombre de la herramienta cuadro diana (1)Nombre de la herramienta cuadro diana (1)
Nombre de la herramienta cuadro diana (1)
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
historia del diseño web
historia del diseño webhistoria del diseño web
historia del diseño web
 
El internet
El internetEl internet
El internet
 
Diapositivas ti cs
Diapositivas ti csDiapositivas ti cs
Diapositivas ti cs
 
el internet
el internetel internet
el internet
 
Maferqfulcom
MaferqfulcomMaferqfulcom
Maferqfulcom
 
Herramientas web
Herramientas webHerramientas web
Herramientas web
 
Presentacion de Informatica sobre la Evolucion de la Web
Presentacion de Informatica sobre la Evolucion de la WebPresentacion de Informatica sobre la Evolucion de la Web
Presentacion de Informatica sobre la Evolucion de la Web
 
Luis gerardo carrion macias
Luis gerardo carrion maciasLuis gerardo carrion macias
Luis gerardo carrion macias
 
Brenda soledad valdivieso vélez presentacion
Brenda soledad valdivieso vélez presentacionBrenda soledad valdivieso vélez presentacion
Brenda soledad valdivieso vélez presentacion
 
Evolución de La WEB
Evolución de La WEBEvolución de La WEB
Evolución de La WEB
 
Apolo diego
Apolo diegoApolo diego
Apolo diego
 

Similar a Trabajo de diseño web

Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio web
Linethmoreno
 
Generacion dl sitio web
Generacion dl sitio webGeneracion dl sitio web
Generacion dl sitio web
rosachong
 
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
 

Similar a Trabajo de diseño web (20)

HISTORIA DEL DISEÑO WEB
HISTORIA DEL DISEÑO WEBHISTORIA DEL DISEÑO WEB
HISTORIA DEL DISEÑO WEB
 
Instituto san antonio walter mejia
Instituto san antonio walter mejia  Instituto san antonio walter mejia
Instituto san antonio walter mejia
 
Generacion
GeneracionGeneracion
Generacion
 
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
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Abner y najera
Abner y najeraAbner y najera
Abner y najera
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Historia de HTML-HTML5
Historia de HTML-HTML5Historia de HTML-HTML5
Historia de HTML-HTML5
 
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
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Historia
HistoriaHistoria
Historia
 
Historia
HistoriaHistoria
Historia
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
 

Último

TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Último (20)

Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Linea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docxLinea del tiempo - Filosofos Cristianos.docx
Linea del tiempo - Filosofos Cristianos.docx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 

Trabajo de diseño web

  • 1.
  • 2. La historia las páginas de Internet es corta pero cambia a pasos agigantados, pues va de la mano con la historia de Internet. Cambia así mismo de manera radical incluso la forma en que vivimos nuestras vidas. Aunque el diseñar páginas web es una profesión que sólo ha estado con nosotros durante las últimas décadas, se ha convertido en una parte importante de nuestras vidas. ¿Se imaginan un Internet sin animaciones, diseño adaptable, fuentes incrustadas ni hojas de estilos? El diseñador web es quien se encarga de estos aspectos. Rápidamente el diseño web ha ido evolucionando a medida que ha evolucionado Internet. Al principio los portales eran construidos con solo texto, pero poco a poco la inclusión de imágenes, videos y animación 3D ayudaron a caracterizar los sitios en la red, volviéndolos más interesantes e interactivos.
  • 3. El primer servidor web fue puesto en línea en agosto de 1991. aproximadamente hace unos 20 años. Durante los años 50 las personas se conectaban 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 archivos y documentos 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.
  • 4. El concepto de hipertexto fue creado por Ted Nelson en los años 60, pero fue usado sólo varias décadas después. Desde la década de 1980, Tim Berners-Lee propuso un proyecto basado en el hipertexto, luego desde el 89 estuvo tratando de lanzar la propuesta de la Internet y utilizó lenguaje de codificación de hipertexto o HTML, creando la primera página web en 1991 con un computador Next junto con el primer navegador al que llamó httpd (HyperText Transfer Protocoldaemon). Allí los visitantes podían aprender sobre el proyecto, aprender sobre el hipertexto y también podían encontrar en el portal detalles técnicos para crear una página web, también se encontraban consejos para buscar información en la web, ya que en ese entonces no existían los buscadores. El HTML era la única forma de codificación para el diseño web en ese entonces y tampoco había mucha libertad a la hora de diseñar páginas web. Debido a esto los primeros diseñadores web sólo podían crear diseño sencillos, con texto, tablas y vínculos con muy pocos gráficos. A esta esta se le podría llamar la edad de bronce del diseño web. Sin embargo aún desde esa época, los desarrolladores ya andaban pensado como hacer que los sitios fueran más atractivos visualmente.
  • 5. Así era la primera pagina web:
  • 6. Entre los años 1992 y 1994 los desarrolladores empezaron a agregar sus propios fragmentos de código HTML, lo cual empezó a extender bastante la primera versión del lenguaje de hipertexto, así, para evitar mayores confusiones, se dio origen a el HTML 2. Con la una velocidad de conexión más rápida y diseñadores web con más capacidades y opciones de HTML. El código se vuelve más complejo y con más cantidad de gráficos. Un avance notorio que se da en el diseño web es cuando se empiezan a utilizar algunos iconos en vez de palabras, las páginas empiezan a tener imágenes de fondo, aparece el uso de banners en vez de cabecera, el uso de botones, y la organización de textos por medio de menús y listados, aparecen monitores y tarjetas gráficas que mejoran el color y la resolución, mejorando la calidad del diseño.
  • 7. En 1995 surgieron muchas más etiquetas HTML y con esto se dio origen a HTML 3. Los diseñadores tienes muchas más opciones y posibilidades a la mano como tablas y hojas de estilo CSS, ese mismo año surge el controvertido navegador de Microsoft, Internet Explorer. Durante esta época, se introducen muchas más posibilidades de incorporar la estética y mejorar la parte visual en sus diseños web. Los sitios de tercera generación pueden ya tener fondos a color o con un patrón gráfico, así mismo se introduce la animación al diseño web con el nacimiento del formato Gif, también llega Flash dándole bastante capacidad de innovación gráfica a los sitios web, más no un código abierto. El panorama del diseño web cambia de estático a dinámico. En la tercera etapa empieza a destacarse el trabajo de los diseñadores web, las paginas se diseñan de acuerdo a las necesidades de las mismas, el diseño empieza a adecuarse a las funciones de las mismas, aparecen las páginas de publicidad y venta de productos y servicios lo que permite que el diseño web se expanda y sea utilizado por más personas.
  • 8. Los sitios web de hoy en día se denominan sitios web de cuarta generación. 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 Java script, PHP, XML, CSS y ASP y Flash, que por su código cerrado es cada vez menos común