Servicios Web 2.0 ::: Flickr: galería de fotografías Diseño de materiales multimedia. Web 2.0. 5.2 Flickr: galería de fotografías



Documentos relacionados
Páginas web ::: Mi primera página Diseño de materiales multimedia. Web Mi primera página

Servicios Web 2.0 ::: Slide.com: presentación de imágenes Diseño de Webs Educativas (Iniciación) 5.3 Slide.com: presentación de imágenes

Páginas web ::: Kompozer: instalación y uso Diseño de materiales multimedia. Web Kompozer: instalación y uso

Páginas web ::: Viñetas y marcadores Diseño de materiales multimedia. Web Viñetas y marcadores

PRÁCTICA 2. AMPLIAR LA WEB

Portafolios en CREA 2. Manual

Integración de Google Docs en tu blog

Imagen ::: Galería de fotos Diseño de materiales multimedia. Web Galería de fotos

Mi primer libro interactivo con EdiLIM

Páginas web ::: Edición web en línea con Kompozer Diseño de materiales multimedia. Web Edición web en línea con Kompozer

Páginas web ::: Noticias RSS de un sitio web Diseño de materiales multimedia. Web Noticias RSS de un sitio web

Si utilizas esta aplicación por primera vez, te puede ser de utilidad este breve manual.

Tutorial de Dreamweaver MX 2004

7. Composer: Imágenes

CESDE ESCUELA DE PROCESOS TECNOLOGICOS E INDUSTRIALES AMBIENTES COLABORATIVOS WORDPRESS

Uso del portafolio digital

1.2 Instalar ScribeFire en Mozilla Firefox

Guía para el registro

Multiply: repositorio de archivos Diseño de materiales multimedia. Web Multiply: repositorio de archivos

COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.

Acceso al panel de gestión

1.- GENERAL. 2.- INGRESO AL SISTEMA.

Tema 8. Creación y diseño de un sitio web

Cómo crear un enlace de Aula virtual para utilizar la sesión de Aula Virtual predeterminada.

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Páginas web ::: El sitio web: estructura y navegación Diseño de materiales multimedia. Web Sitio web: estructura y navegación

Para poder navegar en Internet debes primeramente elegir el navegador que vas a utilizar, que puede ser:

Páginas web ::: Hojas de estilo CSS Diseño de materiales multimedia. Web Hojas de estilo CSS

CÓMO ADMINISTRAR TU SITIO WEB Y PUBLICAR

Aplicaciones didácticas en Internet: DREAMWEAVER Bloque 2

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder

Informática. Cómo haría yo un blog y un moodle?

webmaker Guía básica Tu web en 3 pasos Índice

Manual de Flickr 20 MB 2 GB. 3 Ilimitadas 5 MB 10 MB

Servicios Web 2.0 ::: Scribd, documentos en línea Diseño de materiales multimedia. Web Scribd: documentos en línea

agenciaisbn.es Manual de uso Herramienta de gestión Enero 2011

GUÍA DE USUARIO DEL CORREO

USO DE REDES SOCIALES EN EL AULA Página: 1

Tutorial de carga de fotos en

Manual de iniciación a

Manual de usuario Versión 1.0

GUÍA DE UTILIZACIÓN DEL FORMULARIO DE SOLICITUD DE RECONOCIMIENTOS

7.1. Mandar mensajes privados 7.2. Escribir en la biografía de un amigo 7.3. Chatear

Páginas web ::: Tablas Diseño de materiales multimedia. Web Tablas

Tutorial Flickr. Sitio web que permite almacenar y compartir fotografías y videos en línea.

Páginas web ::: Documentos PDF en la web Diseño de materiales multimedia. Web Documentos PDF en la web

Crear una presentación

Manual de NVU Capítulo 4: Los enlaces

Versión: Desarrollado por AloOnline Alojamiento Web

1. Goear. 1.1 Qué es GoEar? 1.2 Subir tu audio mp3 a GoEar

Tabletas en el aula. Mi primer documento de texto con WPS Office. Edición Autor: Fernando Posada Prieto canaltic.com

Páginas web ::: Formularios Diseño de materiales multimedia. Web Formularios

TEMA 7: COMPARTIR, ORDENAR Y EDITAR FOTOGRAFÍAS CON PICASA

STRATO LivePages Inicio rápido

Manual para la Base de Datos de Expertos en Zonas Áridas

Navegar en Bing Maps. Paso 1: Iniciar Bing Maps. Paso 2: Cambiar localización del mapa

Páginas web ::: Publicación web por FTP Diseño de materiales multimedia. Web Publicación web por FTP

Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web Cómo diseñar un menú de navegación?

HOOTSUITE: GESTOR DE CUENTAS EN REDES SOCIALES

Gestión de Extensiones en Joomla!

ANEXO Windows 98. En el curso trabajaremos con Windows 98, el sistema operativo instalado en las computadoras del Laboratorio.

Nos identificamos con nuestro nombre de usuario y la contraseña y llegamos a esta página

MANUAL DE MOVIE MAKER

Apuntes para hacer páginas Web con FrontPage

MANUAL GESTIÓN CMS ONLINE

AMPLIANDO EL USO DEL EL CORREO ELECTRÓNICO: ARCHIVOS ADJUNTOS

UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES

PowerPoint 2010 Manejo de archivos

Gestor de Citas Bibliográficas Zotero

PREGUNTAS FRECUENTES

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS

GOOGLE DRIVE GERENCIA DE TECNOLOGIA

Páginas web ::: Archivos ZIP Diseño de materiales multimedia. Web Archivos ZIP

Utilizar Skydrive. Cargar y Compartir Archivos.

Archivos y Carpetas. Archivos y Carpetas

Tutorial Google Sites

TEMA 8: CREACIÓN Y PERSONALIZACIÓN DE UN BLOG

REGISTRAR LOS SITIOS WEB MÁS INTERESANTES

I.E. FRANCISCO ANTONIO DE ZELA MANUAL DE MOVIE MAKER

Manual de Usuario CMS

WINDOWS. Iniciando Windows. El mouse

Una guía rápida para. Crear Boletines de Noticias

CUADERNIA 2.0. CÓMO INSTALAR CUADERNIA 2.0 Para instalar Cuadernia debemos seguir los siguientes pasos:

Tabletas en el aula. Edición de fotos con PicsArt Photo Studio. Edición Autor: Fernando Posada Prieto canaltic.com

HERRAMIENTAS DE ALMACENAMIENTO EN LA NUBE

MANUAL DE USUARIO DE CUENTAS DE CORREO

RELACIÓN DE PRÁCTICAS DEL TEMA 2

1 Itinerario. 2 Descripción y funcionalidades principales. Google Docs. 1.1 Qué vamos a hacer? 1.2 Qué pasos vamos a seguir?

Plataforma Educativa Manual del Docente Nivel II Módulo 3 Wiki

Qlik Sense Cloud. Qlik Sense Copyright QlikTech International AB. Reservados todos los derechos.

Manual para usuarios USO DE ONEDRIVE. Universidad Central del Este

Manual de Usuario. Gestor Documental

JotForm: formularios en línea Diseño de materiales multimedia. Web JotForm: formularios en línea

Una guía rápida para. Crear Autorespuestas

MICROSOFT FRONTPAGE Contenido

POSICIONAMIENTO EN BLOGGER: SEO (SEARCH ENGINE OPTIMIZATION)

Entorno Virtual Uso educativo de TIC en la UR Tutorial de uso de:

MÓDULO 2 Ejercicios Guiados. Ejercicio guiado No.2: Subir fotos al Flickr

Te explicamos cómo poner la firma de correo con tu imagen, en los clientes de correo más utilizados:

Transcripción:

417 5.2 Flickr: galería de fotografías

418 5.2 Flickr: galería de fotografías 5.2.1 Introducción Flickr (http://www.flickr.com) es un espacio donde se puedes administrar y compartir tus fotos en línea. Las características más destacadas de este servicio son: Subir fotos. Puedes hacerlo desde tu equipo, enviándolas por correo electrónico o utilizando el teléfono móvil con su cámara. Organizar. Clasifica las fotos en colecciones o álbumes. A cada imagen se le puede asignar una etiqueta para facilitar su búsqueda. Compartir. Utiliza grupos y controles de privacidad para compartir tus fotos. Mapas. Sobre un mapa de Google Maps se puede geolocalizar el lugar donde se tomó cada foto y compartirlo con los demás. Publicaciones. Puedes elaborar tarjetas, albumes, marcos, etc utilizando las imágenes subidas. Mantenerse en contacto. Para enviar y recibir información sobre las actualizaciones de fotografías de familiares y amigos. La exploración de todas las posibilidades de Flickr excede el propósito de este curso. Se propone centrarse en la utilización de estas imágenes en línea en documentos web. Para disponer de acceso a Flickr es necesario disponer de una cuenta en Yahoo. Desde la portada de Flickr se puede crear una pulsando en el botón Crear tu cuenta. 5.2.2 Subir fotografías a Flickr 1. Descarga y descomprime el archivo flickr.zip a una carpeta del equipo. Como resultado de esta tarea se obtendrá una colección de fotografías para ser subidas a Flickr. 2. Abre Mozilla Firefox y visita la web de Flickr en la URL: http://www.flickr.com. 3. Clic en el enlace Iniciar sesión e introduce tus 4. Pulsa en el enlace Subir fotos. En este caso vamos a utilizar el Uploader Básico de Flickr. Selecciona esta opción si no se muestra la página recogida en la captura de pantalla adjunta. 5. En la página Subir fotos en Flickr pulsa en el botón Examinar para localizar la primera fotografía en la carpeta de tu disco duro. Repite este paso para algunas fotografías más del resto de la carpeta.

419 6. En el apartado Agregar etiquetas para TODAS estas imágenes introduce los términos que luego facilitarán la localización de las imágenes en el buscador de Flickr. Ejemplo: Asturias, paisajes 7. Configura el resto de opciones de privacidad, seguridad, tipo de contenidos, etc. 8. Clic en el botón Cargar. 9. Una vez concluido el proceso de subida se mostrará el panel Describe tus fotos donde es posible asignar títulos, descripciones y etiquetas a cada imagen de forma invididual. Para terminar pulsa en el botón Guardar el lote. 10. Las fotos estarán disponibles en la pestaña Tu > Tus fotos. Nota: Otra posibilidad para subir fotos a Flickr es descargar e instalar una herramienta de carga que se ofrece en esta página. Se trata de una aplicación local que permite subir imágenes con sólo arrastrar y soltar.

420 5.2.3 Organizar en álbumes 2. Desde el menú superior horizontal haz clic en la opción Organizar. Tras unos segundos de carga se mostrará el organizador de Flickr. 3. Clic en la pestaña Álbumes y luego en el enlace Crear nuevo álbum. 4. Desde el panel de nuevo album: 4.1 Introduce el título del álbum, p.e.: Mi viaje por Asturias. 4.2 Para añadir fotografías a este nuevo álbum debes arrastrar las imágenes que aparecen en la franja inferior al panel derecho superior. 4.3 Arrastra una imagen del álbum al cuadrado visor que aparece sobre el título. Esta será la imagen que represente el albúm. 4.4 Pulsa en el botón Guardar. 5.2.4 Situar las fotos en el mapa (geolocalización) 2. Desde el menú superior horizontal haz clic en la opción Organizar. Tras unos segundos de carga se mostrará el organizador de Flickr. 3. Clic en la pestaña Mapa para acceder al interfaz donde podremos situar sobre el mapa cada una de las fotos (geolocalización). Conviene elegir que el mapa sea de acceso público. 4. En la casilla Buscar un lugar introduce el término Asturias para obtener el mapa de esta Comunidad Autónoma con el zoom adecuado. 5. En el panel inferior selecciona el álbum Mi viaje por Asturias y luego arrastra cada fotografía para ubicarla en su localidad: Luarca (Valdés), Cudillero, Gijón, Luarca, Oviedo y Cabo de Peñas. Para eliminar una imagen del mapa arrastra el círculo hasta el panel inferior.

421 6. Una vez concluida la geolocalización de las distintas imágenes haz clic en el enlace Tus fotos situado en la esquina superior derecha del mapa. 5.2.5 Integración HTML de una imagen Flickr 2. Desde la página Tus fotos selecciona una imagen haciendo clic sobre ella para visualizarla en solitario.

422 3. Haz clic derecho sobre la fotografía y selecciona la opción Copiar la ruta de la imagen. 4. Abre Kompozer 5. Sobre un documento web nuevo añade un título con formato Título 1. Por ejemplo: Mi imagen en Flickr 6. Haz clic sobre el documento para situar el cursor debajo del título. 7. Clic sobre el botón Imagen para insertar una imagen en el documento 8. En el cuadro de diálogo Propiedades de la imagen haz clic derecho sobre el cuadro de texto Ubicación de la imagen y selecciona Pegar.

423 9. Esta tarea pegará la URL absoluta de la imagen que al cabo de unos segundos se mostrará en la Vista preliminar. 10. Introduce el Texto alternativo. Por ejemplo: El Faro de Cudillero. 11. Clic en el botón Aceptar. 12. Pulsa en el botón Guardar, introduce un título de página y guardarla con el nombre flickr_image.html 13. Clic en el botón Navegar de la barra de herramientas de Kompozer para visualizar el resultado en el navegador Firefox. 5.2.6 Integración HTML de una presentación de fotografías Flickr 2. En la barra de menús de Flickr selecciona Tú > Tus Álbumes. 3. A continuación haz clic sobre el album creado anteriormente. Una vez dentro del álbum observa que existe un enlace con el texto Ver como presentación. Si se hace clic en este enlace se mostrará una presentación con la secuencia de fotografías que forman parte del álbum. 4. Mientras estás visualizando esta presentación se puede seleccionar la URL de esta presentación en la barra de dirección del navegador. Para ello haz clic derecho sobre la barra de direcciones y elige Seleccionar todo. A continuación haz clic derecho y selecciona Copiar. Otra posibilidad es regresar a la ventana anterior y hacer clic derecho sobre el enlace Ver como presentación para seleccionar la opción Copiar la ruta del enlace. En cualquiera de los dos casos se copia al portapapeles la URL de esta presentación.

424 5. Abre Kompozer y sobre un documento web nuevo escribe el texto Mi presentación en Flickr en formato Titulo 1. 6. Sitúa el cursor debajo del título y a continuación selecciona Insertar > HTML. 7. En el cuadro de diálogo Insertar HTML haz clic sobre el cuadro de texto, haz clic derecho y elige Pegar. 8. En el documento actual debes crear un marco interno (IFRAME) que apunte a esta URL absoluta que hemos pegado. Para ello escribe: <iframe src="<url>" width="800" height="600"> </iframe> donde <url> es la dirección entre comillas que hemos copiado. Los atributos width y height definen el tamaño del marco interno. 9. Clic en el botón Insertar. 10. Pulsa en el botón Guardar, introduce un título de página y guardarla con el nombre flickr_gallery.html 11. Clic en el botón Navegar de la barra de herramientas de Kompozer para visualizar el resultado en el navegador Firefox.

425 5.2.7 Integración HTML de un mapa de Flickr 2. En la barra de menús de Flickr selecciona Tú > Tu Mapa 3. Una vez dentro del mapa haz clic sobre el enlace inferior Filtros. 4. En la lista Persona elige la opción Tú para que en el mapa se muestren sólo las fotos que has colocado sobre el mapa. 5. En la esquina inferior derecha del mapa pulsa sobre el enlace Vincular a esto 6. Se muestra el cuadro de diálogo Vincular a esta mapa. Clic derecho sobre el contenido de este cuadro de texto y selecciona primero Seleccionar todo y luego Copiar. 7. Abre Kompozer y sobre un documento web nuevo escribe el texto Mi mapa en Flickr en formato Titulo 1. 8. Sitúa el cursor debajo del título y a continuación selecciona Insertar > HTML. 9. En el cuadro de diálogo Insertar HTML haz clic sobre el cuadro de texto, haz clic derecho y elige Pegar. 10. En el documento actual debes crear un marco interno (IFRAME) que apunte a esta URL absoluta que hemos pegado. Para ello escribe: <iframe src="<url>" width="800" height="600"> </iframe> donde <url> es la dirección entre comillas que hemos copiado. Los atributos width y height definen el tamaño del marco. 11. Clic en el botón Insertar de este cuadro de diálogo. 12. Pulsa en el botón Guardar, introduce un título de página y guardarla con el nombre flickr_map.html 13. Clic en el botón Navegar de la barra de herramientas de Kompozer para visualizar el resultado en el navegador Firefox.