Web hibrida o mash up
-
Upload
elena-villaespesa -
Category
Education
-
view
1.146 -
download
1
description
Transcript of Web hibrida o mash up
![Page 1: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/2.jpg)
http://www.tumblr.com http://claseplastica.tumblr.com/
![Page 3: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/4.jpg)
Personalizamos y elegimos el diseño
Elegimos un título
Subimos una imagen
![Page 5: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/5.jpg)
Elegimos un tema de diseño, color del título y fuente, logo.
![Page 6: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/7.jpg)
TEXTO
Título de la entrada
Texto principal
![Page 8: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/8.jpg)
Editor de texto
Link
![Page 9: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/9.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/10.jpg)
LINK
Título de la entrada
Dirección web
![Page 11: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/11.jpg)
VIDEO
Copiar el link de YouTube y
pegarlo en Tumblr
![Page 12: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/12.jpg)
CITA
![Page 13: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/13.jpg)
Botones para compartir - Flickr
![Page 14: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/14.jpg)
Botones para compartir - YouTube
![Page 15: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/15.jpg)
Seguir el contenido de otros usuarios y compartir en tu blog/página
+ FOLLOW
![Page 16: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/16.jpg)
http://www.netvibes.com
http://www.netvibes.com/educacionartistica
![Page 17: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/17.jpg)
Crear una cuenta en Netvibes
![Page 18: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/18.jpg)
![Page 19: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/19.jpg)
![Page 20: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/20.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/21.jpg)
Elegimos la dirección URL de la página
http://www.netvibes.com/educacionartistica
![Page 22: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/22.jpg)
Escribimos un título y una descripción para la página
![Page 23: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/23.jpg)
Elegimos un tema de diseño
![Page 24: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/24.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/25.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/26.jpg)
Imágen
Introducimos la URL de la imagen o la subimos directamente desde Mis documentos
![Page 27: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/27.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/28.jpg)
Búsqueda de imágenes
![Page 29: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/29.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/30.jpg)
Link
Introducimos la URL de la página y click en guardar
![Page 31: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/31.jpg)
Nota
![Page 32: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/32.jpg)
Html – YouTube Video
Copiamos el código
![Page 33: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/33.jpg)
Pegamos el código
![Page 34: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/34.jpg)
Introducimos en nombre del usuario de twitter para mostrar sus tweets. Se actualiza automáticamente.
![Page 35: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/35.jpg)
Otros widgets
![Page 36: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/36.jpg)
Añadir una fuente RSS
![Page 37: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/37.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/38.jpg)
Opción 1: Usar el icono RSS
Click en el icono RSS
![Page 39: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/39.jpg)
Elegir el lector de RSS (Google Reader, My
Yahoo)
![Page 40: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/40.jpg)
RSS añadido al lector
![Page 41: Web hibrida o mash up](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/41.jpg)
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](https://reader035.fdocuments.net/reader035/viewer/2022062313/557bbd19d8b42a525b8b4fe8/html5/thumbnails/42.jpg)
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.