Para crear una actividad, pulsamos sobre la pestaña actividades

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Para crear una actividad, pulsamos sobre la pestaña actividades"

José Manuel Contreras Santos
hace 8 años
Vistas:

Módulo 3: Diseño común a todos los tipos de actividades. 3.3.- Diseño común a todos los tipos de actividades. Pasamos ahora a diseñar nuestra propia actividad.

1 Módulo 3: Diseño común a todos los tipos de actividades Diseño común a todos los tipos de actividades. Pasamos ahora a diseñar nuestra propia actividad. En ella vamos a ir paso a paso realizando acciones y tomando decisiones sobre el diseño de la misma. Lo primero que tenemos que hacer es entrar en el programa AUTOR si es que no lo tenemos activo. Si deseamos insertar la actividad dentro de un proyecto existente, abrimos dicho proyecto, o si deseamos hacer un nuevo proyecto lo crearemos como se ha explicado anteriormente. CREANDO LA ACTIVIDAD. Para crear una actividad, pulsamos sobre la pestaña actividades y sobre el botón insertar nueva actividad. Nos aparece la pantalla de elección de tipo de actividad, en la que señalamos el tipo que deseemos y le damos nombre a nuestra actividad. Hecho esto, pulsamos Aceptar. El proceso básico de creación de actividades tiene tres pasos en común: Definición de las opciones generales Definición de las ventanas, tanto la principal como la de juego La definición de los mensajes Definición de las opciones generales. Una vez que hemos creado la actividad, nos aparece la pantalla de opciones generales de la actividad. 1

Si deseamos insertar la actividad dentro de un proyecto existente, abrimos dicho proyecto, o si deseamos hacer un nuevo proyecto lo crearemos como se ha explicado anteriormente. CREANDO LA ACTIVIDAD.

Qué deseo hacer en esta ventana? Lista de opciones: Deseos 1.- Deseo cambiar de nombre la actividad 2.- Deseo cambiar el aspecto general de la actividad ( Interfaz) 3.

2 Qué deseo hacer en esta ventana? Lista de opciones: Deseos 1.- Deseo cambiar de nombre la actividad 2.- Deseo cambiar el aspecto general de la actividad ( Interfaz) 3.- Deseo cambiar o eliminar los sonidos que hace el programa 4.- Deseo definir el comportamiento de los contadores 5.- Deseo activar, desactivar o redefinir el botón de ayuda 6.- Deseo activar, desactivar o redefinir el botón de información 7.- Deseo limitar el número de veces que se intercambian las piezas Definición de las ventanas. Por ventanas se entiende tanto el fondo de la pantalla del programa como la parte donde se desarrolla la actividad en sí. A la primera se le llama la ventana principal y a la segunda la ventana de juego. Definición de la ventana principal. Aparte del aspecto general del programa podemos cambiar también el fondo de la pantalla denominada "Ventana Principal". Para cambiar dicho fondo debemos seguir el siguiente proceso: 2

- Deseo activar, desactivar o redefinir el botón de información 7.- Deseo limitar el número de veces que se intercambian las piezas Definición de las ventanas.

Nos aseguramos que estamos en la pestaña Actividades, seleccionada la actividad a la que queremos modificar la ventana principal y en la pestaña Ventana.

3 Nos aseguramos que estamos en la pestaña Actividades, seleccionada la actividad a la que queremos modificar la ventana principal y en la pestaña Ventana. En la parte inferior tenemos lo necesario para definir las ventanas. En la parte izquierda tenemos el apartado referido a la ventana principal. Qué deseo hacer en esta ventana? Lista de opciones: Deseo colocar un color de fondo Deseos Deseo colocar un gradiente de fondo Deseo colocar una imagen de fondo Definición de la ventana de juego. Aparte del aspecto general del programa podemos cambiar también el fondo de la pantalla denominada "Ventana de juego". Para cambiar dicho fondo debemos seguir el siguiente proceso: Nos aseguramos que estamos en la pestaña Actividades, seleccionada la actividad a la que queremos modificar la ventana y en la pestaña Ventana. En la parte inferior tenemos lo necesario para definir las ventanas. En la parte derecha tenemos el apartado referido a la ventana de juego. 3

Lista de opciones: Deseo colocar un color de fondo Deseos Deseo colocar un gradiente de fondo Deseo colocar una imagen de fondo Definición de la ventana de juego.

4 Deseos Deseo colocar un color de fondo Deseo colocar un gradiente Deseo hacer la ventana transparente Deseo que la ventana no tenga borde definido Deseo que la ventana de juego tenga márgenes más amplios Deseo cambiar la posición de la ventana de juego en la ventana principal Definición de los mensajes. Una vez que hemos creado la actividad, que hemos diseñado algunas opciones de la misma y que hemos puesto a nuestro gusto las ventanas de juego y la principal es la hora de diseñar los mensajes de nuestra actividad. Los mensajes son las frases que colocamos en la parte inferior de la pantalla y que nos sirven tanto para indicar lo que hay que hacer en la actividad (mensaje inicial), indicar que la actividad ha acabado( mensaje final o que la actividad no ha sido superada ( mensaje de error). Para introducir los mensajes de la actividad actuamos de la siguiente forma: Nos aseguramos de que estamos en la pestaña actividades, seleccionada la actividad y que estamos en la pestaña mensajes. Al pulsar sobre esta pestaña nos aparece la siguiente pantalla: 4

Una vez que hemos creado la actividad, que hemos diseñado algunas opciones de la misma y que hemos puesto a nuestro gusto las ventanas de juego y la principal es la hora de diseñar los mensajes de

5 Activando cada uno podremos escribir el mensaje deseado. Para ello basta pulsar sobre la zona gris y se nos despliega una nueva pantalla llamada "contenido de la casilla". En esta pantalla se nos ofrecen múltiples posibilidades. El proceso para los tres tipos de mensajes es el mismo. Qué deseo hacer en los mensajes? Lista de opciones. Deseos 1.- Deseo colocar texto en una casilla 2.- Deseo colocar una imagen en una casilla 3.- Deseo cambiar el color de fondo de una casilla 4.- Deseo colocar un gradiente en una casilla 5.- Deseo que la casilla sea transparente 6.- Deseo elegir otro tipo de letra para el texto de la casilla 7.- Deseo cambiar el color del texto de una casilla 8.- Deseo cambiar el margen de una casilla 9.- Deseo añadir sombra al tipo de letra 10.- Deseo añadir un borde a una casilla 11.- Deseo colocar un sonido en una casilla 12.- Deseo reproducir un vídeo en una casilla 5

- Deseo colocar texto en una casilla 2.- Deseo colocar una imagen en una casilla 3.- Deseo cambiar el color de fondo de una casilla 4.- Deseo colocar un gradiente en una casilla 5.

6 6

Documentos relacionados

Diseño de páginas web

Diseño de páginas web Estilos HTML y CSS Ricardo Esteban Alonso Estilos HTML Un estilo define un grupo de características de texto, y están normalizados para los exploradores más utilizados. Son muy útiles