IMAGEN INTERACTIVA.
¡ Hola a tod@s !
Hoy os traigo una tarea que consiste en como hacer una imagen interactiva con Genial.ly, pero primero os voy a definir lo que es imagen interactiva: es aquella en la que se tienen instrucciones y se pueden ver al pasar el ratón o cursor sobre los puntos señalados en la imagen y también podemos encontrar información, imágenes o URL.
Primero os explicaré como siempre el proceso que sigo en esta App:
1- Como siempre lo que tenemos que hacer es crearnos una cuenta y contraseña o si estás registrado, simplemente iniciar sesión.
2- La siguiente imagen que se verá es de todos tus antiguos trabajos con esta App pero para crear uno nuevo tendrás que hacer, como siempre, dirigirte a la parte superior izquierda y pulsar "crear". Nosotros crearemos una imagen interactiva; lo primero que nos manda es elegir una "primera imagen" que tendrás que tener guardada en tu dispositivo. Una vez que lo hayas hecho "crear mi nueva imagen interactiva".
3- Ahora lo que vemos es la imagen elegida y tenemos como siempre en esta App, en la barra lateral izquierda, distintas opciones (ya os expliqué en otras ocasiones las funciones de cada una de ellas). Nos centraremos en interactividad, sobre todo en iconos que es lo más necesario en esta tarea. Al pinchar en "interactividad" yo me centré en los "animados" ya que me parecían más atractivos para señalizar las partes del ordenador y la torre.
4- Después de colocar los distintos iconos donde elijas, puedes escribir en ellos, añadir imágenes, etc.; tendríais que experimentar más opciones.
5- En el botón "previsualizar" podemos ir viendo el texto que tenemos escrito y ver también como queda. Cuando decidamos finalizar pulsaremos el botón "compartir", después pulsaremos "embeber" y copiamos el código ofrecido para pegarlo en el "HTML" de nuestra entrada en el blog (en mi caso).
Así de fácil sería. Espero que os haya sido de ayuda la breve explicación que os he ofrecido.
DIFICULTADES ENCONTRADAS:
- Para ser sincera, la única dificultad que encontré fue la búsqueda de imágenes con buena calidad y que mostrasen toda la información que necesitaba nombrar en la propia tarea. Otra cuestión, aunque no podría denominarla dificultad sería que algunas páginas ofrecían información contraria.
OPINIÓN PERSONAL:
- Estas tareas me parecen entretenidas y fáciles de realizar y en muchos casos amenas.
Hasta la próxima amigos.
Hoy os traigo una tarea que consiste en como hacer una imagen interactiva con Genial.ly, pero primero os voy a definir lo que es imagen interactiva: es aquella en la que se tienen instrucciones y se pueden ver al pasar el ratón o cursor sobre los puntos señalados en la imagen y también podemos encontrar información, imágenes o URL.
Primero os explicaré como siempre el proceso que sigo en esta App:
1- Como siempre lo que tenemos que hacer es crearnos una cuenta y contraseña o si estás registrado, simplemente iniciar sesión.
2- La siguiente imagen que se verá es de todos tus antiguos trabajos con esta App pero para crear uno nuevo tendrás que hacer, como siempre, dirigirte a la parte superior izquierda y pulsar "crear". Nosotros crearemos una imagen interactiva; lo primero que nos manda es elegir una "primera imagen" que tendrás que tener guardada en tu dispositivo. Una vez que lo hayas hecho "crear mi nueva imagen interactiva".
3- Ahora lo que vemos es la imagen elegida y tenemos como siempre en esta App, en la barra lateral izquierda, distintas opciones (ya os expliqué en otras ocasiones las funciones de cada una de ellas). Nos centraremos en interactividad, sobre todo en iconos que es lo más necesario en esta tarea. Al pinchar en "interactividad" yo me centré en los "animados" ya que me parecían más atractivos para señalizar las partes del ordenador y la torre.
4- Después de colocar los distintos iconos donde elijas, puedes escribir en ellos, añadir imágenes, etc.; tendríais que experimentar más opciones.
5- En el botón "previsualizar" podemos ir viendo el texto que tenemos escrito y ver también como queda. Cuando decidamos finalizar pulsaremos el botón "compartir", después pulsaremos "embeber" y copiamos el código ofrecido para pegarlo en el "HTML" de nuestra entrada en el blog (en mi caso).
Así de fácil sería. Espero que os haya sido de ayuda la breve explicación que os he ofrecido.
DIFICULTADES ENCONTRADAS:
- Para ser sincera, la única dificultad que encontré fue la búsqueda de imágenes con buena calidad y que mostrasen toda la información que necesitaba nombrar en la propia tarea. Otra cuestión, aunque no podría denominarla dificultad sería que algunas páginas ofrecían información contraria.
OPINIÓN PERSONAL:
- Estas tareas me parecen entretenidas y fáciles de realizar y en muchos casos amenas.
- Esta es mi imagen interactiva, espero que os encante.
- El siguiente vídeo es una buena forma de entender este proceso, por si tenéis dudas.
WEBGRAFÍA
Comentarios
Publicar un comentario