Webhíbrida<br />Elena Villaespesa<br />Curso: Internet como recurso para la educación artística, plástica y visual<br />Mu...
http://www.tumblr.com<br />http://claseplastica.tumblr.com/<br />
Crearunacuenta en tumblr<br />Introducir email<br />Contraseña<br />Dirección o URL. Elegimoscuálserá la dirección de nues...
Personalizamos y elegimos  el diseño<br />Elegimos un título<br />Subimosunaimagen<br />
Elegimos un tema de diseño, color del título y fuente, logo.   <br />
Estaes la página principal desdedondepodremoscrearlasentradas o artículos de nuestra web/blog<br />Opciones: texto, foto, ...
TEXTO<br />Título de la entrada<br />Texto principal<br />
Editor de texto<br />Link<br />
IMAGEN<br />Elegimos la imagen en Misdocumentos<br />Opcionalmentepodemosañadirinformaciónsobre la imagen u otrotexto<br />
LINK<br />Título de la entrada<br />Dirección web<br />
VIDEO<br />Copiar el link de YouTube y pegarlo en Tumblr<br />
CITA<br />
Botonesparacompartir - Flickr<br />
Botonesparacompartir - YouTube<br />
Seguir el contenido de otros usuarios y compartir en tu blog/página<br />+ FOLLOW<br />
http://www.netvibes.com<br />http://www.netvibes.com/educacionartistica<br />
Crearunacuenta en Netvibes<br />
Publicamosnuestrapágina<br />Elegimos un nombre, tipo de cuenta e introducimos el género y la edad<br />
Elegimos la dirección URL de la página<br />http://www.netvibes.com/educacionartistica<br />
Escribimos un título y una descripción para la página<br />
Elegimos un tema de diseño<br />
Añadirpestañas a la página<br />Click en nuevapestaña<br />Añadimos un títulopara la pestaña<br />Elegimoscomomostrarlasca...
Añadircontenido<br />Buscamos el widget o módulo en el buscador, navegando por categorías, en los esenciales o a través de...
Imágen<br />Introducimos la URL de la imagen o la subimos directamente desde Mis documentos<br />
Imágenes desde Flickr<br />Introducimos el nombre del usuario (username) de Flickr para mostrar las imágenes de este usuar...
Búsqueda de imágenes<br />
Página web<br />Introducimos la URL, el título y el tamaño de la página web que queremos incrustar en nuesta web híbrida<b...
Link<br />Introducimos la URL de la página y click en guardar<br />
Nota<br />
Html – YouTube Video<br />Copiamos el código<br />
Pegamos el código<br />
Twitter<br />Introducimos en nombre del usuario de twitter para mostrar  sus tweets. Se actualiza automáticamente. <br />
Otros widgets<br />
Añadir una fuente RSS<br />
Cómocreartus RSS<br />Opción 1: <br />Click en icono RSS<br />Elegir el agregador o lector RSS (GoogleReader, My Yahoo, Ne...
Opción 1: Usar el icono RSS<br />Click en el icono RSS<br />
Elegir el lector de RSS (Google Reader, My Yahoo)<br />
RSS añadido al lector<br />
Opción 2: Añadir la web en el lector RSS<br />Click en Añadirunasuscripción<br />Copia y pegar la dirección o URL de la pa...
Añadir una fuente RSS<br /> en Netvibes<br />Introducimos la URL del blog, canal, página web, twitter  y añadimos el canal...
Próxima SlideShare
Cargando en…5
×

Web hibrida o mash up

1.539 visualizaciones

Publicado el

Tutorial para la realización de una web con Tumblr y Netvibes para el curso: Internet como recurso para la educación artística, plástica y visual. EducaThyssen. Museo Thyssen-Bornemisza.

Publicado en: Educación, Tecnología
1 comentario
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
1.539
En SlideShare
0
De insertados
0
Número de insertados
7
Acciones
Compartido
0
Descargas
21
Comentarios
1
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Web hibrida o mash up

  1. 1. Webhíbrida<br />Elena Villaespesa<br />Curso: Internet como recurso para la educación artística, plástica y visual<br />Museo Thyssen-Bornemisza<br />
  2. 2. http://www.tumblr.com<br />http://claseplastica.tumblr.com/<br />
  3. 3. Crearunacuenta en tumblr<br />Introducir email<br />Contraseña<br />Dirección o URL. Elegimoscuálserá la dirección de nuestrapágina. <br />Ej. Si introducimosclaseplastica, la direcciónseráhttp://claseplastica.tumblr.com<br />
  4. 4. Personalizamos y elegimos el diseño<br />Elegimos un título<br />Subimosunaimagen<br />
  5. 5. Elegimos un tema de diseño, color del título y fuente, logo. <br />
  6. 6. Estaes la página principal desdedondepodremoscrearlasentradas o artículos de nuestra web/blog<br />Opciones: texto, foto, cita, link, chat, audio, video<br />
  7. 7. TEXTO<br />Título de la entrada<br />Texto principal<br />
  8. 8. Editor de texto<br />Link<br />
  9. 9. IMAGEN<br />Elegimos la imagen en Misdocumentos<br />Opcionalmentepodemosañadirinformaciónsobre la imagen u otrotexto<br />
  10. 10. LINK<br />Título de la entrada<br />Dirección web<br />
  11. 11. VIDEO<br />Copiar el link de YouTube y pegarlo en Tumblr<br />
  12. 12. CITA<br />
  13. 13. Botonesparacompartir - Flickr<br />
  14. 14. Botonesparacompartir - YouTube<br />
  15. 15. Seguir el contenido de otros usuarios y compartir en tu blog/página<br />+ FOLLOW<br />
  16. 16. http://www.netvibes.com<br />http://www.netvibes.com/educacionartistica<br />
  17. 17. Crearunacuenta en Netvibes<br />
  18. 18.
  19. 19.
  20. 20. Publicamosnuestrapágina<br />Elegimos un nombre, tipo de cuenta e introducimos el género y la edad<br />
  21. 21. Elegimos la dirección URL de la página<br />http://www.netvibes.com/educacionartistica<br />
  22. 22. Escribimos un título y una descripción para la página<br />
  23. 23. Elegimos un tema de diseño<br />
  24. 24. Añadirpestañas a la página<br />Click en nuevapestaña<br />Añadimos un títulopara la pestaña<br />Elegimoscomomostrarlascajas de contenido /aplicaciones<br />Elegimos un iconopara la pestaña<br />
  25. 25. Añadircontenido<br />Buscamos el widget o módulo en el buscador, navegando por categorías, en los esenciales o a través de una fuente RSS.<br />Elegimos el widget y lo arrastramos a la zona de la pestaña que queramos. Posteriormente se puede modificar<br />Editamos el widget<br />
  26. 26. Imágen<br />Introducimos la URL de la imagen o la subimos directamente desde Mis documentos<br />
  27. 27. Imágenes desde Flickr<br />Introducimos el nombre del usuario (username) de Flickr para mostrar las imágenes de este usuario<br />
  28. 28. Búsqueda de imágenes<br />
  29. 29. Página web<br />Introducimos la URL, el título y el tamaño de la página web que queremos incrustar en nuesta web híbrida<br />
  30. 30. Link<br />Introducimos la URL de la página y click en guardar<br />
  31. 31. Nota<br />
  32. 32. Html – YouTube Video<br />Copiamos el código<br />
  33. 33. Pegamos el código<br />
  34. 34. Twitter<br />Introducimos en nombre del usuario de twitter para mostrar sus tweets. Se actualiza automáticamente. <br />
  35. 35. Otros widgets<br />
  36. 36. Añadir una fuente RSS<br />
  37. 37. Cómocreartus RSS<br />Opción 1: <br />Click en icono RSS<br />Elegir el agregador o lector RSS (GoogleReader, My Yahoo, Netvibes)<br />Agregar<br />Opción 2: <br />Abrir el agregador o lector RSS <br />Click en agregar<br />Copiar y pegar la web (URL) <br />
  38. 38. Opción 1: Usar el icono RSS<br />Click en el icono RSS<br />
  39. 39. Elegir el lector de RSS (Google Reader, My Yahoo)<br />
  40. 40. RSS añadido al lector<br />
  41. 41. Opción 2: Añadir la web en el lector RSS<br />Click en Añadirunasuscripción<br />Copia y pegar la dirección o URL de la pagina<br />Añadir<br />
  42. 42. Añadir una fuente RSS<br /> en Netvibes<br />Introducimos la URL del blog, canal, página web, twitter y añadimos el canal. <br />Arrastramos el widget a la pestaña donde queramos añadirlo. <br />

×