Moderniza el diseño de tus aulas virtuales con Bootstrap

Actualizar el estilo o añadir nuevas funcionalidades a los recursos de tus aulas virtuales puede resultar muy sencillo. Tan solo necesitas copiar y pegar el diseño de Bootstrap que más te guste en el editor de ATTO de los recursos de tu aula vitrtual y guardarlo después.

Bootstrap es un framework de código abierto muy conocido y empleado en el diseño de multitud de sitios y aplicaciones web. Al ser en código abierto, podemos ver y utilizar sus diseños ya hechos de elementos web (una combinación de código HTML, CSS, etc) como botones, cards, mensajes de alerta, presentación de contenido en "pestañas", en carrusel, etc en nuestras páginas web o en este caso, en el editor ATTO que tenemos disponible en los recursos de Aules.

Un ejemplo de cómo añadir botones con diferentes estilos que enlazan a diferentes URLs:

Estilos de botones para saltar a actividades o págines.
Bootstrap añadido en el editor de ATTO del recurso "enlace"

Ejemplo de tipos de mensaje con Bootstrap: aviso, alerta, importante, etc

Estilos para mensajes de aviso, alerta, etc
Estilo de Bootstrap añadido en el editor ATTO del recurso "tarea"

Y un ejemplo del estilo "Cards":

Bootstrap para añadir el estilo "cards" al recurso "etiqueta"

 

En la web de Bootstrap podéis encontrar muchos ejemplos más. Echad un vistazo!

https://getbootstrap.com/docs/4.5/components

 

Avís de privacitat: Ús de cookies pròpies per a anàlisis de visites

Este lloc web utilitza cookies pròpies amb l'únic propòsit d'analitzar el trànsit i millorar l'experiència de l'usuari. Les cookies són xicotets arxius de text que s'emmagatzemen en el teu dispositiu quan visites el nostre lloc. No compartim esta informació amb tercers ni la utilitzem per a fins publicitaris.

Veure política de cookies