Modernitza el disseny de les teues aules virtuals amb Bootstrap

Actualitzar l'estil o afegir noves funcionalitats als recursos de les teues aules virtuals pot resultar molt senzill. Tan sols necessites copiar i pegar el disseny de Bootstrap que més t'agrade en l'editor d'ATTO dels recursos de la teua aula vitrtual i guardar-lo després.

Bootstrap és un framework de codi obert molt conegut i empleat en el disseny de multitud de llocs i aplicacions web. A l'ésser en codi obert, podem veure i utilitzar els seus dissenys ja fets d'elements web (una combinació de codi HTML, CSS, etc) com botons, cards, missatges d'alerta, presentació de contingut en "pestanyes", en carrusel, etc en les nostres pàgines web o en aquest cas, en l'editor ATTO que tenim disponible en els recursos d'Aules.

Un exemple de com afegir botons amb diferents estils enllaçats a diferents URLs:

Estils de botons per a saltar a activitats o pàgines.
Bootstrap afegit en l'editor de ATTO del recurs "enllace".

Exemple de missatge ressaltat amb Bootstrap: avís, alertat, important, etc.

Estils per a missatges d'avís
Bootstrap afegit en l'editor ATTO del recurs "tasca"

I un exemple de l'estil "Cards"

Bootstrap per a afegir l'estil "cards" al recurs "etiqueta"

En la web de Bootstrap podeu trobar molts exemples més. Doneu una ullada!

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