Benutzer:Maria Eirich/Kurz-Überblick: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
K (Maria Eirich verschob die Seite Hilfe:Kurz-Überblick nach Benutzer:Maria Eirich/Kurz-Überblick)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 1: Zeile 1:
__NOCACHE__
==Geogebra==
<div class="grid">
<div class="width-1-2">
<pre><ggb_applet id="f8ZNkcQt" width="100%" height="450" border="888888" /></pre>
Geogebra-Applets auf [https://www.geogebra.org/materials/ GeoGebraTube] werden mit Hilfe eines Codes eingebunden, der die Material-ID enthält. Diesen Code erhält man direkt beim Applet unter '''Teilen ''' -->'''Einbetten'''. Man wählt dann '''Mediawiki''' und kopiert den Code auf die Wiki-Seite.


</div>
<div class="width-1-2">
<ggb_applet id="f8ZNkcQt" width="100%" height="450" border="888888" />
</div>
</div>
==LearningApps==
<div class="grid">
<div class="width-1-2">
<pre>{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}</pre>
Jede [https://learningapps.org/ Learning-App] hat eine Material-ID, die am Ende des Weblinks steht.
Die Parameter ''width'' und ''height'' sind optional und müssen in % bzw. px angegeben werden.
Wird nichts eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.
</div>
<div class="width-1-2">
{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}
</div>
</div>
==h5p==
<div class="grid">
<div class="width-1-3">
<pre>{{H5p|id=298571|height=600}}</pre>
</div>
<div class="width-2-3">
{{H5p|id=298571|height=600}}
</div>
</div>
[[H5p|Mehr Beispiele zu h5p]]
== YouTube-Video ==
<div class="grid">
<div class="width-1-2">
<pre>
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4}}
</pre>
Hinter <code>#evu:</code> fügt man die URL des YouTube-Videos ein. Möchte man die Anordnung, Größe etc. des Videos genauer kontrollieren, kann man die [https://www.mediawiki.org/wiki/Extension:EmbedVideo#Attributes_for_Parser_Tags '''hier beschriebenen Parameter'''] verwenden, z.B.:
*alignment=right: am rechten Rand
*dimensions=300: Breite 300px
<pre>
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4
|alignment=right|dimensions=300
}}
</pre>
</div>
<div class="width-1-2">
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4}}
</div>
</div>
==Verstecken und Anzeigen==
'''Vorlage zum Verstecken von Lösungen'''
<div class="grid">
<div class="width-1-2">
:<pre>{{Lösung versteckt|Text zum Verstecken}}</pre>
</div>
<div class="width-1-2">
{{Lösung versteckt|Text zum Verstecken}}</div>
</div>
'''Vorlage mit freier Textwahl'''
<div class="grid">
<div class="width-1-2">
:<pre>{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}</pre>
</div>
<div class="width-1-2">
{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}</div>
</div>
'''Vorlage mit freier Textwahl''' wenn der '''"Text zum Verstecken" '''ein ''Gleichheitszeichen'' <nowiki> = </nowiki> oder eine ''senkrechte Line ''<nowiki>|</nowiki> enthält.
<div class="grid">
<div class="width-1-2">
:<pre>{{Lösung versteckt|1=Text zum Verstecken|2=Label fürs Anzeigen|3=Label fürs Verbergen}}</pre>
</div>
<div class="width-1-2">
{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}</div>
</div>
'''Vorlage für Verstecken einer Tabelle'''
<pre>
<div class="mw-collapsible mw-collapsed" data-expandtext="Lösungsvorschläge anzeigen" data-collapsetext="Lösungsvorschläge verbergen">
''....hier steht eine Tabelle....''
</div>
</pre>
==Vorlage Weiter==
'''Vorlage Weiter'''
<div class="grid">
<div class="width-1-2">
:<pre>{{Fortsetzung|weiter=Weiter zu: Mathematik-digital|weiterlink=Mathematik-digital}}</pre>
</div>
<div class="width-1-2">
{{Fortsetzung|weiter=Weiter zu: Mathematik-digital|weiterlink=Mathematik-digital}}</div>
</div>
==Vorlage Navigation verstecken==
'''Vorlage Navigation verstecken'''
<div class="grid">
<div class="width-1-2">
:<pre>{{Navigation verstecken|Zu versteckender Text, ggf. in separatem Template}}</pre>
'''HINWEIS:''' Da eine Navigation üblicherweise auf mehreren Seiten identisch angezeigtwerden soll, empfiehlt es sich den zu versteckenden Text (erster Parameter) ebenfalls in ein Template auszulagern.
</div>
<div class="width-1-2">
{{Navigation verstecken|Zu versteckender Text, ggf. in separatem Template}}</div>
</div>
'''Vorlage Navigation verstecken - Beispiel mit freiem Text'''
<div class="grid">
<div class="width-1-2">
:<pre>{{Navigation verstecken|{{Lernpfad Laplace-Wahrscheinlichkeit wiederholen und vertiefen}}|Lernschritte einblenden|Lernschritte ausblenden}}</pre>
Text fürs Aufklappen (Standard ist 'Navigation anzeigen')
Text fürs Einklappen (Standard ist 'Navigation verbergen')
</div>
<div class="width-1-2">
{{Navigation verstecken
|{{Lernpfad Laplace-Wahrscheinlichkeit wiederholen und vertiefen}}|Lernschritte einblenden|Lernschritte ausblenden}}</div>
</div>
==Vorlagen für Boxen==
Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. 
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]].
<div class="grid">
<div class="width-1-2">
Verkürzt wird die Vorlage so verwendet:
<pre>{{Box|<Überschrift>|<Inhalt>|<Klasse>}}</pre>
</div>
<div class="width-1-2">
</div>
</div>
* Die Überschrift (nach <code><nowiki>{{Box|</nowiki></code> und vor dem nächsten <code><nowiki>|</nowiki></code>) ist frei wählbar.
* Die '''Klasse''' gibt an, welche Farbe und welches Icon verwendet wird. Als '''Klassen '''stehen folgende Varianten zur Verfügung:
<div class="grid">
<div class="width-1-2">
'''Hervorhebung 1'''
<pre>
{{Box|Hervorhebung1|...| Hervorhebung1}}
</pre>
</div>
<div class="width-1-2">
{{Box|Hervorhebung1|...| Hervorhebung1}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Hervorhebung 2'''
<pre>
{{Box|Zusammenfassung|...|Hervorhebung2}}
</pre>
</div>
<div class="width-1-2">
{{Box|Zusammenfassung|...|Hervorhebung2}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Üben'''
<pre>
{{Box|Üben|...|Üben}}
</pre>
</div>
<div class="width-1-2">
{{Box|Üben|...|Üben}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Zitat'''
<pre>
{{Box|Zitat|....|Zitat}}
</pre>
</div>
<div class="width-1-2">
{{Box|Zitat|....|Zitat}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Arbeitsmethode'''
<pre>
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</pre>
</div>
<div class="width-1-2">
{{Box|Arbeitsmethode|...|Arbeitsmethode}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Unterrichtsidee
<pre>
{{Box|Idee|...|Unterrichtsidee }}
</pre>
</div>
<div class="width-1-2">
{{Box|Idee|...|Unterrichtsidee }}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Meinung'''
<pre>
{{Box|Meinung|...|Meinung}}
</pre>
</div>
<div class="width-1-2">
{{Box|Meinung|...|Meinung}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Lernpfad'''
<pre>
{{Box|Lernpfad|...|Lernpfad}}
</pre>
</div>
<div class="width-1-2">
{{Box|Lernpfad|...|Lernpfad}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Lösung'''
<pre>
{{Box|Lösung|...|Lösung}}
</pre>
</div>
<div class="width-1-2">
{{Box|Lösung|...|Lösung}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Merksatz'''
<pre>
{{Box|Merke|...|Merksatz}}
</pre>
</div>
<div class="width-1-2">
{{Box|Merke|...|Merksatz}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Kurzinfo'''
<pre>
{{Box|Info|...|Kurzinfo}}
</pre>
</div>
<div class="width-1-2">
{{Box|Info|...|Kurzinfo}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Experimentieren'''
<pre>
{{Box|Experiment|...|Experimentieren}}
</pre>
</div>
<div class="width-1-2">
{{Box|Experiment|...|Experimentieren}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Download'''
<pre>
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</pre>
</div>
<div class="width-1-2">
{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
</div>
</div>
<div class="grid">
<div class="width-1-2">
'''Frage'''
<pre>
{{Box|Frage|mit einer Frage|Frage}}
</pre>
</div>
<div class="width-1-2">
{{Box|Frage|mit einer Frage|Frage}}
</div>
</div>
==Icons==
* [[Hilfe:Icons einbinden]]
* [[Hilfe:Icons einbinden/Brainy Icons]]


==Fehlerquellen und Lösungen beim Umzug==
==Fehlerquellen und Lösungen beim Umzug==
*Wenn noch "iframe"-Einbindungen auf einer Seite sind, funktioniert der math-Befehl nicht.
*Wenn noch "iframe"-Einbindungen auf einer Seite sind, funktioniert der math-Befehl nicht.

Version vom 3. November 2018, 09:33 Uhr

Geogebra

<ggb_applet id="f8ZNkcQt" width="100%" height="450" border="888888" />

Geogebra-Applets auf GeoGebraTube werden mit Hilfe eines Codes eingebunden, der die Material-ID enthält. Diesen Code erhält man direkt beim Applet unter Teilen -->Einbetten. Man wählt dann Mediawiki und kopiert den Code auf die Wiki-Seite.

GeoGebra


LearningApps

{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}

Jede Learning-App hat eine Material-ID, die am Ende des Weblinks steht.

Die Parameter width und height sind optional und müssen in % bzw. px angegeben werden. Wird nichts eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.


h5p

{{H5p|id=298571|height=600}}

Mehr Beispiele zu h5p

YouTube-Video

{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4}}

Hinter #evu: fügt man die URL des YouTube-Videos ein. Möchte man die Anordnung, Größe etc. des Videos genauer kontrollieren, kann man die hier beschriebenen Parameter verwenden, z.B.:

  • alignment=right: am rechten Rand
  • dimensions=300: Breite 300px
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4
|alignment=right|dimensions=300
}}


Verstecken und Anzeigen

Vorlage zum Verstecken von Lösungen

{{Lösung versteckt|Text zum Verstecken}}
Text zum Verstecken

Vorlage mit freier Textwahl

{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}
Text zum Verstecken

Vorlage mit freier Textwahl wenn der "Text zum Verstecken" ein Gleichheitszeichen = oder eine senkrechte Line | enthält.

{{Lösung versteckt|1=Text zum Verstecken|2=Label fürs Anzeigen|3=Label fürs Verbergen}}
Text zum Verstecken


Vorlage für Verstecken einer Tabelle

<div class="mw-collapsible mw-collapsed" data-expandtext="Lösungsvorschläge anzeigen" data-collapsetext="Lösungsvorschläge verbergen">
''....hier steht eine Tabelle....''
</div>

Vorlage Weiter

Vorlage Weiter

{{Fortsetzung|weiter=Weiter zu: Mathematik-digital|weiterlink=Mathematik-digital}}

Vorlage Navigation verstecken

Vorlage Navigation verstecken

{{Navigation verstecken|Zu versteckender Text, ggf. in separatem Template}}

HINWEIS: Da eine Navigation üblicherweise auf mehreren Seiten identisch angezeigtwerden soll, empfiehlt es sich den zu versteckenden Text (erster Parameter) ebenfalls in ein Template auszulagern.


Vorlage Navigation verstecken - Beispiel mit freiem Text

{{Navigation verstecken|{{Lernpfad Laplace-Wahrscheinlichkeit wiederholen und vertiefen}}|Lernschritte einblenden|Lernschritte ausblenden}}

Text fürs Aufklappen (Standard ist 'Navigation anzeigen')

Text fürs Einklappen (Standard ist 'Navigation verbergen')

Vorlagen für Boxen

Für das einheitliche Hevorheben von ähnlichen Inhalten soll möglichst die Vorlage "Box" verwendet werden. Mehr Infos dazu findet man auf der Seite Vorlage:Box.

Verkürzt wird die Vorlage so verwendet:

{{Box|<Überschrift>|<Inhalt>|<Klasse>}}


  • Die Überschrift (nach {{Box| und vor dem nächsten |) ist frei wählbar.
  • Die Klasse gibt an, welche Farbe und welches Icon verwendet wird. Als Klassen stehen folgende Varianten zur Verfügung:


Hervorhebung 1

{{Box|Hervorhebung1|...| Hervorhebung1}}
Hervorhebung1
...

Hervorhebung 2

{{Box|Zusammenfassung|...|Hervorhebung2}}
Zusammenfassung
...

Üben

{{Box|Üben|...|Üben}}
Üben
...

Zitat

{{Box|Zitat|....|Zitat}}
Zitat
....

Arbeitsmethode

{{Box|Arbeitsmethode|...|Arbeitsmethode}}
Arbeitsmethode
...

Unterrichtsidee

{{Box|Idee|...|Unterrichtsidee }}
Idee
...

Meinung

{{Box|Meinung|...|Meinung}}
Meinung
...

Lernpfad

{{Box|Lernpfad|...|Lernpfad}}
Lernpfad
...

Lösung

{{Box|Lösung|...|Lösung}}
Lösung
...

Merksatz

{{Box|Merke|...|Merksatz}}
Merke
...

Kurzinfo

{{Box|Info|...|Kurzinfo}}
Info
...

Experimentieren

{{Box|Experiment|...|Experimentieren}}
Experiment
...

Download

{{Box|Download|mit (möglichst internen) Links zu herunterladbarem Material|Download}}
Download
mit (möglichst internen) Links zu herunterladbarem Material


Frage

{{Box|Frage|mit einer Frage|Frage}}
Frage
mit einer Frage

Icons

Fehlerquellen und Lösungen beim Umzug

  • Wenn noch "iframe"-Einbindungen auf einer Seite sind, funktioniert der math-Befehl nicht.