Benutzer:Maria Eirich/Hilfe: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 4: Zeile 4:
  <div class="width-1-2">
  <div class="width-1-2">
<pre><ggb_applet id="f8ZNkcQt" width="787" height="450" border="888888" /></pre>
<pre><ggb_applet id="f8ZNkcQt" width="787" height="450" border="888888" /></pre>
Einbindung mit Hilfe der Material-ID aus [https://www.geogebra.org/materials/ GeoGebraTube]:
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.
 
Auf der Materialseite findet man unter Teilen den Code zum '''Einbetten'''. Man wählt dann '''Mediawiki''' und kopiert den Code auf die Wiki-Seite.


</div>
</div>
Zeile 18: Zeile 16:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{LearningApp|app=|width=400px|height=400px}}</pre>
<pre>{{LearningApp|app=py7d7b0x501|width=400px|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.  
Die Parameter ''width'' und ''height'' sind optional und müssen in % bzw. px angegeben werden.  
Zeile 31: Zeile 30:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{#ev:youtube |Kl87tJcB4Io|400|center}}</pre>  
<pre>
 
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4}}
Die Zahl ''400'' gibt die Breite in Pixel an. Mögliche Parameter für die Ausrichtung sind z.B.: ''left, center, right''.
</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.  
<pre>
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4
|alignment=right
}}
</pre>
</div>
</div>


  <div class="width-1-2">
  <div class="width-1-2">
{{#ev:youtube |Kl87tJcB4Io|400}}
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4}}
</div>
</div>
</div>
</div>


==Verstecken und Anzeigen==
==Verstecken und Anzeigen==
Zeile 62: Zeile 68:
</div>
</div>


'''Vorlage mit freier Textwahl wenn der "Text zum Verstecken" ein Gleichheitszeichen oder ein senkrechte Line <nowiki>|</nowiki> enthält.'''
'''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="grid">
Zeile 73: Zeile 79:




==Vorlagen==
==Vorlagen für Boxen==
Die Überschriften im div-Container sind frei wählbar und werden im Inhaltsverzeichnis aufgeführt.  
Die Überschriften im div-Container sind frei wählbar und werden im Inhaltsverzeichnis aufgeführt.  
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]].
Mehr Infos dazu findet man auf der Seite [[Vorlage:Box|Vorlage:Box]].
Zeile 291: Zeile 297:
</div>
</div>
</div>
</div>
==Farben==
[https://de.wikipedia.org/wiki/Webfarbe#Websichere_Farben Farben]

Aktuelle Version vom 8. April 2018, 05:22 Uhr

Geogebra

<ggb_applet id="f8ZNkcQt" width="787" 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


Learning App

{{LearningApp|app=py7d7b0x501|width=400px|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.

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.

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


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


Vorlagen für Boxen

Die Überschriften im div-Container sind frei wählbar und werden im Inhaltsverzeichnis aufgeführt. Mehr Infos dazu findet man auf der Seite Vorlage:Box. Wenn die Auswahl nicht ausreicht gibt es mit der Vorlage:Box-spezial die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.


<div class="box hervorhebung1">
=== Beachte ===
...
</div>

Beachte

...

<div class="box hervorhebung2">
=== Merke ===
...
</div>

Merke

...

<div class="box ueben">
=== Übung===
...
</div>

Übung

...

<div class="box zitat">
=== Zitat ===
...
</div>

Zitat

...

<div class="box arbeitsmethode">
=== Aufgabe 3 ===
...
</div>

Aufgabe 3

...

<div class="box unterrichtsidee">
=== Idee ===
...
</div>

Idee

...

<div class="box meinung">
=== Meinung ===
...
</div>

Meinung

...

<div class="box lernpfad">
===Lernpfad ===
...
</div>

Lernpfad

...

<div class="box loesung">
=== Lösung ===
...
</div>

Lösung

...

<div class="box kurzinfo">
=== Kurzinfo ===
...
</div>

Kurzinfo

...

<div class="box experimentieren">
=== Experiment ===
...
</div>

Experiment

...

<div class="box download">
=== Download ===
...
</div>

Download

...

Farben

Farben