[unmarkierte Version] | [unmarkierte Version] |
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 38: | Zeile 38: | ||
'''I) Der Button in der Standard-Ausprägung:''' | '''I) Der Button in der Standard-Ausprägung:''' | ||
Werden dem spoiler-Tag keine weiteren Attribute hinzugefügt, also weder <tt><nowiki>text=""</nowiki></tt> oder <tt><nowiki>type=""</nowiki></tt>, so wird der Button standardmäßig mit "Lösung" beschriftet | Werden dem spoiler-Tag keine weiteren Attribute hinzugefügt, also weder <tt><nowiki>text=""</nowiki></tt> oder <tt><nowiki>type=""</nowiki></tt>, so wird der Button standardmäßig mit "Lösung" beschriftet. | ||
'''Code:''' | '''Code:''' | ||
<code><spoiler> | <code><spoiler> | ||
Zeile 50: | Zeile 49: | ||
Text in ausklappbarem Bereich | Text in ausklappbarem Bereich | ||
</spoiler> | </spoiler> | ||
'''II) Der Button mit individueller Beschriftung:''' | '''II) Der Button mit individueller Beschriftung:''' | ||
Zeile 56: | Zeile 55: | ||
Möchten Sie eine andere Beschriftung für den spoiler-Button einfügen, ergänzen Sie den spoiler-Tag mti dem Attribut <tt><nowiki>text=""</nowiki></tt>. Dies bietet sich an um normale Lösungen von Musterlösungen, Lösungsansätze, Datei-Links, Hinweise oder Zusatzinformationen abzugrenzen. | Möchten Sie eine andere Beschriftung für den spoiler-Button einfügen, ergänzen Sie den spoiler-Tag mti dem Attribut <tt><nowiki>text=""</nowiki></tt>. Dies bietet sich an um normale Lösungen von Musterlösungen, Lösungsansätze, Datei-Links, Hinweise oder Zusatzinformationen abzugrenzen. | ||
'''Code:''' | '''Code:''' | ||
<code><spoiler text="Hinweis"> | <code><spoiler text="Hinweis"> | ||
Zeile 66: | Zeile 64: | ||
Text in ausklappbarem Bereich | Text in ausklappbarem Bereich | ||
</spoiler> | </spoiler> | ||
'''III) Der Button mit transparentem Layout:''' | '''III) Der Button mit transparentem Layout:''' | ||
Zeile 72: | Zeile 70: | ||
Sie können den Button zum Einbinden der Lösung in einem "transparentem" Design umstellen. Dafür nutzen Sie das Attribut <tt><nowiki>type=""</nowiki></tt>. | Sie können den Button zum Einbinden der Lösung in einem "transparentem" Design umstellen. Dafür nutzen Sie das Attribut <tt><nowiki>type=""</nowiki></tt>. | ||
'''Code:''' | '''Code:''' | ||
<code><spoiler type="transparent"> | <code><spoiler type="transparent"> | ||
Zeile 82: | Zeile 79: | ||
Text in ausklappbarem Bereich | Text in ausklappbarem Bereich | ||
</spoiler> | </spoiler> | ||
Natürlich lassen sich beide Attribute mit einander kombinieren und so ein transparenter, individuell beschrifteter spoiler-Button erstellen. | Natürlich lassen sich beide Attribute mit einander kombinieren und so ein transparenter, individuell beschrifteter spoiler-Button erstellen. | ||
=== Aufgabe mit Verlinkung === | |||
in task / in spoiler | in task / in spoiler | ||
==== Aufgabe mit Abbildung | '''Code:''' | ||
<code><loop_area type="task" > | |||
<loop_task title="Aufgabe"> | |||
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer: | |||
* Ethanol | |||
* Dimethyether<br /><br /> | |||
Hinweis: http://chem.sis.nlm.nih.gov/chemidplus/ | |||
</loop_task> | |||
<spoiler text="Musterlösung"> | |||
* [https://de.wikipedia.org/wiki/Dimethylether Dimethylether] | |||
:CAS RN: 115-10-6<br /> | |||
<br /> | |||
* [https://de.wikipedia.org/wiki/Ethanol Ethanol] | |||
:CAS RN: 64-17-5 | |||
</spoiler> | |||
</loop_area></code> | |||
'''Ergebnis:''' | |||
<loop_area type="task" > | |||
<loop_task title="Aufgabe"> | |||
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer: | |||
* Ethanol | |||
* Dimethyether<br /><br /> | |||
Hinweis: http://chem.sis.nlm.nih.gov/chemidplus/ | |||
</loop_task> | |||
<spoiler text="Musterlösung"> | |||
* [https://de.wikipedia.org/wiki/Dimethylether Dimethylether] | |||
:CAS RN: 115-10-6<br /> | |||
<br /> | |||
* [https://de.wikipedia.org/wiki/Ethanol Ethanol] | |||
:CAS RN: 64-17-5 | |||
</spoiler> | |||
</loop_area> | |||
=== Aufgabe mit Abbildung === | |||
in task / in spoiler | in task / in spoiler | ||
=== Aufgabe mit Interaktion === |
Eine Selbstlernaufgabe mit ausklappbarem Lösungsteil kann in LOOP wie folgt eingebunden werden:
Code:
<loop_area type="task"
<loop_task title="Beispielaufgabe">
Nennen Sie weitere Beispiele für die Trennung von Gemischen!
</loop_task>
<spoiler text="Musterlösung">
z. B.<br />
- Dünnschichtchromatographie
- Destillation
</spoiler>
</loop_area>
Ergebnis:
Nennen Sie weitere Beispiele für die Trennung von Gemischen!
Dabei wird die Aufgabe im Aufgabenverzeichnis mit ausgezeichnet, wobei das Kapitel sowie der Titel: "Beispielaufgabe" gekennzeichnet wird.
Sie können den spoiler-Button zum Einblenden der Lösung auf verschiedene Art anpassen. Unter anderem könne Sie ihn für Hinweise oder Zusatzinformation nutzen und dazu seine Beschriftung ändern. Oder Sie ändern seine Erscheinung indem Sie ihn auf "transparent" umstellen.
Den spoiler-Button können Sie überall frei einfügen. Die Verwendung ist nicht auf Aufgaben beschränkt.
I) Der Button in der Standard-Ausprägung:
Werden dem spoiler-Tag keine weiteren Attribute hinzugefügt, also weder text="" oder type="", so wird der Button standardmäßig mit "Lösung" beschriftet.
Code:
<spoiler>
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
II) Der Button mit individueller Beschriftung:
Möchten Sie eine andere Beschriftung für den spoiler-Button einfügen, ergänzen Sie den spoiler-Tag mti dem Attribut text="". Dies bietet sich an um normale Lösungen von Musterlösungen, Lösungsansätze, Datei-Links, Hinweise oder Zusatzinformationen abzugrenzen.
Code:
<spoiler text="Hinweis">
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
III) Der Button mit transparentem Layout:
Sie können den Button zum Einbinden der Lösung in einem "transparentem" Design umstellen. Dafür nutzen Sie das Attribut type="".
Code:
<spoiler type="transparent">
Text in ausklappbarem Bereich
</spoiler>
Ergebnis:
Natürlich lassen sich beide Attribute mit einander kombinieren und so ein transparenter, individuell beschrifteter spoiler-Button erstellen.
in task / in spoiler
Code:
<loop_area type="task" >
<loop_task title="Aufgabe">
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer:
- Ethanol
- Dimethyether<br /><br />
Hinweis: http://chem.sis.nlm.nih.gov/chemidplus/
</loop_task>
<spoiler text="Musterlösung">
- [https://de.wikipedia.org/wiki/Dimethylether Dimethylether]
- CAS RN: 115-10-6<br />
<br />
- [https://de.wikipedia.org/wiki/Ethanol Ethanol]
- CAS RN: 64-17-5
</spoiler>
</loop_area>
Ergebnis:
Ermitteln Sie für die folgenden Stoffe die CAS-Nummer:
in task / in spoiler
Learning Object Online Platform
Es handelt sich hierbei um das Tutorial für LOOP1. Die Dokumentation für LOOP 2 wird gegenwärtig entwickelt: https://loop.eduloop.de. Viele Funktionen lassen sich ähnlich auch in LOOP2 verwenden.