Benutzer:Maria Eirich/Hilfe: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(39 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre><ggb_applet id="mCvJqeY3" width="820" height="450" border="888888" /></pre>
<pre><ggb_applet id="f8ZNkcQt" width="787" 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>
  <div class="width-1-2">
  <div class="width-1-2">
<ggb_applet id="mCvJqeY3" width="820" height="450" border="888888" />
<ggb_applet id="f8ZNkcQt" width="787" height="450" border="888888" />
</div>
</div>
</div>
</div>
Zeile 14: Zeile 16:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{LearningApp|app=|width=100%|height=400px}}</pre>
<pre>{{LearningApp|app=py7d7b0x501|width=400px|height=400px}}</pre>
'''Hinweis:'''
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 21: Zeile 23:
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}
{{LearningApp|app=py7d7b0x501|width=400px|height=400px}}
</div>
</div>
</div>
</div>


== YouTube-Videos einbinden==
== 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.
<pre>
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4
|alignment=right
}}
</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="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{#ev:youtube |Kl87tJcB4Io|350}}</pre>  
:<pre>{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}</pre>  
'''Hinweis:'''
</div>
<div class="width-1-2">
{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}</div>
</div>


Die Zahl 350 gibt die Breite in Pixel an.
'''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>
</div>


==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|Vorlage:Box]].
Wenn die Auswahl nicht ausreicht gibt es mit der [[:Vorlage:Box-spezial|Vorlage:Box-spezial]] die Möglichkeit viele Parameter der Vorlage beim Einbinden selbst anzupassen.
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box hervorhebung1">
=== Beachte ===
...
</div>
</pre>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
{{#ev:youtube |Kl87tJcB4Io|350}}
<div class="box hervorhebung1">
=== Beachte===
...
</div>
</div>
</div>
</div>
</div>


==Tabelle===
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
'''Das schreibt man:'''
<pre>
<div class="box hervorhebung2">
=== Merke ===
...
</div>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
'''Das sieht man:'''
<div class="box hervorhebung2">
=== Merke ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box ueben">
=== Übung===
...
</div>
</pre>
</div>
<div class="width-1-2">
<div class="box ueben">
=== Übung===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box zitat">
=== Zitat ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box zitat">
=== Zitat ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box arbeitsmethode">
=== Aufgabe 3 ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box arbeitsmethode">
=== Aufgabe 3 ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box unterrichtsidee">
=== Idee ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box unterrichtsidee">
=== Idee ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box meinung">
=== Meinung ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box meinung">
=== Meinung ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box lernpfad">
===Lernpfad ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box lernpfad">
=== Lernpfad ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box loesung">
=== Lösung ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box loesung">
=== Lösung ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box kurzinfo">
=== Kurzinfo ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box kurzinfo">
=== Kurzinfo ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box experimentieren">
=== Experiment ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box experimentieren">
=== Experiment ===
...
</div>
</div>
</div>
 
<div class="grid">
<div class="width-1-2">
<pre>
<div class="box download">
=== Download ===
...
</div>
</pre>
</div>
 
<div class="width-1-2">
<div class="box download">
=== Download ===
...
</div>
</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