SlideShare una empresa de Scribd logo
1 de 7
→ bit.ly/uces16
Arpanet
1969 a 1995
Espacio de intercambio académico
Comienzos de la Web
Web 1.0
1995 WEB DE LAS EMPRESAS
Código Estático
Contenido y visualización juntos
Tablas, frames
<font size="7" face="Georgia" color="red">Texto</font>
“Se ve mejor con Explorer…”
Meta tags
Verticalidad
Web 2.0
2004 WEB SOCIAL
Código Dinámico y flexible
Contenido separado de la visualización:
CSS
Estándares W3C, Accesibilidad
SEO (Search Engine Optimization)
Publicidad contextual (palabras clave)
Horizontalidad e integración
Web como plataforma social
Cambio de paradigma
Gratuidad
Compartir
Trabajo colaborativo (wikis)
Conversaciones (empresas/usuarios sin
intermediarios)
Long tail (masividad de publicaciones de nicho)
Web como plataforma (servicios en la nube)
Economía de la atención (tiempo x servicios)
Periodismo ciudadano (blogs, redes sociales)
Cambio de paradigma: Valores
Comentarios
y participación
Referencias
(pingbacks y
trackbacks)
Recursos
(audios, videos,
mapas)
Links
(blogroll y
citas)
Web 2.0
Para bajarlo en distintos formatos http://www.internality.com/web20/
Web semántica 3.0
Profundización web social
Agentes inteligentes (no humanos)
Marketing semántico (contextual+ relevancia)
→ Pérdida de privacidad
→ Poder procesadores de información
Web móvil
Multiplicidad infinita de dispositivos
Código semántico
Contenido estructurado semántico (datos
con descripción, significado y relación)
+ Profundización Contenido/visualización
→ HTML 5 y CSS 3
Microdata, RDF, OWL
Código adaptativo
Apps nativas e híbridas
Responsive web design
Cambio de paradigma: profundización
Curso rwd 1a cambio

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0
 
La Web 2
La Web 2La Web 2
La Web 2
 
Web 1.0, 2.0, y 3.0
Web 1.0, 2.0, y 3.0 Web 1.0, 2.0, y 3.0
Web 1.0, 2.0, y 3.0
 
Presentac[2]..
Presentac[2]..Presentac[2]..
Presentac[2]..
 
Menús estáticos y dinámicos
Menús estáticos y dinámicosMenús estáticos y dinámicos
Menús estáticos y dinámicos
 
Presentación web
Presentación webPresentación web
Presentación web
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Glosario
GlosarioGlosario
Glosario
 
Complementsmozilla
ComplementsmozillaComplementsmozilla
Complementsmozilla
 
Diferencias entre la web 1 y web 2.0
Diferencias entre la web 1 y web 2.0Diferencias entre la web 1 y web 2.0
Diferencias entre la web 1 y web 2.0
 
Tecnologia web 2
Tecnologia web 2Tecnologia web 2
Tecnologia web 2
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.01
Web 2.01Web 2.01
Web 2.01
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Tecnologia web 2
Tecnologia web 2Tecnologia web 2
Tecnologia web 2
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Similar a Curso rwd 1a cambio

Web 2.0 diseño y tecnología
Web 2.0 diseño y tecnologíaWeb 2.0 diseño y tecnología
Web 2.0 diseño y tecnologíaIreneF
 
Web 2.0: diseño y tecnología en una nueva cultura online
Web 2.0: diseño y tecnología en una nueva cultura onlineWeb 2.0: diseño y tecnología en una nueva cultura online
Web 2.0: diseño y tecnología en una nueva cultura onlineIreneF
 
Marketing y difusión cultural de los archivos
Marketing y difusión cultural de los archivosMarketing y difusión cultural de los archivos
Marketing y difusión cultural de los archivosJuan Carlos
 
Los Proceso De Comunicación en los sitios 2-0
Los Proceso De Comunicación en los sitios 2-0Los Proceso De Comunicación en los sitios 2-0
Los Proceso De Comunicación en los sitios 2-0guestf6aed0
 
Web 2.0 y redes sociales
Web 2.0 y redes socialesWeb 2.0 y redes sociales
Web 2.0 y redes socialesspecialdreams
 
La WEB 2.0
La WEB 2.0La WEB 2.0
La WEB 2.0iaherazo
 
Web 2.0 Sofía y Fernanda
Web 2.0  Sofía y FernandaWeb 2.0  Sofía y Fernanda
Web 2.0 Sofía y FernandaiSeba
 

Similar a Curso rwd 1a cambio (20)

Web 2.0 diseño y tecnología
Web 2.0 diseño y tecnologíaWeb 2.0 diseño y tecnología
Web 2.0 diseño y tecnología
 
Web 2.0: diseño y tecnología en una nueva cultura online
Web 2.0: diseño y tecnología en una nueva cultura onlineWeb 2.0: diseño y tecnología en una nueva cultura online
Web 2.0: diseño y tecnología en una nueva cultura online
 
Marketing y difusión cultural de los archivos
Marketing y difusión cultural de los archivosMarketing y difusión cultural de los archivos
Marketing y difusión cultural de los archivos
 
Los Proceso De Comunicación en los sitios 2-0
Los Proceso De Comunicación en los sitios 2-0Los Proceso De Comunicación en los sitios 2-0
Los Proceso De Comunicación en los sitios 2-0
 
Nicolle web 2.0
Nicolle   web 2.0Nicolle   web 2.0
Nicolle web 2.0
 
Infowai
InfowaiInfowai
Infowai
 
wainfo
wainfowainfo
wainfo
 
Tipos de web
Tipos de webTipos de web
Tipos de web
 
Web 2.0 y redes sociales
Web 2.0 y redes socialesWeb 2.0 y redes sociales
Web 2.0 y redes sociales
 
Web 2.0 (MGonzalez)
Web 2.0 (MGonzalez)Web 2.0 (MGonzalez)
Web 2.0 (MGonzalez)
 
La WEB 2.0
La WEB 2.0La WEB 2.0
La WEB 2.0
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Presentación Web 2.0
Presentación Web 2.0Presentación Web 2.0
Presentación Web 2.0
 
web 2.0
web 2.0web 2.0
web 2.0
 
Web 2.0 (MGonzalez)
Web 2.0 (MGonzalez)Web 2.0 (MGonzalez)
Web 2.0 (MGonzalez)
 
Web 2.0 Sofía y Fernanda
Web 2.0  Sofía y FernandaWeb 2.0  Sofía y Fernanda
Web 2.0 Sofía y Fernanda
 
Web 2.0
Web 2.0 Web 2.0
Web 2.0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Último

¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Webfernandalunag19
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfperezreyesalberto10
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoCENECOnline
 
Biología Células Musculares presentación
Biología Células Musculares presentaciónBiología Células Musculares presentación
Biología Células Musculares presentaciónStephanyJara1
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadJonathanHctorSilvaRo
 

Último (6)

¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Web
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC Mexico
 
Biología Células Musculares presentación
Biología Células Musculares presentaciónBiología Células Musculares presentación
Biología Células Musculares presentación
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 

Curso rwd 1a cambio

  • 2. Arpanet 1969 a 1995 Espacio de intercambio académico Comienzos de la Web
  • 3. Web 1.0 1995 WEB DE LAS EMPRESAS Código Estático Contenido y visualización juntos Tablas, frames <font size="7" face="Georgia" color="red">Texto</font> “Se ve mejor con Explorer…” Meta tags Verticalidad Web 2.0 2004 WEB SOCIAL Código Dinámico y flexible Contenido separado de la visualización: CSS Estándares W3C, Accesibilidad SEO (Search Engine Optimization) Publicidad contextual (palabras clave) Horizontalidad e integración Web como plataforma social Cambio de paradigma
  • 4. Gratuidad Compartir Trabajo colaborativo (wikis) Conversaciones (empresas/usuarios sin intermediarios) Long tail (masividad de publicaciones de nicho) Web como plataforma (servicios en la nube) Economía de la atención (tiempo x servicios) Periodismo ciudadano (blogs, redes sociales) Cambio de paradigma: Valores Comentarios y participación Referencias (pingbacks y trackbacks) Recursos (audios, videos, mapas) Links (blogroll y citas) Web 2.0
  • 5. Para bajarlo en distintos formatos http://www.internality.com/web20/
  • 6. Web semántica 3.0 Profundización web social Agentes inteligentes (no humanos) Marketing semántico (contextual+ relevancia) → Pérdida de privacidad → Poder procesadores de información Web móvil Multiplicidad infinita de dispositivos Código semántico Contenido estructurado semántico (datos con descripción, significado y relación) + Profundización Contenido/visualización → HTML 5 y CSS 3 Microdata, RDF, OWL Código adaptativo Apps nativas e híbridas Responsive web design Cambio de paradigma: profundización