Guía Didáctica - Botones Interactivos
description
Transcript of Guía Didáctica - Botones Interactivos
Universidad Nacional Autónoma de Nicaragua, Managua
Recinto Universitario Rubén Darío
Facultad de Educación e Idiomas
Departamento de Tecnología Educativa
Carrera de Informática Educativa
Asignatura Diseño Gráfico
Creación de botones interactivo en Indesign cs6
Actividad 1: Creando un nuevo documento
1. Descargo de la plataforma el archivo comprimido “Recurso_semana14”
2. Abro el programa de Indesign.
3. Creo un nuevo documento con las siguientes características:
Calidad: Establezco un documento para publicación digital.
Número de página: 3
Tamaño: Carta
Orientación: Vertical
4. Haciendo uso de los recursos y las habilidades adquiridas en las clases
anteriores doy la siguiente apariencia a la páginas:
Página 1:
Página 2:
Página 3:
Actividad 2: Aplicando animación
5. En la página 1, selecciono el título (la caja de texto) y aplico la animación
“Entrar volando desde la izquierda”
6. Para aplicar una animación, hago clic en la ventana de “Animación”
7. Observo que se desplaza la ventana de “Animación” que contiene las
siguientes opciones
A. Pre visualización: que muestra la trayectoria
de la animación.
B. Valor: Al hacer clic en la flechita, se
desplaza un submenú con todas las opciones
de animación que puede aplicarse al objeto
seleccionado.
C. Vista previa: Muestra cómo se visualizará el efecto de
animación aplicado al objeto
8. Repitiendo el mismo procedimiento anterior aplico los siguientes efectos
de animación a:
A. Página 1:
Imagen note1.png = Intensificar
Imagen note2.png = Intensificar
Imagen note3.png = Intensificar
Texto Concepto = Entrar volando desde la izquierda con
desenfoque.
Texto Utilidad = Entrar volando desde la derecha con
desenfoque.
Texto R.A entrenamiento = Entrar volando desde la abajo
con desenfoque.
B. Página 2:
Titulo = Entrar volando desde la izquierda
Párrafo = Entrar volando desde la derecha
Imagen ra.png = Intensificar
C. Página 3: Aplico efecto a mi gusto.
Actividad 3: Creando botones interactivos
9. Una vez terminado de aplicar efecto, regreso a la página 1.
10. Selecciono la caja de texto “Concepto”
11. Después hago clic en la opción de “Botones y
formularios”
12. En la ventana que
se muestra, hago
clic en la opción
“Convertir en
botón”
13. Al convertir la caja de texto “Concepto” a botón, se activan las siguientes
opciones:
A. Nombre: Es recomendable nombrar cada botón con uno que pueda
reconocer o asociar a la función de este. En este caso lo nombraré
“Botón concepto”
B. Evento: Permite constituye la acción que se debe realizar para activar
la función del botón. Dejo el evento que trae por defecto.
C. Acciones: Al hacer clic en el icono de forma de +, permite agregar la
acción que realizará el botón y el icono – elimina la acción
seleccionada.
D. Muestras las todas las acciones agregada al botón
14. Hago clic en el icono + para agregar una acción al botón. Observo que se
muestra una gran variedad de acciones. En este caso deseo que al hacer
clic en el botón “Concepto” cambie a la página dos; por lo tanto la acción
que selecciono es “Ir a página siguiente”
15. Visualizo la acción seleccionada.
16. Listo!!!! que agregado un botón interactivo.
17. Siguiendo el procedimiento anterior, convierto en botón las cajas de
textos:
Caja de texto: Al hacer clic sobre esta, se visualice la
página 3.
18. Agrego a mis página la imagen “Flecha” de la siguiente manera:
Página 1: Página 2:
Página 3:
19. Convierto a botón y agrego las acciones que me permite poder avanzar y
retroceder entre las páginas.
Actividad 3: Exporta a formato .swf
20. Exporto el documento en formato .swf, para ello hago clic en “Menú
Archivo” – “Exportar”.
21. En la ventana emergente “Exportar”, selecciono en la opción “Tipo” el
formato Flash Player SWF
22. Nombro el archivo “Mi_primer_documento_interactivo”.
23. En la siguiente ventana hago clic en el botón “OK” para continuar.
24. Al guardar, el documento se abre en el navegador que tengo
predeterminado en el computador.
25. En un archivo comprimido envío el ejercicios en los dos formato:
Formato: .indd
Formato: swf
26. Envió a la plataforma a través del enlace “Enviar actividades de la semana
14”