3.4 Seitenbereiche mit dem Editor anlegen

[unmarkierte Version]

[gesichtete Version]

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

Mit LOOP können Sie besondere Bereiche einer Seite mit Hilfe von verschiedenen Kennzeichnungen ausweisen. Über das Untermenü LOOP des Seiteneditors können Sie aus vorgegebenen Bereichen auswählen und per Klick zur LOOP-Syntax hinzufügen. In der unteren Abbildung sehen Sie eine vollständige Auswahl der möglichen Bereiche.

Abb. 48: Seitenbereiche im LOOP-Seiteneditor

Eine detaillierte Erläuterung der verschiedenen Seitenbereiche und deren Anpassung finden Sie im folgenden Abschnitt. Hier wird ebenfalls erläutert wie Sie individuelle Bereiche anlegen können.

Wichtig

Seitenbereich können nicht in einander verschachtelt oder kombiniert werden!

Seitenbereiche[]

Der Tag <loop_area> </loop_area> generiert einen ausgezeichneten Bereich der anhand von Parametern angepasst werden kann.

Syntax: <loop_area type="example"> Beispiel </loop_area>

Ergebnis:

Beispiel

Parameter[]

Über Parameter haben Sie die Möglichkeit das Verhalten des Tags loop_area zu beinflussen.

Parameter	gültige Werte	Standard
type	`annotation, arrangement, citation, definition, example, formula, indentation, important, learningobjectives, markedsentence, norm, notice, reflection, sourcecode, summary, task, timerequirement`	`area`
render	`none, icon, marked`	`marked` bzw. Wert der Konfigurationsvariable `$wgLoopAreaDefaultRenderOption`
icon	Dateiname	nicht gesetzt
icontext	Text	nicht gesetzt

Im folgenden werden die einzelnen Parameter detailierter erklärt.

type[]

Mit dem Parameter type geben Sie an welches Icon neben dem Bereich angezeigt wird.

Bereich	Wert für type	Syntax
Anmerkung	`annotation`	`<loop_area type="annotation">` `</loop_area>`
Gliederung	`arrangement`	`<loop_area type="arrangement">` `</loop_area>`
Definition	`definition`	`<loop_area type="definition">` `</loop_area>`
Beispiel	`example`	`<loop_area type="example">` `</loop_area>`
Formel	`formula`	`<loop_area type="formula">` `</loop_area>`
Vertiefung	`indentation`	`<loop_area type="indentation">` `</loop_area>`
Wichtig	`important`	`<loop_area type="important">` `</loop_area>`
Lernziele	`learningobjectives`	`<loop_area type="learningobjectives">` `</loop_area>`
Merksatz	`markedsentence`	`<loop_area type="markedsentence">` `</loop_area>`
Norm	`norm`	`<loop_area type="norm">` `</loop_area>`
Hinweis	`notice`	`<loop_area type="notice">` `</loop_area>`
Reflexion	`reflection`	`<loop_area type="reflection">` `</loop_area>`
Sourcecode	`sourcecode`	`<loop_area type="sourcecode">` `</loop_area>`
Zusammenfassung	`summary`	`<loop_area type="summary">` `</loop_area>`
Aufgabe	`task`	`<loop_area type="task">` `</loop_area>`
Zeitumfang	`timerequirement`	`<loop_area type="timerequirement">` `</loop_area>`
Frage	`question`	`<loop_area type="question">` `</loop_area>`
Aus der Praxis	`practice`	`<loop_area type="practice">` `</loop_area>`
Übung	`exercise`	`<loop_area type="exercise">` `</loop_area>`
Quelle im Web	`websource`	`<loop_area type="websource">` `</loop_area>`
Versuch	`experiment`	`<loop_area type="experiment">` `</loop_area>`
Zitat	`citation`	`<loop_area type="citation">` `</loop_area>`

render[]

Parameter	render
gültige Werte	`none, icon, marked, default`
Standard	`marked` bzw. Wert der Konfigurationsvariable `$wgLoopAreaDefaultRenderOption`

Mit dem Parameter render können Sie beinflussen, ob Seitenbereiche auf der Seite besonders ausgezeichnet dargestellt werden oder nicht. Wenn Sie den Wert default verwenden oder den Parameter render nicht angeben wird der Standardwert marked verwendet.

Dieser Standard kann in der Konfigurationsdatei LocalSettings.php über die Variable $wgLoopAreaDefaultRenderOption auf einen der Werte none, icon oder marked gesetzt werden.

Beispiel: render="none"

Beispiel

Beispiel: render="icon"

Beispiel

Beispiel: render="marked"

Seitenbereiche individuell gestalten[]

icon[]

Parameter	icon
gültige Werte	Dateinamen
Standard	nicht gesetzt

Mit dem Parameter icon können Sie ein Bild, das Sie vorher in Loop hochgeladen haben als Bereichsicon verwenden.

Beispiel: siehe Paremeter icontext

icontext[]

Parameter	icontext
gültige Werte	Text
Standard	nicht gesetzt

Mit dem Parameter icontext können Sie bei der verwendung eines eigenes Icons einen individuellen Icontext angeben.

Syntax: <loop_area icon="audio.png" icontext="Audio"> Individueller Bereich </loop_area>

Ergebnis:

audio

Individueller Bereich

Icon-Vorlagen[]

Mit diesen Photoshop-Vorlagen

können Sie sich Ihr eigenes Icon erstellen:

@@ Zeile 1: / Zeile 1: @@
-Mit LOOP können Sie mit dem Tag &lt;loop_area&gt; &lt;/loop_area&gt; Bereiche einer Seite besonders kennzeichnen. Über das Untermenue LOOP des Seiteneditors können Sie aus vielen vorgegebenen Bereichen auswählen und per Klick zum LOOP-Code hinzufügen.
+Mit LOOP können Sie besondere Bereiche einer Seite mit Hilfe von verschiedenen Kennzeichnungen ausweisen. Über das '''Untermenü LOOP''' des Seiteneditors können Sie aus vorgegebenen '''Bereichen''' auswählen und per Klick zur LOOP-Syntax hinzufügen. In der unteren Abbildung sehen Sie eine vollständige Auswahl der möglichen Bereiche.
-<loop_figure>
+<loop_figure id="5fd759f09ccb4">
-[[file:loop_bereiche_full_marked.png|700px]]
+[[file:loop_bereiche_full_marked.png]]
 <loop_title>Seitenbereiche im LOOP-Seiteneditor</loop_title>
 <loop_description> </loop_description>
 </loop_figure>
+Eine detaillierte Erläuterung der verschiedenen Seitenbereiche und deren Anpassung finden Sie im folgenden Abschnitt. Hier wird ebenfalls erläutert wie Sie individuelle Bereiche anlegen können.
+<loop_area type="important">
+Seitenbereich können nicht in einander verschachtelt oder kombiniert werden!
+</loop_area>
+== Seitenbereiche ==
+Der Tag &lt;loop_area&gt; &lt;/loop_area&gt; generiert einen ausgezeichneten Bereich der anhand von Parametern angepasst werden kann.
+'''Syntax:'''
+<code><loop_area type="example">
-== Seitenbereiche ==
-<code>
-<loop_area type="example">
 Beispiel
-</loop_area>
+</loop_area></code>
-</code>
-Das Ergebnis sieht dann wie folgt aus:
+'''Ergebnis:'''
 <loop_area type="example">
 Beispiel
 </loop_area>
 == Parameter ==
@@ Zeile 60: / Zeile 56: @@
 Im folgenden werden die einzelnen Parameter detailierter erklärt.
 === type ===
@@ Zeile 69: / Zeile 66: @@
 !Wert für type
 !Abbildung
-!Quellcode
+!Syntax
 |-
 |Anmerkung
 |<tt>annotation</tt>
@@ Zeile 204: / Zeile 201: @@
 |-
 |}
 === render ===
@@ Zeile 218: / Zeile 216: @@
 |}
-Mit dem Parameter <tt>render</tt> können Sie beinflussen, ob Seitenbereiche auf der Seite besonders ausgezeichnet dargestellt werden oder nicht. Wenn Sie den Wert <tt>default</tt> verwenden oder den Parameter render nicht angeben wird der Standardwert <tt>marked</tt> verwendet. Dieser Standard kann in der Konfigurationsdatei LocalSettings.php über die Variable <tt>$wgLoopAreaDefaultRenderOption</tt> auf einen der Werte <tt>none, icon</tt> oder <tt>marked</tt> gesetzt werden.
+Mit dem Parameter <tt>render</tt> können Sie beinflussen, ob Seitenbereiche auf der Seite '''besonders ausgezeichnet dargestellt''' werden oder nicht. Wenn Sie den Wert <tt>default</tt> verwenden oder den Parameter render nicht angeben wird der Standardwert <tt>marked</tt> verwendet.
+Dieser Standard kann in der Konfigurationsdatei LocalSettings.php über die Variable <tt>$wgLoopAreaDefaultRenderOption</tt> auf einen der Werte <tt>none, icon</tt> oder <tt>marked</tt> gesetzt werden.
 <loop_area type="example" render="none">
-Beispiel mit der Einstellung render="none"
+Beispiel: render="none"
 </loop_area>
 <loop_area type="example" render="icon">
-Beispiel mit der Einstellung render="icon"
+Beispiel: render="icon"
 </loop_area>
 <loop_area type="example" render="marked">
-Beispiel mit der Einstellung render="marked"
+Beispiel: render="marked"
 </loop_area>
+== Seitenbereiche individuell gestalten ==
 === icon ===
@@ Zeile 250: / Zeile 252: @@
 Beispiel: siehe Paremeter <tt>icontext</tt>
 === icontext ===
@@ Zeile 266: / Zeile 269: @@
 Mit dem Parameter <tt>icontext</tt> können Sie bei der verwendung eines eigenes Icons einen individuellen Icontext angeben.
+'''Syntax:'''
+<code><loop_area icon="audio.png" icontext="Audio">
+Individueller Bereich
+</loop_area></code>
-<code>
+'''Ergebnis:'''
 <loop_area icon="audio.png" icontext="Audio">
 Individueller Bereich
 </loop_area>
-</code>
-Das Ergebnis sieht dann wie folgt aus:
-<loop_area icon="audio.png" icontext="Audio">
-Individueller Bereich
-</loop_area>
 === Icon-Vorlagen ===
-Mit diesen Photoshop-Vorlagen
+Mit diesen '''Photoshop-Vorlagen'''
 * [[media:icon_bausatz_eckig_48px.psd|icon_bausatz_eckig_48px.psd]]
 * [[media:icon_bausatz_rund_48px.psd|icon_bausatz_rund_48px.psd]]
-können Sie sich ganz einfach Ihr eigenes Icon erstellen:
+können Sie sich Ihr eigenes Icon erstellen:
 [[image:animation.png]] [[image:audio.png]] [[image:click.png]] [[image:custom_round.png]] [[image:custom_square.png]] [[image:dragdrop.png]] [[image:image.png]] [[image:law.png]] [[image:sendedtask.png]] [[image:simulation.png]] [[image:unit.png]] [[image:video.png]]