SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
DISEÑO DE WEB
LA WEB 2.0

 Trece años después, en el año 2004, el descubrimiento de
Berners-Lee se reinventó, y no porque cambiara de un día
para otro, sino porque, como suele ocurrir en el mundo de
Internet, alguien le puso un nuevo nombre: Web 2.02.
LA WEB 2.0
• La llegada de la Web 2.0 ha supuesto una revolución
  en el diseño, tanto en lo que se refiere a la
  concepción artística como en las interfaces.
LA WEB

 El padre de la Word Wide Web elaboró un documento
informático que rompía con lo anterior porque contenía
hipervínculos, es decir, ofrecía posibilidad de ir a otro texto al
pulsar sobre una palabra.
Es aquella que está compuesta de una serie de archivos que contienen el
código HTML que constituye la página en sí y que permiten mostrar los textos,
imágenes, videos, etc. que conforman el contenido de la página.
Estos archivos se almacenan en el servidor de Hastings en formato HTML
junto con los archivos de imágenes (comúnmente en formato jpg, gif o png) y
los videos y demás contenido del siete.
LA CONCLUSIÓN DE LA WEB

             •   podemos resumir todo lo expuesto
                 hasta ahora en que el diseño Web
                 2.0 pronto estará pasado de
                 moda. Cuando las normas de un
                 estilo están tan claras, es porque
                 el siguiente paso será su
                 redefinición. El diseño supone en
                 gran medida romper los cánones,
                 así que debemos estar
                 preparados para la llegada de la
                 próxima tendencia.
PAG I N A W E B D I N Á M I C A

 El término dinámico no se refiere a movimiento como muchos pueden pensar. El
término dinámico hace referencia a que la página web se construye al momento en que la
página es visitada por el usuario. Es decir que el contenido de la página web no es fijo
sino que se construye de acuerdo a la interacción que el usuario hace con la página. La
información de este tipo de página suele estar almacenada en Bases de Datos de las cuales
se extrae una parte según las selecciones o acciones llevada a cabo por la persona que
visita la página web.
 Este tipo de página web son construidas usando el software de
Adobe llamado Flash. Este software permite realizar animaciones.
Este tipo de página suelen ser muy vistosas y están cargadas de
efectos, movimientos, sonidos y demás.
Para su construcción es necesario conocer a profundidad este
software de animación.
L A S C A R AC T E R Í S T I C A S D E L A W E B 3 . 0


 Se entiende que la capacidad para comunicarse en tiempo
real, vía web, a través de redes de personas con intereses
similares, constituye el segundo capítulo de Internet. Dicho de
otro modo, Web 2.0.
LA WEB 2.0

 la participación de los usuarios
LOS BADGES DE L A WEB


    •

              ó             ó
                                ó
REFLEJOS Y DESTELLOS DE LA WEB


 • tanto los logotipos como las barras de menú y los
   distintos elementos de las composiciones cuentan con
   destellos de luz y pequeñas zonas sobreexpuestas,
   que aportan volumen a los diseños.
Ñ


• mientras en la web 1.0 todo el contenido se
  alineaba a la izquierda, las páginas 2.0
  siempre están centradas, mejorando la
  visualización de los contenidos en cualquier
  tipo de resolución de escritorio.
Ó



 aunque siempre fueron distintas
la zona superior y la inferior, ahora
     se marca más visualmente. Al
     mismo tiempo, cada área está
claramente definida para un tipo de
 navegación o de interacción y una
               serie de contenidos.
NAVEGADORES WEB


 que se utiliza para acceder a la web. Desde el
primer explorador, llamado NCSA Mosaico de
principio de los noventa hasta hoy, la evolución ha
sido espectacular.
O T R O S N AV E G A D O R E S D E W E B


      í                          á
                                 ó
              ó
 Son páginas estáticas construidas en el lenguaje de marcado
HTML. Para construirlas se necesita saber este lenguaje que es
bastante sencillo. Se puede usar software para edición web o
simplemente un editor de texto cualquier, inclusive el bloc de notas.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

Tipos de web
Tipos de web Tipos de web
Tipos de web
 
Analisis sobre la web 1.0 web 2.0- web 3.0
Analisis sobre la web 1.0 web 2.0- web 3.0Analisis sobre la web 1.0 web 2.0- web 3.0
Analisis sobre la web 1.0 web 2.0- web 3.0
 
Angel ceron trabajo para el sena
Angel ceron trabajo para el senaAngel ceron trabajo para el sena
Angel ceron trabajo para el sena
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
la Web 1.0, 2.0 y 3.0
la Web 1.0, 2.0 y 3.0la Web 1.0, 2.0 y 3.0
la Web 1.0, 2.0 y 3.0
 
Jaramillo 4
Jaramillo 4Jaramillo 4
Jaramillo 4
 
Tipos de web
Tipos de webTipos de web
Tipos de 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 Web
 
Presentacion dante 01 semana 3 tic
Presentacion dante 01 semana 3 ticPresentacion dante 01 semana 3 tic
Presentacion dante 01 semana 3 tic
 
Programas web 2.0
Programas web 2.0Programas web 2.0
Programas web 2.0
 
Web 1.O, 2.0, 3.0
Web 1.O, 2.0, 3.0Web 1.O, 2.0, 3.0
Web 1.O, 2.0, 3.0
 
Historia del diseño web
Historia del diseño webHistoria del diseño web
Historia del diseño web
 

Destacado (20)

Capitulo 5
Capitulo 5Capitulo 5
Capitulo 5
 
Te Dou Meu CoraçãO
Te Dou Meu CoraçãOTe Dou Meu CoraçãO
Te Dou Meu CoraçãO
 
Ativ consciência e personalidade
Ativ consciência e personalidadeAtiv consciência e personalidade
Ativ consciência e personalidade
 
Lorenadorado ppp
Lorenadorado pppLorenadorado ppp
Lorenadorado ppp
 
Fisica1
Fisica1Fisica1
Fisica1
 
Evaluacion sumativa
Evaluacion sumativaEvaluacion sumativa
Evaluacion sumativa
 
Querer é poder voz da verdade
Querer é poder voz da verdadeQuerer é poder voz da verdade
Querer é poder voz da verdade
 
COMPONENTES DE LA SEXUALIDAD EN LAS RELACIONES HUMANAS
COMPONENTES DE LA SEXUALIDAD EN LAS RELACIONES HUMANASCOMPONENTES DE LA SEXUALIDAD EN LAS RELACIONES HUMANAS
COMPONENTES DE LA SEXUALIDAD EN LAS RELACIONES HUMANAS
 
Vanguardias del-sxx
Vanguardias del-sxxVanguardias del-sxx
Vanguardias del-sxx
 
İntrauterin Enfeksiyonlara Genel Yaklaşım
İntrauterin Enfeksiyonlara Genel Yaklaşımİntrauterin Enfeksiyonlara Genel Yaklaşım
İntrauterin Enfeksiyonlara Genel Yaklaşım
 
Rethinking garbage collection
Rethinking garbage collectionRethinking garbage collection
Rethinking garbage collection
 
Tipos De Lenguajes
Tipos De LenguajesTipos De Lenguajes
Tipos De Lenguajes
 
GEBELİKTE TORCH TARAMASI
GEBELİKTE TORCH TARAMASI GEBELİKTE TORCH TARAMASI
GEBELİKTE TORCH TARAMASI
 
Aguilar 4
Aguilar  4Aguilar  4
Aguilar 4
 
Modelo Económico en Venezuela Mapa
Modelo Económico en Venezuela Mapa Modelo Económico en Venezuela Mapa
Modelo Económico en Venezuela Mapa
 
Opciones trabajo 1
Opciones trabajo 1Opciones trabajo 1
Opciones trabajo 1
 
038
038038
038
 
Aguilar 8
Aguilar  8Aguilar  8
Aguilar 8
 
New York
New YorkNew York
New York
 
GEBELİK VE POSTPARTUM VENÖZ TROMBOPROFİLAKSİ
GEBELİK VE POSTPARTUM VENÖZ TROMBOPROFİLAKSİGEBELİK VE POSTPARTUM VENÖZ TROMBOPROFİLAKSİ
GEBELİK VE POSTPARTUM VENÖZ TROMBOPROFİLAKSİ
 

Similar a Diseño de web (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Wed
WedWed
Wed
 
Diseño & Web 2.0
Diseño & Web 2.0Diseño & Web 2.0
Diseño & Web 2.0
 
W ebb pdf
W ebb pdfW ebb pdf
W ebb pdf
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
Diseñowebs
DiseñowebsDiseñowebs
Diseñowebs
 
Lyseth (1)
Lyseth (1)Lyseth (1)
Lyseth (1)
 
Diseño web semana 3
Diseño web semana 3Diseño web semana 3
Diseño web semana 3
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Lidia
LidiaLidia
Lidia
 
la internet y la tegnologia 11-2
la internet y la tegnologia 11-2la internet y la tegnologia 11-2
la internet y la tegnologia 11-2
 
Web2.0
Web2.0Web2.0
Web2.0
 
Trabajo numero 1 david aguilera y nicolle munevar
Trabajo numero 1 david aguilera y nicolle munevarTrabajo numero 1 david aguilera y nicolle munevar
Trabajo numero 1 david aguilera y nicolle munevar
 
Diseño de Pagina Web
Diseño de Pagina WebDiseño de Pagina Web
Diseño de Pagina Web
 
Web 2.o y el diseño web
Web 2.o y el diseño webWeb 2.o y el diseño web
Web 2.o y el diseño web
 
Web 2.o y el diseño web
Web 2.o y el diseño webWeb 2.o y el diseño web
Web 2.o y el diseño web
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Línea de tiempo web
Línea de  tiempo webLínea de  tiempo web
Línea de tiempo web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 

Más de Dalia Arroyo Zavaleta

Más de Dalia Arroyo Zavaleta (6)

Present carranza 10 june
Present carranza 10 junePresent carranza 10 june
Present carranza 10 june
 
Present carranza 10 june
Present carranza 10 junePresent carranza 10 june
Present carranza 10 june
 
Present carranza 10 june
Present carranza 10 junePresent carranza 10 june
Present carranza 10 june
 
Present carranza 10 june
Present carranza 10 junePresent carranza 10 june
Present carranza 10 june
 
Present carranza 10 june
Present carranza 10 junePresent carranza 10 june
Present carranza 10 june
 
Diseño de web
Diseño  de webDiseño  de web
Diseño de web
 

Diseño de web

  • 2. LA WEB 2.0  Trece años después, en el año 2004, el descubrimiento de Berners-Lee se reinventó, y no porque cambiara de un día para otro, sino porque, como suele ocurrir en el mundo de Internet, alguien le puso un nuevo nombre: Web 2.02.
  • 3. LA WEB 2.0 • La llegada de la Web 2.0 ha supuesto una revolución en el diseño, tanto en lo que se refiere a la concepción artística como en las interfaces.
  • 4. LA WEB  El padre de la Word Wide Web elaboró un documento informático que rompía con lo anterior porque contenía hipervínculos, es decir, ofrecía posibilidad de ir a otro texto al pulsar sobre una palabra.
  • 5. Es aquella que está compuesta de una serie de archivos que contienen el código HTML que constituye la página en sí y que permiten mostrar los textos, imágenes, videos, etc. que conforman el contenido de la página. Estos archivos se almacenan en el servidor de Hastings en formato HTML junto con los archivos de imágenes (comúnmente en formato jpg, gif o png) y los videos y demás contenido del siete.
  • 6. LA CONCLUSIÓN DE LA WEB • podemos resumir todo lo expuesto hasta ahora en que el diseño Web 2.0 pronto estará pasado de moda. Cuando las normas de un estilo están tan claras, es porque el siguiente paso será su redefinición. El diseño supone en gran medida romper los cánones, así que debemos estar preparados para la llegada de la próxima tendencia.
  • 7. PAG I N A W E B D I N Á M I C A  El término dinámico no se refiere a movimiento como muchos pueden pensar. El término dinámico hace referencia a que la página web se construye al momento en que la página es visitada por el usuario. Es decir que el contenido de la página web no es fijo sino que se construye de acuerdo a la interacción que el usuario hace con la página. La información de este tipo de página suele estar almacenada en Bases de Datos de las cuales se extrae una parte según las selecciones o acciones llevada a cabo por la persona que visita la página web.
  • 8.  Este tipo de página web son construidas usando el software de Adobe llamado Flash. Este software permite realizar animaciones. Este tipo de página suelen ser muy vistosas y están cargadas de efectos, movimientos, sonidos y demás. Para su construcción es necesario conocer a profundidad este software de animación.
  • 9. L A S C A R AC T E R Í S T I C A S D E L A W E B 3 . 0  Se entiende que la capacidad para comunicarse en tiempo real, vía web, a través de redes de personas con intereses similares, constituye el segundo capítulo de Internet. Dicho de otro modo, Web 2.0.
  • 10. LA WEB 2.0  la participación de los usuarios
  • 11. LOS BADGES DE L A WEB •  ó ó ó
  • 12. REFLEJOS Y DESTELLOS DE LA WEB • tanto los logotipos como las barras de menú y los distintos elementos de las composiciones cuentan con destellos de luz y pequeñas zonas sobreexpuestas, que aportan volumen a los diseños.
  • 13. Ñ • mientras en la web 1.0 todo el contenido se alineaba a la izquierda, las páginas 2.0 siempre están centradas, mejorando la visualización de los contenidos en cualquier tipo de resolución de escritorio.
  • 14. Ó  aunque siempre fueron distintas la zona superior y la inferior, ahora se marca más visualmente. Al mismo tiempo, cada área está claramente definida para un tipo de navegación o de interacción y una serie de contenidos.
  • 15. NAVEGADORES WEB  que se utiliza para acceder a la web. Desde el primer explorador, llamado NCSA Mosaico de principio de los noventa hasta hoy, la evolución ha sido espectacular.
  • 16. O T R O S N AV E G A D O R E S D E W E B  í á ó ó
  • 17.  Son páginas estáticas construidas en el lenguaje de marcado HTML. Para construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede usar software para edición web o simplemente un editor de texto cualquier, inclusive el bloc de notas.