Download - 3 tutorial thatquiz
![Page 1: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/1.jpg)
TUTORIAL THATQUIZTERCERA PARTECURSO: USO DIDÁCTICO DE LA WEBWARE
![Page 2: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/2.jpg)
Escribe tu correo electrónico y contraseña en los espacios correspondientes.Selecciona idioma español. Haz clic en entrar.
![Page 3: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/3.jpg)
En la pantalla de inicio selecciona: Diseño. Se encuentra en las opciones de la barra del margen izquierdo.
![Page 4: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/4.jpg)
Selecciona la opción diapositivas.
![Page 5: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/5.jpg)
Esta es la pantalla de trabajo para hacer este tipo de examen.
![Page 6: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/6.jpg)
Revisemos los elementos.
Ventana para colocar el nombre del examen.
Opciones para cancelar o guardar.
Barra lateral de herramientas de dibujo y edición.
Espacio de trabajo de la diapositiva.
Vista de las diapositivas.
![Page 7: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/7.jpg)
Revisemos la barra superior y sus opciones.
Botón para insertar la imagen.
Deshacer
Copiar
Pegar
Cancelar
Rehacer
Atrás
Adelante
Guardar
Paleta de colores para fondos y texto.
![Page 8: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/8.jpg)
Empezamos a diseñar el examen.
En nuestra primera diapositiva vamos a insertar una imagen. Clic en imagen.
![Page 9: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/9.jpg)
Cargamos la imagen.
Seleccionar archivo. Buscamos el archivo de imagen en nuestra PC.
Condiciones para las imágenes
Revisa la licencia de la imagen
También tenemos la posibilidad de insertar un vídeo de YouTube o Vimeo
![Page 10: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/10.jpg)
Así queda la imagen seleccionada.
Podemos arrastrar la imagen y colocarla donde queramos
Para dimensionarla, clic aquí y arrastra el ratón
![Page 11: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/11.jpg)
Esta es la diapositiva de nuestra pregunta.
Vamos a escribir nuestra pregunta. Clic aquí
![Page 12: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/12.jpg)
Haz clic en el recuadro con la letra A de la barra lateral de edición.Después haz clic en la imagen. Aparecerá esta pantalla.
Aparece la ventana de edición de texto. Podemos elegir: negrita, cursiva, subrayado, superíndice, subíndice y tamaño de letra.
Podemos cambiar el color del texto aquí
Podemos aumentar o disminuir el campo de texto, igual que con la imagen. Clic aquí y arrastraClic en el símbolo que quieras escribir
![Page 13: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/13.jpg)
Al escribir el texto regular con las indicaciones, posteriormente puedes arrastrar el cuadro de texto hasta donde deseas que aparezca.
Con este recurso puedes arrastrar el texto.
![Page 14: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/14.jpg)
Vamos a colocar los espacios de respuesta.
Primero selecciona la opción flechas.
![Page 15: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/15.jpg)
Ahora seleccionamos la opción cuadro de respuesta correcta.
Selecciona aquí y arrastra.
![Page 16: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/16.jpg)
Así queda la diapositiva. En el cómputo de la prueba son 5 respuestas.Haz clic en guardar.
Haz clic aquí.
![Page 17: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/17.jpg)
El examen ya quedó guardado.
![Page 18: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/18.jpg)
Si deseas puedes seguir editando el examen.
2. Haz clic aquí.
1. Selecciona aquí.
![Page 19: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/19.jpg)
Para la respuesta vamos a dar varias opciones para que seleccionen la correcta. Arrastra este recuadro dentro de la diapositiva.
También puedes organizar la diapositiva combinando imagen y texto. Observa la imagen.
![Page 20: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/20.jpg)
Escribe la respuesta correcta. Selecciona la opción: Texto acertado.
Escribimos las opciones equivocadas y la respuesta correcta
![Page 21: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/21.jpg)
Podemos eliminar opciones. Clic en la X y después sobre la opción que queremos eliminar.De la misma forma podemos eliminar otros textos, imágenes, formas…
![Page 22: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/22.jpg)
Para una nueva diapositiva, clic aquí
También puedes hacer clic en Adelante.
![Page 23: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/23.jpg)
Seleccionamos fondo cuadriculado. Haz clic en la tabla de herramientas, en la opción fondo.
Clic aquí.
Selecciona aquí.
![Page 24: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/24.jpg)
Dibujaremos un rectángulo.
Para pintar en rectángulo, clic en rectángulo.
Si queremos aumentar el grosor clic en el grosor deseado
El grosor resaltará en blanco
![Page 25: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/25.jpg)
Así queda el cuadrado que hemos dibujado.
![Page 26: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/26.jpg)
Dibuja también un cuadrado, y dos triángulos.
![Page 27: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/27.jpg)
Observa las indicaciones para dibujar un triángulo.
Recuerda, para dibujar un triángulo rectángulo. Seleccionando antes triángulo
Al arrastrar el triángulo nos aparece una ventana con los tres ángulos. Podemos cambiar estos ángulos, sin soltar el ratón, haciendo clic en + o en – del teclado
Presionando +
Presionando -
![Page 28: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/28.jpg)
Para hacer otros polígonos.
Los demás polígonos, los haremos utilizando líneas. Clic en línea
Podemos borrar cada línea o dimensionarla
Vamos dibujando el polígono con líneas (clic, arrastrar y soltar)
Si queremos mover todo el polígono, debemos seleccionar todas las líneas. Utilizamos seleccionar, arrastrando el ratón para formar un cuadrado de selección, una vez seleccionado nos acercamos con el ratón y el cursor cambiará a un dedo, entonces podemos arrastrar para mover todo el polígono.
![Page 29: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/29.jpg)
Vamos a escribir la pregunta.
Para escribir nuestra pregunta, primero pintamos un rectángulo relleno de color . Clic aquí.Elegimos el color en la paleta de colores.Igual que antes, presionamos el ratón y arrastramos hasta dibujar el rectángulo deseado
Para seleccionar otro color clic aquí
Clic en el color que queramos
El color seleccionado aparecerá aquí
Una vez seleccionado el color, pintamos el rectángulo
![Page 30: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/30.jpg)
Clic en la herramienta de texto
Seleccionamos otro color para el texto, por ejemplo blanco, o negro ( que haga contraste con el fondo del rectángulo)
Ponemos el ratón encima de nuestro rectángulo y escribimos el texto deseado
En este caso no lo vemos en la ventana del texto porque la letra es blanca
Escribe el nombre de las figuras de acuerdo a la clave:
![Page 31: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/31.jpg)
Para escribir las respuestas.
Por último escribimos las soluciones. Para ello, arrastramos el recuadro de respuesta textual, dentro de nuestras figuras.
![Page 32: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/32.jpg)
Terminamos de editar el examen. Haz clic en guardar.
Haz clic aquí.
![Page 33: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/33.jpg)
El examen ya quedó guardado.
![Page 34: 3 tutorial thatquiz](https://reader030.vdocuments.mx/reader030/viewer/2022012820/557bad52d8b42a2a548b4d41/html5/thumbnails/34.jpg)
FIN DEL TUTORIAL
Gracias por tu atención.