Cambio de paradigma
-Web 1.0 a Web 2.0
-Valores Web 2.0
-Mapa visual de la Web 2.0
-Caso prototípico: Blog
-Remix + Personalización
-Bibliografía y enlaces
1. Evolución de la Web
Diseño Gráfico 3
Diseño Gráfico | FADU
Irene Fernández
2016
2. 2
Índice
Cambio de paradigma
Web 1.0 a Web 2.0 3
Valores Web 2.0 4
Mapa visual de la Web 2.0 5
Caso prototípico: Blog 6
Remix + Personalización 7
Bibliografía y enlaces 8
3. 3
Cambio de paradigma
Web 1.0 de las empresas
Estático
Contenido y visualización juntos
Tablas, frames
<p><font size="7" face="Georgia, Arial"
color="red">Texto</font></p>
Home page
“Se ve mejor con Explorer…”
Meta tags
Web 2.0 social
Dinámico y flexible
Contenido separado de la
visualización: CSS (Cascade Style Sheet)
Estándares W3C, Accesibilidad
Navegación transversal
SEO (Search Engine Optimization)
Publicidad contextual (palabras clave)
Web plataforma social
4. 4
Valores Web 2.0
Gratuidad
Compartir
Trabajo colaborativo
Conversaciones
Long tail
Web como plataforma
Economía de la atención
Periodismo ciudadano
Comentarios
y participación
Referencias
(pingbacks y
trackbacks)
Recursos
(audios, videos,
mapas)
Links
(blogroll y
citas)
Web 2.0
5. 5
Para bajarlo en distintos formatos http://www.internality.com/web20/
6. 6
Caso prototípico: Blog
● Fácil de publicar y actualizar
● Identidad: Nos damos a conocer
por lo que sabemos, la información
que compartimos o replicamos
● Construcción de conocimiento y
comunicación en base a la
experiencia
● Creación y fortalecimiento de
redes de contactos y comunidades
● Información enriquecida (links,
img, video, mapas, etc)
● Navegación transversal (archivos,
categorías, tagging)
Video explicativo
https://www.commoncraft.com/video/bl
ogs-es
8. 8
Bibliografía
Fumero, A. and Roca, G. (2007).
Web 2.0. España: Fundación
Orange.
Videos
Blogs
https://www.commoncraft.com/video/blogs-es
Licencias Creative Commons
https://www.youtube.com/watch?v=6NvsPRqxweA
RSS
https://www.commoncraft.com/video/rss-es
Enlaces útiles
Estadísticas globales
http://gs.statcounter.com/
The evolution of the web
http://www.evolutionoftheweb.com/
Mapa visual de la Web 2.0
http://www.internality.com/web20/