6.1 Snippets

[unmarkierte Version][gesichtete Version]
Keine Bearbeitungszusammenfassung
 
(LOOP Upgrade: loop_index and youtubehd)
 
(46 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
=Snippets=
==== Allgemeines ====
'''Bereich anlegen'''<br />
<code><loop_area type="X" > Text </loop_area></code>
 
{| class="wikitable"
|-
! Bezeichnung !! X !! Symbol !! Bezeichnung !! X !! Symbol
|-
| Anmerkung || '''annotation''' || style="text-align: center"|[[Datei:Anmerkung.png|50px]] || Aufgabe || '''task''' || style="text-align: center"|[[Datei:Aufgabe.png|50px]]
|-
| Aus der Praxis || '''practice''' || style="text-align: center"|[[Datei:Aus der Praxis.png|55px]] || Beispiel || '''example''' || style="text-align: center"|[[Datei:Beispiel.png|50px]] ||
|-
| Definition || '''definition''' || style="text-align: center"|[[Datei:Definition.png|50px]] || Formel || '''formula''' || style="text-align: center"|[[Datei:Formel.png|50px]]
|-
| Frage || '''question''' || style="text-align: center"|[[Datei:Frage.PNG|50px]] || Gesetz || '''law''' || style="text-align: center"|[[Datei:Gesetz.png|50px]]
|-
| Hinweis || '''notice''' || style="text-align: center"|[[Datei:Hinweis.png|50px]] || Lernziele || '''learningobjectives''' || style="text-align: center"| [[Datei:Lernziele.png|50px]]
|-
| Merksatz || '''markedsentence''' || style="text-align: center"|[[Datei:Merksatz.png|50px]] || Norm || '''norm''' || style="text-align: center"|[[Datei:Norm.png|50px]]
|-
| Quellcode || '''sourcecode'''  || style="text-align: center"|[[Datei:Quellcode.png|50px]] || Quelle im Web || '''websource''' || style="text-align: center"|[[Datei:Quelle Web.png|50px]]
|-
|| Reflexion || '''reflection''' || style="text-align: center"|[[Datei:Reflextion.png|50px]] || Übung || '''exercise''' || style="text-align: center"|[[Datei:Übung.png|50px]]
|-
| Vertiefung || '''indentation''' || style="text-align: center"|[[Datei:Vertiefung.png|50px]] || Wichtig || '''important''' || style="text-align: center"|[[Datei:Wichtig.png|50px]]
|-
| Zeitumfang || '''timerequirement''' || style="text-align: center"|[[Datei:Zeitumfang.png|50px]] || Zusammenfassung || '''summary''' || style="text-align: center"|[[Datei:Zusammenfassung.png|50px]]
|}
 
 
'''Bereich ohne Rahmen, nur Icon'''
<code><loop_area type="X" render="icon"> Text </loop_area></code>
 
 
'''Gliederung'''
<code><loop_area type="arrangement"><loop_toc>  </loop_toc></loop_area></code>
 
 
'''Zitat'''<br />
<code><loop_paragraph type="citation" copyright="Quelle des Zitats"> Text
</loop_paragraph></code>
 
 
'''Literatur'''
verlinkung: <code> <cite id="5fd759f2dd73a">Mustermann+2008</cite> </code>
Im Literaturverzeichnis: <code> #Mustermann+2008 Text zur Person</code>
Nennung von zwei Autoren: <code> #Autor1+und+Autor2+2013</code>
Nennung von drei Autoren und mehr: <code> #Autor+et+al.+2013</code>
 
 
'''Darstellen von Quellcode'''
<pre><code>
...
</code></pre>
 
 
<pre><inline-code>
...
</inline-code></pre>
 
 
 
'''Kommentar'''
<code><!-- --></code>
 
<loop_area type="notice">
Kommentare können gesetzt werden, allerdings wird die PDF-Umwandlung nicht mehr korrekt ausgeführt, sprich es erscheint eine Fehlermeldung <inline-code>can't open pdf file</inline-code>.
</loop_area>
 
 
'''Anker'''
<code><div id="sprungmarke"></div></code>
 
 
'''Abstände'''
<code>z.&#x2009;B. (schmales Leerzeichen)</code>
<code>z.&#x202f;B. (schmales Leerzeichen, umbruchgeschützt)</code>
<code><br />&nbsp; nummerierte Liste, doppelter Zeilenabstand</code>
 
 
'''Textfarbe'''
<code><pre style="color:red"> Text </pre></code>
 
 
'''Fußnoten''' 
<code><ref> Text für Fußnote </ref>
Am Ende der Seite: <references />
VOR dem <references /> - Tag: ---- (um Linie zu erzeugen)</code>
 
==== Abbildungen ====
<code><loop_figure title="Bildunterschrift" id="5fd759f2dd74c">
[[Datei:Beispielbild.png]]
</loop_figure></code>
 
 
'''Abbildung (ohne Bildunterschrift und Rahmen) links, rechts Text'''
<code>[[Datei:Beispielbild.png|links]]</code>
 
* <code>|rechts</code> Abbildung rechts, Text links<br />
* <code>|miniatur</code> Miniaturversion der Abbildung eingefügen
 
 
'''Abbildung mit Bildunterschrift und Quellenangabe'''
<code><loop_figure title="Bildunterschrift" show_copyright="true"
copyright="Quelle: XYZ" id="5fd759f2dd759">
[[Datei:Beispielbild.png]]
</loop_figure></code>
 
 
'''Abbildung mit Bildunterschrift, Quellenangabe und Beschreibung'''
<code><loop_figure title="Bildunterschrift" description="Beschreibung"
show_copyright="true" copyright="Quelle: XYZ" id="5fd759f2dd766">
[[Datei:Beispielbild.png]]
</loop_figure></code>
 
 
'''Abbildung mit Bildunterschrift und Beschreibung'''
<code><loop_figure title="Bildunterschrift" description="Beschreibung" id="5fd759f2dd773">
[[Datei:Beispielbild.png]]
</loop_figure></code>
 
 
'''Abbildung ohne Rahmen und Bildunterschrift'''
<code>[[Datei:Beispielbild.png]]</code>
 
 
'''Abbildung ohne Rahmen und Bildunterschrift, mit Abbildungsnamen'''
<code><loop_figure render="none" description="Beschreibung" id="5fd759f2dd789">
[[Datei:Beispielbild.png]]
</loop_figure></code>
 
 
'''Zoom Grafik'''
<code><loop_figure title="Bildunterschrift" description="Originalbild anzeigen" id="5fd759f2dd795">
[[Datei:Vorschau_beispielbild.png|link=media:Beispielbild.png]]
</loop_figure></code>
 
 
==== Videos ====
<code><loop_video source="Testvideo.mp4" image="Vorschaubild.jpg"
width="700" height="400">
</loop_video></code>
Das Vorschaubild kann weggelassen werden
 
 
'''Video mit Title und Beschreibung'''
<code><loop_media type="video" title="Videotitle"
description="Beschreibung des Videos"  id="5fd759f2dd7a3">
[[Datei:Beispielvideo.mp4]]
</loop_media></code>
 
 
'''YouTube-Video einbinden'''
<code><loop_media type="video" title="Titel" description="Beschreibung" id="5fd759f2dd7af">
{{#ev:youtube|ZLbT5O8vmgU}}
</loop_media></code>
 
 
'''Youtube Videoausschnitt'''
<code>{{#ev:youtube|UYRYancYXe8|700|center||10|20}}</code>
<code>{{#ev:youtube|Kürzel Youtube-Seite|700|center||
Anfang Ausschnitt|Ende Ausschnitt}}</code>
 
 
==== Medien ====
 
<code><loop_media type="X" title="Medientitle" description="Beschreibung" id="5fd759f2dd7bd">
</loop_media></code>
 
X <math> \Rightarrow </math> animation, rollover, interaktion, simulation, click
 
 
'''Interaktive Grafiken'''
<code><loop_zip file="name.zip" start="name.html" width="700px" height="350px">
</loop_zip></code>
 
 
'''Druckbereich (bei Medien)'''
<code><loop_print> [[Datei: Screenshot.png]] ggf. Drucktext </loop_print></code>
 
 
'''PDF-Einbindung'''
<code>[[Media:Dateiname.pdf|Name auf der LOOP-Seite]]</code>
 
==== Aufgaben ====
 
'''Aufgabe ins Aufgabenverzeichnis mit Titel'''
<code><loop_area type="task" >
<loop_task title="Titel der Aufgabe" id="5fd759f2dd7c9"> Text </loop_task>
</loop_area></code>
 
==== Spoiler ====
'''Spoiler'''
<code><spoiler text="Text z.B. Lösung"> Inhalt </spoiler></code>
<spoiler text="Lösung"> Hier steht der Inhalt, z.B. die Lösung oder Hinweise zu einer Aufgabe... </spoiler>
 
 
'''Spoiler transparent'''
<code><spoiler text="Text des Buttons" type="transparent"> Inhalt </spoiler></code>
<spoiler text="Lösung" type="transparent"> Inhalt </spoiler>
 
'''Spoiler noprint'''
<code><spoiler noprint=“true“> </code>
 
Damit in der PDF-Version zu einer Aufgabe die Spoiler-Lösung nicht angezeigt wird,  sollte diese Funktion gesetzt sein.
 
==== Quiz ====
'''Quiz'''
<code><quiz display="simple">
{Text z.B.: Welche der folgenden Aussagen sind korrekt?}
- Beispiel
+ Beispiel
+ Beispiel
…
</quiz></code>
+ und - geben an, ob die Aussage richtig oder falsch ist
 
 
==== Tabellen ====
 
'''Tabellenaufbau'''
 
'''Syntax:'''
<code><loop_table render="marked" title="Tabellenunterschrift"
description="Tabellenbeschreibung" id="5fd759f2dd7d6">
 
{| class="wikitable"
!Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
|Zeile 1 Spalte 1 || Zeile 1 Spalte 2 || Zeile 1 Spalte 3
|-
| Zeile 2 Spalte 1 || Zeile 2 Spalte 2 || Zeile 2 Spalte 3
|-
| Zeile 3 Spalte 1 || Zeile 3 Spalte 2 || Zeile 3 Spalte 3
|-
| Zeile x Spalte y1 || Zeile x Spalte y2 || Zeile x Spalte y3
|-
|}
</loop_table></code>
 
'''Ergebnis'''
<loop_table render="marked" title="Tabellenaufbau"
description="Aufbau einer Tabelle in LOOP" id="5fd759f2dd7e3">
 
{| class="wikitable"
!Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
|Zeile 1 Spalte 1 || Zeile 1 Spalte 2 || Zeile 1 Spalte 3
|-
| Zeile 2 Spalte 1 || Zeile 2 Spalte 2 || Zeile 2 Spalte 3
|-
| Zeile 3 Spalte 1 || Zeile 3 Spalte 2 || Zeile 3 Spalte 3
|-
| Zeile x Spalte y1 || Zeile x Spalte y2 || Zeile x Spalte y3
|-
|}
</loop_table>
 
 
'''Verbinden von Zellen'''<br />
Mit colspan="x" verbinden Sie die Zellen waagerecht um x angegebene Anzahl von Zellen.<br />
Mit rowspan="x" verbinden Sie die Zellen senkrecht um x angegebenene Anzahl von Zellen.
 
Die überflüssigen Zellen, müssen dann gelöscht werden
 
'''Syntax:'''
<code>
<loop_table render="marked" title="Tabellenaufbau"
description="Aufbau einer Tabelle in LOOP" id="5fd759f2dd7f0">
 
{| class="wikitable"
!Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
|colspan="2"|Zeile 1 Spalte 1 || Zeile 1 Spalte 2
|-
| Zeile 2 Spalte 1 || Zeile 2 Spalte 2 || Zeile 2 Spalte 3
|-
| Zeile 3 Spalte 1 || Zeile 3 Spalte 2 || Zeile 3 Spalte 3
|-
| Zeile x Spalte y1 || Zeile x Spalte y2 || Zeile x Spalte y3
|-
|}
</loop_table>
</code>
<loop_table render="marked" title="Tabellenaufbau"
description="Aufbau einer Tabelle in LOOP" id="5fd759f2dd7fc">
 
'''Ergebnis:'''
{| class="wikitable"
!Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
|colspan="2"|Zeile 1 Spalte 1 || Zeile 1 Spalte 2
|-
| Zeile 2 Spalte 1 || Zeile 2 Spalte 2 || Zeile 2 Spalte 3
|-
| Zeile 3 Spalte 1 || Zeile 3 Spalte 2 || Zeile 3 Spalte 3
|-
| Zeile x Spalte y1 || Zeile x Spalte y2 || Zeile x Spalte y3
|-
|}
</loop_table>
 
 
'''Hintergrundfarbe einer Zelle ändern'''
<code>style="background:#E0E0E0" </code>
 
 
'''Kombiniert mit Verbinden von Zellen'''
<code>style="background:#E0E0E0" colspan="5"|Inhalt der Zelle</code>
 
 
'''Bereiche oder Tabellen, die nicht in die PDF sollen'''
<code>
<loop_noprint>
...
</loop_noprint>
</code>
 
==== Formeln ====
 
'''Math Umgebung (Grundstein für Formeln)'''
<code><math> ... </math></code>
 
 
'''im Fließtext'''
<code><math>\textstyle \Aufgabe</math></code>
 
 
'''Gleichungs ins Formelverzeichnis'''
<code><loop_formula title="Gleichung X.Y" id="5fd759f2dd808">
...
</loop_formula></code>
 
 
'''Align-Umgebung (Art der tabellarischen Darstellung von Formeln)'''
<code><math>
\begin{alignat}{2} (=  Anzahl der Zeilen)
& … \ && … \\
& … \ && … \\
& … \ && … \\
…
\end{alignat}
</math>
</code>
 
<loop_area type="websource">'''Weitere Befehle, Symbole und eine gute Hilfe rund um Latex:'''<br />
https://de.wikipedia.org/wiki/Hilfe:TeX</loop_area>

Aktuelle Version vom 14. Dezember 2020, 14:26 Uhr

Allgemeines[]

Bereich anlegen
<loop_area type="X" > Text </loop_area>

Bezeichnung X Symbol Bezeichnung X Symbol
Anmerkung annotation Anmerkung.png Aufgabe task Aufgabe.png
Aus der Praxis practice Aus der Praxis.png Beispiel example Beispiel.png
Definition definition Definition.png Formel formula Formel.png
Frage question Frage.PNG Gesetz law Gesetz.png
Hinweis notice Hinweis.png Lernziele learningobjectives Lernziele.png
Merksatz markedsentence Merksatz.png Norm norm Norm.png
Quellcode sourcecode Quellcode.png Quelle im Web websource Quelle Web.png
Reflexion reflection Reflextion.png Übung exercise Übung.png
Vertiefung indentation Vertiefung.png Wichtig important Wichtig.png
Zeitumfang timerequirement Zeitumfang.png Zusammenfassung summary Zusammenfassung.png


Bereich ohne Rahmen, nur Icon <loop_area type="X" render="icon"> Text </loop_area>


Gliederung <loop_area type="arrangement"><loop_toc> </loop_toc></loop_area>


Zitat
<loop_paragraph type="citation" copyright="Quelle des Zitats"> Text </loop_paragraph>


Literatur verlinkung: <cite id="5fd759f2dd73a">Mustermann+2008</cite> Im Literaturverzeichnis: #Mustermann+2008 Text zur Person Nennung von zwei Autoren: #Autor1+und+Autor2+2013 Nennung von drei Autoren und mehr: #Autor+et+al.+2013


Darstellen von Quellcode 

<code>
 ... 
</code>


<inline-code>
 ... 
</inline-code>


Kommentar <!-- -->

Hinweis

Kommentare können gesetzt werden, allerdings wird die PDF-Umwandlung nicht mehr korrekt ausgeführt, sprich es erscheint eine Fehlermeldung .


Anker <div id="sprungmarke"></div>


Abstände z. B. (schmales Leerzeichen) z. B. (schmales Leerzeichen, umbruchgeschützt) <br />  nummerierte Liste, doppelter Zeilenabstand


Textfarbe <pre style="color:red"> Text </pre>


Fußnoten <ref> Text für Fußnote </ref> Am Ende der Seite: <references /> VOR dem <references /> - Tag: ---- (um Linie zu erzeugen)

Abbildungen[]

<loop_figure title="Bildunterschrift" id="5fd759f2dd74c"> [[Datei:Beispielbild.png]] </loop_figure>


Abbildung (ohne Bildunterschrift und Rahmen) links, rechts Text [[Datei:Beispielbild.png|links]]

  • |rechts Abbildung rechts, Text links
  • |miniatur Miniaturversion der Abbildung eingefügen


Abbildung mit Bildunterschrift und Quellenangabe <loop_figure title="Bildunterschrift" show_copyright="true" copyright="Quelle: XYZ" id="5fd759f2dd759"> [[Datei:Beispielbild.png]] </loop_figure>


Abbildung mit Bildunterschrift, Quellenangabe und Beschreibung <loop_figure title="Bildunterschrift" description="Beschreibung" show_copyright="true" copyright="Quelle: XYZ" id="5fd759f2dd766"> [[Datei:Beispielbild.png]] </loop_figure>


Abbildung mit Bildunterschrift und Beschreibung <loop_figure title="Bildunterschrift" description="Beschreibung" id="5fd759f2dd773"> [[Datei:Beispielbild.png]] </loop_figure>


Abbildung ohne Rahmen und Bildunterschrift [[Datei:Beispielbild.png]]


Abbildung ohne Rahmen und Bildunterschrift, mit Abbildungsnamen <loop_figure render="none" description="Beschreibung" id="5fd759f2dd789"> [[Datei:Beispielbild.png]] </loop_figure>


Zoom Grafik <loop_figure title="Bildunterschrift" description="Originalbild anzeigen" id="5fd759f2dd795"> [[Datei:Vorschau_beispielbild.png|link=media:Beispielbild.png]] </loop_figure>


Videos[]

<loop_video source="Testvideo.mp4" image="Vorschaubild.jpg" width="700" height="400"> </loop_video> Das Vorschaubild kann weggelassen werden


Video mit Title und Beschreibung <loop_media type="video" title="Videotitle" description="Beschreibung des Videos" id="5fd759f2dd7a3"> [[Datei:Beispielvideo.mp4]] </loop_media>


YouTube-Video einbinden <loop_media type="video" title="Titel" description="Beschreibung" id="5fd759f2dd7af"> {{#ev:youtube|ZLbT5O8vmgU}} </loop_media>


Youtube Videoausschnitt {{#ev:youtube|UYRYancYXe8|700|center||10|20}} {{#ev:youtube|Kürzel Youtube-Seite|700|center|| Anfang Ausschnitt|Ende Ausschnitt}}


Medien[]

<loop_media type="X" title="Medientitle" description="Beschreibung" id="5fd759f2dd7bd"> </loop_media>

X animation, rollover, interaktion, simulation, click


Interaktive Grafiken <loop_zip file="name.zip" start="name.html" width="700px" height="350px"> </loop_zip>


Druckbereich (bei Medien) <loop_print> [[Datei: Screenshot.png]] ggf. Drucktext </loop_print>


PDF-Einbindung [[Media:Dateiname.pdf|Name auf der LOOP-Seite]]

Aufgaben[]

Aufgabe ins Aufgabenverzeichnis mit Titel <loop_area type="task" > <loop_task title="Titel der Aufgabe" id="5fd759f2dd7c9"> Text </loop_task> </loop_area>

Spoiler[]

Spoiler <spoiler text="Text z.B. Lösung"> Inhalt </spoiler>


Spoiler transparent <spoiler text="Text des Buttons" type="transparent"> Inhalt </spoiler>

Spoiler noprint <spoiler noprint=“true“>

Damit in der PDF-Version zu einer Aufgabe die Spoiler-Lösung nicht angezeigt wird, sollte diese Funktion gesetzt sein.

Quiz[]

Quiz <quiz display="simple"> {Text z.B.: Welche der folgenden Aussagen sind korrekt?} - Beispiel + Beispiel + Beispiel … </quiz> + und - geben an, ob die Aussage richtig oder falsch ist


Tabellen[]

Tabellenaufbau

Syntax: <loop_table render="marked" title="Tabellenunterschrift" description="Tabellenbeschreibung" id="5fd759f2dd7d6">

{| class="wikitable" !Überschrift 1 !! Überschrift 2 !! Überschrift 3 |- |Zeile 1 Spalte 1 || Zeile 1 Spalte 2 || Zeile 1 Spalte 3 |- | Zeile 2 Spalte 1 || Zeile 2 Spalte 2 || Zeile 2 Spalte 3 |- | Zeile 3 Spalte 1 || Zeile 3 Spalte 2 || Zeile 3 Spalte 3 |- | Zeile x Spalte y1 || Zeile x Spalte y2 || Zeile x Spalte y3 |- |} </loop_table>

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Spalte 1 Zeile 1 Spalte 2 Zeile 1 Spalte 3
Zeile 2 Spalte 1 Zeile 2 Spalte 2 Zeile 2 Spalte 3
Zeile 3 Spalte 1 Zeile 3 Spalte 2 Zeile 3 Spalte 3
Zeile x Spalte y1 Zeile x Spalte y2 Zeile x Spalte y3
 Tab. 12: Tabellenaufbau
Aufbau einer Tabelle in LOOP


Verbinden von Zellen
Mit colspan="x" verbinden Sie die Zellen waagerecht um x angegebene Anzahl von Zellen.
Mit rowspan="x" verbinden Sie die Zellen senkrecht um x angegebenene Anzahl von Zellen.

Die überflüssigen Zellen, müssen dann gelöscht werden

Syntax: <loop_table render="marked" title="Tabellenaufbau" description="Aufbau einer Tabelle in LOOP" id="5fd759f2dd7f0">

{| class="wikitable" !Überschrift 1 !! Überschrift 2 !! Überschrift 3 |- |colspan="2"|Zeile 1 Spalte 1 || Zeile 1 Spalte 2 |- | Zeile 2 Spalte 1 || Zeile 2 Spalte 2 || Zeile 2 Spalte 3 |- | Zeile 3 Spalte 1 || Zeile 3 Spalte 2 || Zeile 3 Spalte 3 |- | Zeile x Spalte y1 || Zeile x Spalte y2 || Zeile x Spalte y3 |- |} </loop_table>

Ergebnis:

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Spalte 1 Zeile 1 Spalte 2
Zeile 2 Spalte 1 Zeile 2 Spalte 2 Zeile 2 Spalte 3
Zeile 3 Spalte 1 Zeile 3 Spalte 2 Zeile 3 Spalte 3
Zeile x Spalte y1 Zeile x Spalte y2 Zeile x Spalte y3
 Tab. 13: Tabellenaufbau
Aufbau einer Tabelle in LOOP


Hintergrundfarbe einer Zelle ändern style="background:#E0E0E0"


Kombiniert mit Verbinden von Zellen style="background:#E0E0E0" colspan="5"|Inhalt der Zelle


Bereiche oder Tabellen, die nicht in die PDF sollen <loop_noprint> ... </loop_noprint>

Formeln[]

Math Umgebung (Grundstein für Formeln) <math> ... </math>


im Fließtext <math>\textstyle \Aufgabe</math>


Gleichungs ins Formelverzeichnis <loop_formula title="Gleichung X.Y" id="5fd759f2dd808"> ... </loop_formula>


Align-Umgebung (Art der tabellarischen Darstellung von Formeln) <math> \begin{alignat}{2} (= Anzahl der Zeilen) & … \ && … \\ & … \ && … \\ & … \ && … \\ … \end{alignat} </math>

Websource

Weitere Befehle, Symbole und eine gute Hilfe rund um Latex:

https://de.wikipedia.org/wiki/Hilfe:TeX

Learning Object Online Platform

Abgerufen von „https://loop1.eduloop.de/mediawiki/index.php?title=Snippets&oldid=2609“