web hibrida o mash up

42
Web híbrida Elena Villaespesa Curso: Internet como recurso para la educación artística, plástica y visual Museo Thyssen-Bornemisza

Upload: elena-villaespesa

Post on 13-Jun-2015

1.139 views

Category:

Education


1 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Web hibrida o mash up

Web híbrida

Elena VillaespesaCurso: Internet como recurso para la educación artística, plástica y visualMuseo Thyssen-Bornemisza

Page 2: Web hibrida o mash up

http://www.tumblr.com http://claseplastica.tumblr.com/

Page 3: Web hibrida o mash up

Introducir email

Contraseña

Dirección o URL. Elegimos cuál será la dirección de nuestra página.

Ej. Si introducimos claseplastica, la dirección será http://claseplastica.tumblr.com

Crear una cuenta en tumblr

Page 4: Web hibrida o mash up

Personalizamos y elegimos el diseño

Elegimos un título

Subimos una imagen

Page 5: Web hibrida o mash up

Elegimos un tema de diseño, color del título y fuente, logo.

Page 6: Web hibrida o mash up

Esta es la página principal desde donde podremos crear las entradas o artículos de nuestra web/blogOpciones: texto, foto, cita, link, chat, audio, video

Page 7: Web hibrida o mash up

TEXTO

Título de la entrada

Texto principal

Page 8: Web hibrida o mash up

Editor de texto

Link

Page 9: Web hibrida o mash up

IMAGEN

Elegimos la imagen en Mis documentos

Opcionalmente podemos añadir

información sobre la imagen u otro texto

Page 10: Web hibrida o mash up

LINK

Título de la entrada

Dirección web

Page 11: Web hibrida o mash up

VIDEO

Copiar el link de YouTube y

pegarlo en Tumblr

Page 12: Web hibrida o mash up

CITA

Page 13: Web hibrida o mash up

Botones para compartir - Flickr

Page 14: Web hibrida o mash up

Botones para compartir - YouTube

Page 15: Web hibrida o mash up

Seguir el contenido de otros usuarios y compartir en tu blog/página

+ FOLLOW

Page 16: Web hibrida o mash up

http://www.netvibes.com

http://www.netvibes.com/educacionartistica

Page 17: Web hibrida o mash up

Crear una cuenta en Netvibes

Page 18: Web hibrida o mash up
Page 19: Web hibrida o mash up
Page 20: Web hibrida o mash up

Publicamos nuestra página

Elegimos un nombre, tipo de cuenta e introducimos el género y la edad

Page 21: Web hibrida o mash up

Elegimos la dirección URL de la página

http://www.netvibes.com/educacionartistica

Page 22: Web hibrida o mash up

Escribimos un título y una descripción para la página

Page 23: Web hibrida o mash up

Elegimos un tema de diseño

Page 24: Web hibrida o mash up

1. Click en nueva pestaña2. Añadimos un título para la pestaña3. Elegimos como mostrar las cajas de contenido /aplicaciones4. Elegimos un icono para la pestaña

Añadir pestañas a la página

Page 25: Web hibrida o mash up

Añadir contenido

1. Buscamos el widget o módulo en el buscador, navegando por categorías, en los esenciales o a través de una fuente RSS.

2. Elegimos el widget y lo arrastramos a la zona de la pestaña que queramos. Posteriormente se puede modificar

3. Editamos el widget

Page 26: Web hibrida o mash up

Imágen

Introducimos la URL de la imagen o la subimos directamente desde Mis documentos

Page 27: Web hibrida o mash up

Imágenes desde Flickr

Introducimos el nombre del usuario (username) de Flickr para mostrar las imágenes de este usuario

Page 28: Web hibrida o mash up

Búsqueda de imágenes

Page 29: Web hibrida o mash up

Página web

Introducimos la URL, el título y el tamaño de la página web que queremos incrustar en nuesta web híbrida

Page 30: Web hibrida o mash up

Link

Introducimos la URL de la página y click en guardar

Page 31: Web hibrida o mash up

Nota

Page 32: Web hibrida o mash up

Html – YouTube Video

Copiamos el código

Page 33: Web hibrida o mash up

Pegamos el código

Page 34: Web hibrida o mash up

Introducimos en nombre del usuario de twitter para mostrar sus tweets. Se actualiza automáticamente.

Twitter

Page 35: Web hibrida o mash up

Otros widgets

Page 36: Web hibrida o mash up

Añadir una fuente RSS

Page 37: Web hibrida o mash up

Cómo crear tus RSS

Opción 1: 1. Click en icono RSS2. Elegir el agregador o lector RSS (GoogleReader, My Yahoo,

Netvibes)3. Agregar

Opción 2: 4. Abrir el agregador o lector RSS 5. Click en agregar6. Copiar y pegar la web (URL)

Page 38: Web hibrida o mash up

Opción 1: Usar el icono RSS

Click en el icono RSS

Page 39: Web hibrida o mash up

Elegir el lector de RSS (Google Reader, My

Yahoo)

Page 40: Web hibrida o mash up

RSS añadido al lector

Page 41: Web hibrida o mash up

Opción 2: Añadir la web en el lector RSS

1. Click en Añadir una suscripción

2. Copia y pegar la dirección o URL de la pagina

3. Añadir

Page 42: Web hibrida o mash up

Añadir una fuente RSS en Netvibes

Introducimos la URL del blog, canal, página web, twitter y añadimos el canal.

Arrastramos el widget a la pestaña donde queramos añadirlo.