La navegabilidad es un elemento importante dentro de nuestras Aulas Virtuales.
Si tenemos enlaces que sacan a los alumnos fuera de la clase, podemos hacer que se pierda y no sepa regresar, o que tenga que ingresar desde el principio, esto a veces es molesto.
Hay que diferenciar entre llevar al alumno a consumir un recurso que está fuera del aula, al que está dentro de ella.
Aquí les mostramos la forma correcta de hacer nuestros enlaces o vínculos más amigables y ordenados:
| Puede poner el vídeo a pantalla completa |
La técnica consiste en dos pasos:
1-. Asignar un ID al componente HTML, ejemplos:
(lo que se debe insertar en rojo)
Párrafo: <p id=»misitio»>bla bla bla</p>
Capa: <div id=»misitio»>bla bla bla</div>
2-. Construir el enlace o la url, ejemplo: https://aulas.uav.online/course/view.php?id=4#section-6&#misitio
#misitio es el ID que le coloqué al componente donde quiero llevar al alumno.
Luego el enlace se lo colocas al botón de llamado de atención, desde donde se llamará al espacio deseado.
Este post está dirigido a editores con conocimientos de HTML.
Imagen del ejemplo:
La imagen del botón la sacamos de esta página, recomendamos, tiene miles de iconos gratis: Free emoji & avatars icons – Iconfinder