7.2.2.3.1.1 Alte Bereichshervorhebungen

[gesichtete Version][gesichtete Version]
Keine Bearbeitungszusammenfassung
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
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>
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:
{| class="wikitable"
|-
! Altes Kursdesign
! Neues Kursdesign
! Code
|-
| important-purple
| hint-box
| <source lang="xml">
<div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| link-pink
| link-box
| <source lang="xml">
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| task-blue
| exercise-box
| <source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| book-grey
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F194">
<h4>…</h4>
<p>…</p>
</div>
</source> 
|-
| cal-green
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| quest-orange
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #D67E7A; --icon: '\F64E';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
| example-green
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| watch-turquoise
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| zitat-blue
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F6B0';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
| paragraph-blue
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F6B0';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
| quiz-green
| exercise-box
| <source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| download-blue
| link-box
| <source lang="xml">
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| pay-green
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| forum-blue
| exercise-box
| <source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| certificate-yellow
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| education-orange
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| docs-grey
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F194">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| math-blue
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F1E0';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
|}
== alte Hervorhebungen im mooin 1.0 Kursdesign ==
== alte Hervorhebungen im mooin 1.0 Kursdesign ==
Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).
Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).
===Aufgabe===
===Aufgabe===
<loop_figure title="Bereichshervorhebung für Aufgaben" index="true" id="6128a3d989597">[[Datei:Task-blue.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Aufgaben" index="true" id="65dd9e0fd7e80">[[Datei:Task-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="task-blue"><h4>Überschrift</h4><p>Text</p></div></source>  
<source lang="xml"><div class="task-blue"><h4>Überschrift</h4><p>Text</p></div></source>  
</loop_area>
</loop_area>


===Bibliothek/Links===
===Bibliothek/Links===
<loop_figure title="Bereichshervorhebung für Literaturquellen etc." index="true" id="6128a274e71b4">[[File:book-grey.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Literaturquellen etc." index="true" id="65dd9e0fd7e8b">[[File:book-grey.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="book-grey"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="book-grey"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 16: Zeile 201:


===Externer Link===
===Externer Link===
<loop_figure title="Bereichshervorhebung für Links" index="true" id="6128a1dd74334">[[File:link-pink.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Links" index="true" id="65dd9e0fd7e94">[[File:link-pink.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="link-pink"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="link-pink"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 23: Zeile 208:


===Termin===
===Termin===
<loop_figure title="Bereichshervorhebung für Termine" index="true" id="6128a20b24204">[[File:cal-green.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Termine" index="true" id="65dd9e0fd7e9b">[[File:cal-green.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="cal-green"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="cal-green"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 30: Zeile 215:


===Frage===
===Frage===
<loop_figure title="Bereichshervorhebung für Fragen" index="true" id="6128a24b2ff53">[[File:question-orange.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Fragen" index="true" id="65dd9e0fd7ea3">[[File:question-orange.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>
Zeile 38: Zeile 223:


===Beispiel===
===Beispiel===
<loop_figure title="Bereichshervorhebung für Beispiele" index="true" id="6128b868854ff">[[File:example-green.png]]
<loop_figure title="Bereichshervorhebung für Beispiele" index="true" id="65dd9e0fd7eaa">[[File:example-green.png]]
</loop_figure><loop_area type="sourcecode">
</loop_figure><loop_area type="sourcecode">
<source lang="xml"><div class="example-green"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="example-green"><h4>Überschrift</h4><p>Text</p></div>
Zeile 46: Zeile 231:


===Vertiefung===
===Vertiefung===
<loop_figure title="Bereichshervorhebung für Vertiefungen" index="true" id="6128b8ad916f2">[[File:watch-turquoise.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Vertiefungen" index="true" id="65dd9e0fd7eb1">[[File:watch-turquoise.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>
Zeile 54: Zeile 239:


===Zitate===
===Zitate===
<loop_figure title="Bereichshervorhebung für Zitate" index="true" id="6128b8e326222">[[File:zitat-blue.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Zitate" index="true" id="65dd9e0fd7eb8">[[File:zitat-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>
Zeile 62: Zeile 247:


===Gesetze und Paragraphen===
===Gesetze und Paragraphen===
<loop_figure title="Bereichshervorhebung für Paragrafen" index="true" id="6128b94f71f12">[[File:paragraph-blue.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Paragrafen" index="true" id="65dd9e0fd7ebf">[[File:paragraph-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>
Zeile 70: Zeile 255:


===Quiz===
===Quiz===
<loop_figure title="Bereichshervorhebung für Quiz" index="true" id="6128a41f3b87f">[[File:quiz-green.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Quiz" index="true" id="65dd9e0fd7ec6">[[File:quiz-green.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>
Zeile 78: Zeile 263:


===Wichtig/Hinweis/Idee===
===Wichtig/Hinweis/Idee===
<loop_figure title="Bereichshervorhebung für wichtige Aussagen" index="true" id="6128a44c5a6e9">[[File:important-purple.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für wichtige Aussagen" index="true" id="65dd9e0fd7ecd">[[File:important-purple.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>
Zeile 86: Zeile 271:


===Download===
===Download===
<loop_figure title="Bereichshervorhebung für Downloads" index="true" id="6128b97a9c055">[[File:download-blue.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Downloads" index="true" id="65dd9e0fd7ed4">[[File:download-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="download-blue"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="download-blue"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 93: Zeile 278:


===Bezahlen===
===Bezahlen===
<loop_figure title="Bereichshervorhebung für kostenpflichtige Angebote" index="true" id="6128b9ab626fe">[[File:pay-green.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für kostenpflichtige Angebote" index="true" id="65dd9e0fd7edb">[[File:pay-green.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="pay-green"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="pay-green"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 100: Zeile 285:


===Forum===
===Forum===
<loop_figure title="Bereichshervorhebung für Forenaufgaben" index="true" id="6128a48700a57">[[File:forum-blue.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Forenaufgaben" index="true" id="65dd9e0fd7ee2">[[File:forum-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>
<source lang="xml"><div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>
Zeile 108: Zeile 293:


===Zertifikat===
===Zertifikat===
<loop_figure title="Bereichshervorhebung für Zertifikate" index="true" id="6128a56aa9ff3">[[File:certificate-yellow.png]]</loop_figure>
<loop_figure title="Bereichshervorhebung für Zertifikate" index="true" id="65dd9e0fd7ee9">[[File:certificate-yellow.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 115: Zeile 300:


===Online-Lernmaterial===
===Online-Lernmaterial===
<loop_figure title="Bereichskennzeichnung für Lernmaterial" index="true" id="6128a5ab9d1c0">[[File:education-orange.png]]</loop_figure>
<loop_figure title="Bereichskennzeichnung für Lernmaterial" index="true" id="65dd9e0fd7eef">[[File:education-orange.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="education-orange"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="education-orange"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 122: Zeile 307:


===Verlinkte Datei===
===Verlinkte Datei===
<loop_figure title="Bereichskennzeichnung für Dokumente" index="true" id="6128a5dd4b598">[[File:docs-grey.png]]</loop_figure>
<loop_figure title="Bereichskennzeichnung für Dokumente" index="true" id="65dd9e0fd7ef6">[[File:docs-grey.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div></source>
Zeile 129: Zeile 314:


===Formel===
===Formel===
<loop_figure title="Bereichskennzeichnung für Formeln" index="true" id="6128a614e0ad4">[[File:math-blue.png]]</loop_figure>
<loop_figure title="Bereichskennzeichnung für Formeln" index="true" id="65dd9e0fd7efc">[[File:math-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<loop_area type="sourcecode">
<source lang="xml"><div class="math-blue"><h4>Überschrift</h4><p>Text</p></div></source>
<source lang="xml"><div class="math-blue"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
</loop_area>

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

Übersicht zur Überführung[]

Bereichsersetzung1.png
Bereichsersetzung2a.png
Bereichsersetzung2b.png
Bereichsersetzung2c.png
Bereichsersetzung3.png
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[]

Task-blue.png
 Abb. 40: Bereichshervorhebung für Aufgaben
Code
<div class="task-blue"><h4>Überschrift</h4><p>Text</p></div>

Bibliothek/Links[]

Book-grey.png
 Abb. 41: Bereichshervorhebung für Literaturquellen etc.
Code
<div class="book-grey"><h4>Überschrift</h4><p>Text</p></div>


Externer Link[]

Link-pink.png
 Abb. 42: Bereichshervorhebung für Links
Code
<div class="link-pink"><h4>Überschrift</h4><p>Text</p></div>


Termin[]

Cal-green.png
 Abb. 43: Bereichshervorhebung für Termine
Code
<div class="cal-green"><h4>Überschrift</h4><p>Text</p></div>


Frage[]

Question-orange.png
 Abb. 44: Bereichshervorhebung für Fragen
Code
<div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>


Beispiel[]

Example-green.png
 Abb. 45: Bereichshervorhebung für Beispiele
Code
<div class="example-green"><h4>Überschrift</h4><p>Text</p></div>


Vertiefung[]

Watch-turquoise.png
 Abb. 46: Bereichshervorhebung für Vertiefungen
Code
<div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>


Zitate[]

Zitat-blue.png
 Abb. 47: Bereichshervorhebung für Zitate
Code
<div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>


Gesetze und Paragraphen[]

Paragraph-blue.png
 Abb. 48: Bereichshervorhebung für Paragrafen
Code
<div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>


Quiz[]

Quiz-green.png
 Abb. 49: Bereichshervorhebung für Quiz
Code
<div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>


Wichtig/Hinweis/Idee[]

Important-purple.png
 Abb. 50: Bereichshervorhebung für wichtige Aussagen
Code
<div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>


Download[]

Download-blue.png
 Abb. 51: Bereichshervorhebung für Downloads
Code
<div class="download-blue"><h4>Überschrift</h4><p>Text</p></div>


Bezahlen[]

Pay-green.png
 Abb. 52: Bereichshervorhebung für kostenpflichtige Angebote
Code
<div class="pay-green"><h4>Überschrift</h4><p>Text</p></div>


Forum[]

Forum-blue.png
 Abb. 53: Bereichshervorhebung für Forenaufgaben
Code
<div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>


Zertifikat[]

Certificate-yellow.png
 Abb. 54: Bereichshervorhebung für Zertifikate
Code
<div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div>


Online-Lernmaterial[]

Education-orange.png
 Abb. 55: Bereichskennzeichnung für Lernmaterial
Code
<div class="education-orange"><h4>Überschrift</h4><p>Text</p></div>


Verlinkte Datei[]

Docs-grey.png
 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>

die MOOC-Plattform der Fachhochschule Lübeck

Abgerufen von „https://show.eduloop.de/mediawiki/index.php?title=Alte_Bereichshervorhebungen&oldid=1812“