7.2.2.3.1.1 Alte Bereichshervorhebungen

[gesichtete Version]

Aktuelle Version vom 27. Februar 2024, 14:58 Uhr

Übersicht zur Überführung[]

Wichtig

Dieser Bereich ist noch Diskussionsgrundlage und noch keine finale Empfehlung

Bei der Umstellung von Kursformaten können auch weiterhin die Bereichshervorhebungen des alten Kursdesigns verwendet werden. Sollen die neuen Bereichshervorhebungen verwendet werden, schlagen wir folgende Umformatierung vor:

Altes Kursdesign	Neues Kursdesign	Code
important-purple	hint-box	<div class="hint-box"> <h4>…</h4> <p>…</p> </div>
link-pink	link-box	<div class="link-box"> <h4>…</h4> <p>…</p> </div>
task-blue	exercise-box	<div class="exercise-box"> <h4>…</h4> <p>…</p> </div>
book-grey	custom-icon-box	<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F194"> <h4>…</h4> <p>…</p> </div>
cal-green	info-box	<div class="info-box"> <h4>…</h4> <p>…</p> </div>
quest-orange	custom-icon-box	<div class="custom-icon-box" style="--color: #D67E7A; --icon: '\F64E';"> <h4>…</h4> <p>…</p> </div>
example-green	info-box	<div class="info-box"> <h4>…</h4> <p>…</p> </div>
watch-turquoise	info-box	<div class="info-box"> <h4>…</h4> <p>…</p> </div>
zitat-blue	custom-icon-box	<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F6B0';"> <h4>…</h4> <p>…</p> </div>
paragraph-blue	custom-icon-box	<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F6B0';"> <h4>…</h4> <p>…</p> </div>
quiz-green	exercise-box	<div class="exercise-box"> <h4>…</h4> <p>…</p> </div>
download-blue	link-box	<div class="link-box"> <h4>…</h4> <p>…</p> </div>
pay-green	info-box	<div class="info-box"> <h4>…</h4> <p>…</p> </div>
forum-blue	exercise-box	<div class="exercise-box"> <h4>…</h4> <p>…</p> </div>
certificate-yellow	info-box	<div class="info-box"> <h4>…</h4> <p>…</p> </div>
education-orange	info-box	<div class="info-box"> <h4>…</h4> <p>…</p> </div>
docs-grey	custom-icon-box	<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F194"> <h4>…</h4> <p>…</p> </div>
math-blue	custom-icon-box	<div class="custom-icon-box" style="--color: #6688A6; --icon: '\F1E0';"> <h4>…</h4> <p>…</p> </div>

alte Hervorhebungen im mooin 1.0 Kursdesign[]

Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).

Aufgabe[]

Abb. 40: Bereichshervorhebung für Aufgaben

Code

<div class="task-blue"><h4>Überschrift</h4><p>Text</p></div>

Bibliothek/Links[]

Abb. 41: Bereichshervorhebung für Literaturquellen etc.

Code

<div class="book-grey"><h4>Überschrift</h4><p>Text</p></div>

Externer Link[]

Abb. 42: Bereichshervorhebung für Links

Code

<div class="link-pink"><h4>Überschrift</h4><p>Text</p></div>

Termin[]

Abb. 43: Bereichshervorhebung für Termine

Code

<div class="cal-green"><h4>Überschrift</h4><p>Text</p></div>

Frage[]

Abb. 44: Bereichshervorhebung für Fragen

Code

<div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>

Beispiel[]

Abb. 45: Bereichshervorhebung für Beispiele

Code

<div class="example-green"><h4>Überschrift</h4><p>Text</p></div>

Vertiefung[]

Abb. 46: Bereichshervorhebung für Vertiefungen

Code

<div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>

Zitate[]

Abb. 47: Bereichshervorhebung für Zitate

Code

<div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>

Gesetze und Paragraphen[]

Abb. 48: Bereichshervorhebung für Paragrafen

Code

<div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>

Quiz[]

Abb. 49: Bereichshervorhebung für Quiz

Code

<div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>

Wichtig/Hinweis/Idee[]

Abb. 50: Bereichshervorhebung für wichtige Aussagen

Code

<div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>

Download[]

Abb. 51: Bereichshervorhebung für Downloads

Code

<div class="download-blue"><h4>Überschrift</h4><p>Text</p></div>

Bezahlen[]

Abb. 52: Bereichshervorhebung für kostenpflichtige Angebote

Code

<div class="pay-green"><h4>Überschrift</h4><p>Text</p></div>

Forum[]

Abb. 53: Bereichshervorhebung für Forenaufgaben

Code

<div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>

Zertifikat[]

Abb. 54: Bereichshervorhebung für Zertifikate

Code

<div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div>

Online-Lernmaterial[]

Abb. 55: Bereichskennzeichnung für Lernmaterial

Code

<div class="education-orange"><h4>Überschrift</h4><p>Text</p></div>

Verlinkte Datei[]

Abb. 56: Bereichskennzeichnung für Dokumente

Code

<div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div>

Formel[]

$Math-blue.png$

Abb. 57: Bereichskennzeichnung für Formeln

Code

<div class="math-blue"><h4>Überschrift</h4><p>Text</p></div>

@@ Zeile 1: / Zeile 1: @@
 == Übersicht zur Überführung ==
+[[Datei:Bereichsersetzung1.png|600px|links]]
+[[Datei:Bereichsersetzung2a.png|600px|links]]
+[[Datei:Bereichsersetzung2b.png|600px|links]]
+[[Datei:Bereichsersetzung2c.png|600px|links]]
+[[Datei:Bereichsersetzung3.png|600px|links]]
 <loop_area type="important">Dieser Bereich ist noch Diskussionsgrundlage und noch keine finale Empfehlung</loop_area>
@@ Zeile 38: / Zeile 43: @@
 |-
 | book-grey
-| info-box
+| custom-icon-box
 | <source lang="xml">
-<div class="info-box">
+<div class="custom-icon-box"
+  style="--color: #6688A6; --icon: '\F194">
 <h4>…</h4>
 <p>…</p>
@@ Zeile 158: / Zeile 164: @@
 |-
 | docs-grey
-| info-box
+| custom-icon-box
 | <source lang="xml">
-<div class="info-box">
+<div class="custom-icon-box"
+  style="--color: #6688A6; --icon: '\F194">
 <h4>…</h4>
 <p>…</p>
@@ Zeile 177: / Zeile 184: @@
 |-
 |}
 == alte Hervorhebungen im mooin 1.0 Kursdesign ==