Una de les moltes coses que aprenem mentre anem preparant materials és a millorar la presentació dels continguts. L’aparença de moodle es pot canviar una mica i fer-la més professional editant el codi de text.

Al grup de treball de “preparació de materials de moodle” que estem fent ens han proporcionat aquesta fantàstica eina per a fer botons editables: elements web que es poden utilitzar per posar èmfasi en una part del continguts de moodle. 

Per a incloure’ls cal copiar el codi que ens interessi, anar al botó “mostra/amaga botons avançats” (fletxa ⤵ dels botons) i després al botó HTML </> de la barra de botons de l’editor de text i canviar el text pel text que vulguem. Dins de moodle ho veurem així:

 

 

 __________________________________________________________________________

 

<button type=”button” class=”btn btn-primary” id=”yui_3_17_2_1_1594241010966_65″>Primary</button>

 

<button type=”button” class=”btn btn-secondary” id=”yui_3_17_2_1_1594241010966_66″>Secondary</button>

<button type=”button” class=”btn btn-success” id=”yui_3_17_2_1_1594241010966_60″>Success</button>

<button type=”button” class=”btn btn-danger” id=”yui_3_17_2_1_1594241010966_67″>Danger</button>

<button type=”button” class=”btn btn-warning” id=”yui_3_17_2_1_1594241010966_69″>Warning</button>

<button type=”button” class=”btn btn-info” id=”yui_3_17_2_1_1594241010966_70″>Info</button>

<button type=”button” class=”btn btn-light” id=”yui_3_17_2_1_1594241010966_71″>Light</button>

<button type=”button” class=”btn btn-dark” id=”yui_3_17_2_1_1594241010966_72″>Dark</button>

<button type=”button” class=”btn btn-link”>Link</button>

 

 

<div style=”text-align: center;” class=”_mce_tagged_br” id=”yui_3_17_2_1_1594241010966_75″><span style=”background-color: rgb(255, 68, 68); font-weight: bold;” id=”yui_3_17_2_1_1594241010966_74″><a style=”background-color:#f44″ class=”btn btn-danger btn-lg” title=”link” target=”_blank” href=”https://…” id=”yui_3_17_2_1_1594241010966_73″>TEXT</a></span></div>

 

 

TÍTOL DEL TEMA

 

<table class=”table table-bordered” style=”background-color: #0bb; width: 100%; height: 20px;” id=”yui_3_17_2_1_1594241010966_81″>

    <caption></caption>

    <thead id=”yui_3_17_2_1_1594241010966_80″>

        <tr id=”yui_3_17_2_1_1594241010966_79″>

            <th scope=”col” id=”yui_3_17_2_1_1594241010966_78″>

                <p style=”text-align: center;”><span style=”color: rgb(255, 255, 255); font-size: x-large;”>&nbsp;</span><br></p>

                <p style=”text-align: center;” id=”yui_3_17_2_1_1594241010966_77″><span class=”” style=”font-size: xx-large; color: rgb(255, 255, 255);” id=”yui_3_17_2_1_1594241010966_76″>TÍTOL DEL TEMA</span></p>

            </th>

        </tr>

    </thead>

    <tbody></tbody>

</table>

 

En la tasca 1 de cada mòdul us proposem explorar diferents recursos digitals [aspectes del funcionament de …].

Concretament en aquest mòdul treballem:

  • Títol tasca 1.1.
  • Títol tasca 1.2.

 

<div class=”well” style=”background: #D9EDF7;” id=”yui_3_17_2_1_1594241010966_85″>

    <p>En la tasca 1 de cada mòdul us proposem explorar diferents recursos digitals [aspectes del funcionament de …].</p>

    <p>Concretament en aquest mòdul treballem:</p>

    <ul id=”yui_3_17_2_1_1594241010966_84″>

        <li id=”yui_3_17_2_1_1594241010966_83″>Títol tasca 1.1.</li>

        <li>Títol tasca 1.2.</li>

    </ul>

</div>

 

TASCA 1.1. TÍTOL TASCA 1.1.

 

En aquesta tasca us proposem …

 

Feu:

En la tramesa: Afegiu …

 

 

 

<div class=”well” id=”yui_3_17_2_1_1594241010966_86″><span class=”label label-info”> TASCA 1.1.</span> <strong>TÍTOL TASCA 1.1.</strong><span class=”label label-info”></span>

    <p></p>

    <p>En aquesta tasca us proposem …</p>

    <p></p>

    <p>Feu:</p>

    <ul>

        <li></li>

    </ul>

    <span class=”label label-danger”>En la tramesa: </span> Afegiu …</div>

 

Una vegada feu la tramesa de la tasca es marca la compleció de manera automàtica. Encara que els facilitadors poden comprovar la vostra tramesa no us faran cap comentari de manera regular.

La tasca és una activitat autoavaluable, té tramesa però no té avaluació per part dels facilitadors.

 

Info Aquesta tasca té seguiment de compleció, perquè es mostri l’activitat com completada cal que facis la tramesa.

 

<div class=”well” style=”background: #FFFFDD;”>

    <p>Una vegada feu la tramesa de la tasca es marca la compleció de manera automàtica. Encara que els facilitadors poden comprovar la vostra tramesa no us faran cap comentari de manera regular.</p>

    <p>La tasca és una activitat autoavaluable, té tramesa però <strong>no té avaluació per part dels facilitadors</strong>.</p>

    <p></p>

    <p><span class=”label label-info”>Info</span><strong><span style=”color: #ac2012;”><strong><span style=”color: #ac2012;”> Aquesta tasca té seguiment de <a target=”_blank” href=”http://ateneu.xtec.cat/wikiform/wikiexport/cmd/tac/moodle2/b7_avaluacio/01_seguiment#complecio_del_curs_i_de_les_activitats”>compleció</a>, perquè es mostri l’activitat com completada cal que facis la tramesa.</span></strong></span>

        </strong>

    </p>

</div>

 

 

Comparteix: