A continuación te ofrecemos una serie de ejercicios relacionados con el

curso Integración de la imagen en web 2.0 para que los realices a través
de este documento y se lo entregues a tu tutor.

Tendrás que completar los ejercicios rellenando campos de texto, por

ejemplo, copiando un nombre de usuario o direcciones web y realizando
capturas de pantalla que tendrás que insertar en el correspondiente campo
de imagen.

Si tienes dudas sobre como completar correctamente este cuaderno de

trabajo ponte en contacto con tu tutor.
Apuntes: Instrucciones para capturar pantallas

1. Visualiza en pantalla la ventana de aquello que

ción:
Recomenda quieres copiar.
e esté
procura qu
a, así no 2. Pulsa la tecla Imprimir Pantalla. En función
maximizad
lo que del teclado, aparecerá con distintas
se copiará
ás de la
tengas detr abreviaturas y en diferente posición.
ventana. Habitualmente suele llamarse ImprPant, Print
Screen, o similar.

En Windows XP lo tienes en Todos los programas / Accesorios

En Windows 8 lo tienes en la pantalla Inicio.

1. Abre Microsoft Paint

3. Una vez abierto Paint, haz clic en el botón Pegar

4. Para terminar, guarda la imagen en una carpeta de tu

ordenador. Importante: elige guardar como tipo .jpg.
Ejercicio 1: Optimización de imágenes
Tomando como origen un archivo de imagen BMP, tienes que obtener usando
GIMP esta misma imagen en formato JPG y otra en formato PNG. La imagen con
la que tienes que trabajar es la siguiente:

en
ar la imag
Para guard az clic
argarla, h
Para desc o sobre
ón derech
con el bot opción
elige la
ella, y imagen,
a rd a r como
Gu donde
un lugar
selecciona como
a rl a y nómbrala
ub ic
consideres. ies el
p ort a nte! No camb
¡I m ne que
rchivo. Tie
tipo de a
ser BMP

Solución: inserta las imágenes que has guardado dentro del recuadro:

JPG PNG
Ejercicio 2: Dimensiones de la imagen
Este ejercicio consiste en escalar una imagen y añadirle un texto.

1. Descarga la imagen que está situada en el recuadro y a continuación la

abres con GIMP.

de la
Descárgala
a que
misma maner
ercicio
en el ej
anterior.

2. Escala la imagen con las siguientes medidas:

Anchura: 480 píxeles

Altura: que quede proporcional con la anchura

3. Añade el texto LA PUERTA DE ALCALÁ en la parte inferior de la imagen.

El texto debe tener las siguientes características:

Color de fuente: amarillo.

Tipo de fuente: una de tu preferencia.

Tamaño: ajústalo al espacio que ocupa el ancho de la

carretera.
4. Exporta la imagen con el nombre Puerta_de_Alcalá_con_texto.jpg e
insértala en el recuadro.
Ejercicio 3: Efectos especiales
Este ejercicio consiste en escalar una imagen y añadirle un texto.

1. Descarga la imagen que está situada en el recuadro y a continuación la

abres con GIMP.

de la
Descárgala
a que
misma maner
ercicio
en el ej
anterior.

2. Aplica el filtro Distorsiones de lente que está en el grupo Distorsiones

con las siguientes propiedades:

e obtener
Tendrías qu
similar a la
una imagen
a de esta
vista previ
imagen
3. Exporta la imagen con el nombre Bodegón_con_filtro.jpg e insértala en el
recuadro.
Ejercicio 4: Tratamiento de imágenes por lotes
Este ejercicio consiste en redimensionar una cantidad de imágenes en un solo
paso con el plugin DBP (David’s Batch Processor).

1. Descarga las imágenes que están situada en el recuadro y a continuación la

abres con GIMP.

s imágenes
Descarga la
a manera
de la mism
en ejercicios
que
anteriores.

2. Desde GIMP abre el plugin DBP y sigue las siguientes instrucciones:

Input: añade las imágenes que descargaste hace un momento.

Resize: manteniendo la relación de aspecto (keep aspect)

X scale: 0.75

Y scale: 0.75
 Rename: en add prefix escribe redu_

Output: Format: JPG

Quality: 0.80

3. Cuando finalices estas instrucciones, haz clic en Start para comenzar la

redimensión.
4. Haz una captura de pantalla de la carpeta donde se han guardado las
imágenes e insértala en el recuadro situado debajo. Esta carpeta debería
ser la misma donde tenías guardadas las originales.

el
objetivos d
Uno de los que
e percibas
curso es qu uido
ha dismin
el tamaño
mente.
considerable
Detalle de
Con la Vista á
se apreciar
Windows
mejor
Ejercicio 5: Flickr: crear una cuenta
Este ejercicio consiste en crear una cuenta en Flickr para luego subir unas
imágenes que incluirás en un álbum.

1. Accede a https://www.flickr.com/ y crea una cuenta tal y como aprendiste

durante el tema. Los datos del formulario no tienen por qué ser datos
reales si no quieres. Escribe tu nombre de usuario debajo:

Escribe aquí tu nombre de usuario en Flickr

2. Cuando hayas creado la cuenta, accede a ella y sube la siguiente foto

(recuerda que la tienes que descargar como has estado haciendo hasta
ahora):

Rellena lo siguiente:

Descripción: Grecia

Etiquetas: Grecia mar

Álbumes: Europa
3. Haz una captura de pantalla desde Álbumes para que se vea la imagen que
has subido e insértala en el recuadro
Ejercicio 6: Picasa web: qué es y cómo funciona
Este ejercicio consiste en practicar con Picasa o Fotos de Google subiendo
imágenes a un álbum que vas a crear.

1. Crea una cuenta Gmail desde gmail.com. Rellena los datos que te pide (no
tienen por qué ser datos reales si no quieres) y accede a tu cuenta.

Escribe aquí tu correo Gmail

2. Sube a Picasa las imágenes del ejercicio 4 dentro de un álbum que se va a

llamar Edificios modernos. No compartas en Google +.
3. Haz una captura de pantalla desde Álbumes para que se vea las imágenes
que has subido e insértala en el recuadro:
Ejercicio 7: Photobucket: qué es y cómo funciona
Este ejercicio consiste en practicar con Photobucket creando una cuenta y
subiendo imágenes a un álbum que vas a crear.

1. Crea una cuenta en Photoblucket rellenando los datos que te pida. Estos
datos no tienen por qué ser reales si no quieres. Cuando termines escribe
el nombre de tu usuario debajo:

Escribe aquí tu nombre de usuario en Photobucket

2. Descarga las siguientes imágenes como has estado haciendo en ejercicios

anteriores:

Golden Gate Puente de las Cadenas

Puente Rialto Tower Bridge

3. Accede a Photobucket y sube las fotos de los puentes y añade el nombre

de cada puente a su fotografía correspondiente.
4. Crea un álbum que se llame Puentes y añade las 4 imágenes.
5. Haz una captura de pantalla en la que se vea tu álbum y las imágenes
dentro e insértala en el recuadro:
Ejercicio 8: Slideshare: presentaciones en línea
Este ejercicio consiste en practicar con Slideshare creando una cuenta y subir
una presentación hecha con PowerPoint.

1. Crea una cuenta en Slideshare rellenando los datos que te pidan. Los datos
no tienen por qué ser reales si no quieres. Anota tu nombre de usuario en
el recuadro:

Escribe aquí tu nombre de usuario en Slideshare

2. Accede a tu nueva cuenta y haz una búsqueda con el texto “Juan

Genovés”. Hay al menos una presentación realizada por alguien llamado
Samu Galindo. Descárgala a tu ordenador.
3. Esta misma presentación súbela a tu cuenta de Slideshare.
4. Haz una captura de pantalla en la que se vea el archivo que has subido e
insértala en el recuadro:
Ejercicio 9: Google maps: creación de mapas
Este ejercicio consiste en practicar con Google maps creando un mapa de lugares
de interés.

1. Accede a Google maps con tu cuenta de Gmail iniciada.

2. Crea un mapa que se llama Parques y Jardines de Madrid que contenga
los siguientes lugares:

3. Haz una captura de pantalla en la que se vea tu mapa e insértala en el

recuadro:
Ejercicio 10: Compartir recursos de Flickr
Este ejercicio consiste en compartir tus fotos que subiste a Flickr en un blog.

1. Crea un blog en Blogger con la cuenta de correo Gmail que ya tienes de un

ejercicio anterior. Este blog te va a servir para el resto de ejercicios de
este curso.

Rellena lo siguiente:

Título: Integración de la imagen en la Web 2.0

Dirección: la que quieras, la única condición es que esté libre.

Plantilla: Sencillo

2. Anota el nombre de tu nuevo blog en el recuadro:

Anota aquí el nombre de tu blog

3. Accede a tu cuenta de Flickr y accede a tu álbum Europa, donde tienes la

imagen Grecia. Consigue el código embed.
4. Accede a tu blog y crea una nueva entrada rellenando lo siguiente:

Título de la entrada: Compartir recursos de Flickr

Texto de la entrada: Imagen de Grecia

Imagen: inserta el código embed

5. Publica y visualiza el blog y haz una captura de pantalla en la que se vea tu
post con la imagen de Grecia. Inserta la captura en el recuadro:
Ejercicio 11: Compartir recursos de Picasa web
Este ejercicio consiste en compartir una foto que subiste a Picasa en Blogger.

1. Accede a tu blog y crea una nueva entrada con los siguientes datos:

Título de la entrada: Compartir una imagen de Picasa

Texto de la entrada: Edificio moderno

Imagen: inserta uno de los edificios que tienes en Picasa web.

2. Publica la entrada y visualiza el blog.

3. Haz una captura de pantalla en la que se vea tu nuevo post e insértala en el
recuadro:
Ejercicio 12: Compartir recursos de Photobucket
Este ejercicio consiste en compartir una presentación con fotografías que
subiste a Photobucket en un ejercicio anterior.

1. Accede a Photobucket con la cuenta que creaste.

2. Localiza el álbum Puentes.
3. Inserta el álbum completo en una nueva entrada de Blogger con los
siguientes datos:

Título de la entrada: Compartir una presentación de

Photobucket

Texto de la entrada: Puentes del mundo

Imagen: inserta el código de la presentación en la nueva

entrada.

4. Publica la entrada y visualiza el blog.

5. Haz una captura de pantalla en la que se vea tu nuevo post e insértala en el
recuadro:
Ejercicio 13: Compartir presentaciones de
Slideshare
Este ejercicio consiste en compartir una presentación que ya tienes en
Slideshare y compartirla en Blogger.

1. Accede a tu cuenta de Slideshare con tu usuario.

2. Localiza la presentación sobre Juan Genovés que subiste en un ejercicio
anterior.
3. Consigue el código embed y cópialo.
4. Accede a tu blog de Blogger y crea una nueva entrada con los siguientes
datos:

Título de la entrada: Compartir una presentación de

Slideshare.

Texto de la entrada: Juan Genovés

Imagen: inserta el código de la presentación en la nueva

entrada.
5. Publica la entrada y visualiza el blog.
6. Haz una captura de pantalla en la que se vea tu nuevo post e insértala en el
recuadro:
Ejercicio 14: Compartir un mapa de Google maps
Este ejercicio consiste en compartir un mapa que ya tienes en Google maps y
compartirlo en Blogger.

1. Accede a Google maps con tu usuario de Gmail.

2. Localiza el mapa Parques y jardines de Madrid.
3. Consigue el código embed y cópialo.
4. Accede a tu blog de Blogger y crea una entrada nueva con los siguientes
datos:

Título de la entrada: Compartir un mapa de Google maps.

Texto de la entrada: Parques y jardines de Madrid

Imagen: inserta el código del mapa en la nueva entrada.

5. Publica la entrada y visualiza el blog.

6. Haz una captura de pantalla en la que se vea tu nuevo post e insértala en el
recuadro: