Benutzer:Maria Eirich/Hilfe: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(28 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>
'''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 29: Zeile 27:
</div>
</div>


== YouTube-Videos ==
== YouTube-Video ==
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
<pre>{{#ev:youtube |Kl87tJcB4Io|400|center}}</pre>  
<pre>
'''Hinweis:'''
{{#evu:https://www.youtube.com/watch?v=lJnQChnv1T4}}
 
</pre>  
*Die Zahl 400 gibt die Breite in Pixel an.
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.
*Mögliche Parameter: left, center, right
<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==
'''Vorlage zum Verstecken von Lösungen'''
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
'''Das schreibt man:'''
:<pre>{{Lösung versteckt|Text zum Verstecken}}</pre>  
<pre>
<div class="box ueben">
== Üben ==
...
</div>
</div>
</pre>
<div class="width-1-2">
{{Lösung versteckt|Text zum Verstecken}}</div>
</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">
  <div class="width-1-2">
'''Das sieht man:'''
{{Lösung versteckt|Text zum Verstecken|Label fürs Anzeigen|Label fürs Verbergen}}</div>
<div class="box ueben">
== Üben ==
...
</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>
<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="grid">
Zeile 70: Zeile 89:
<pre>
<pre>
<div class="box hervorhebung1">
<div class="box hervorhebung1">
== Hervorhebung 1 ==
=== Beachte ===
...
...
</div>
</div>
</pre>
</pre>
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
<div class="box hervorhebung1">
<div class="box hervorhebung1">
== Hervorhebung 1 ==
=== Beachte===
...
...
</div>
</div>
</div>
</div>


<div class="grid">
<div class="width-1-2">
<pre>
<div class="box hervorhebung2">
=== Merke ===
...
</div>
</pre>
</div>
<div class="width-1-2">
<div class="box hervorhebung2">
=== Merke ===
...
</div>
</div>
</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>


=== Folgende Boxen stehen zur Verfügung (analog oben) ===
<div class="grid">
 
<div class="width-1-2">
<pre>
<pre>
<div class="box zitat">
=== Zitat ===
...
</div>
</pre>
</div>


<div class="width-1-2">
<div class="box zitat">
=== Zitat ===
...
</div>
</div>
</div>


<div class="box hervorhebung2">
<div class="grid">
== Hervorhebung 2 ==
<div class="width-1-2">
<pre>
<div class="box arbeitsmethode">
=== Aufgabe 3 ===
...
...
</div>
</pre>
</div>
</div>


<div class="box zitat">
<div class="width-1-2">
== Zitat ==
<div class="box arbeitsmethode">
=== Aufgabe 3 ===
...
...
</div>
</div>
</div>
</div>


<div class="box arbeitsmethode">
<div class="grid">
== Arbeitsmethode ==
<div class="width-1-2">
<pre>
<div class="box unterrichtsidee">
=== Idee ===
...
...
</div>
</pre>
</div>
</div>


<div class="width-1-2">
<div class="box unterrichtsidee">
<div class="box unterrichtsidee">
== Unterrichtsidee ==
=== Idee ===
...
...
</div>
</div>
</div>
</div>


<div class="grid">
<div class="width-1-2">
<pre>
<div class="box meinung">
<div class="box meinung">
== Meinung ==
=== Meinung ===
...
...
</div>
</pre>
</div>
</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">
<div class="box lernpfad">
== Lenrpfad ==
===Lernpfad ===
...
...
</div>
</pre>
</div>
</div>


<div class="box experimentieren">
<div class="width-1-2">
== Experimentieren ==
<div class="box lernpfad">
=== Lernpfad ===
...
...
</div>
</div>
</div>
</div>


<div class="grid">
<div class="width-1-2">
<pre>
<div class="box loesung">
<div class="box loesung">
== Lösung ==
=== Lösung ===
...
...
</div>
</pre>
</div>
</div>


<div class="box ueben">
<div class="width-1-2">
== Üben ==
<div class="box loesung">
=== Lösung ===
...
...
</div>
</div>
</div>
</div>


<div class="grid">
<div class="width-1-2">
<pre>
<div class="box kurzinfo">
<div class="box kurzinfo">
== 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>


<div class="width-1-2">
<div class="box experimentieren">
<div class="box experimentieren">
== Experimentieren ==
=== Experiment ===
...
...
</div>
</div>
</div>
</div>


<div class="grid">
<div class="width-1-2">
<pre>
<div class="box download">
<div class="box download">
== Download ==
=== Download ===
...
...
</div>
</div>
</pre>
</pre>
</div>
<div class="width-1-2">
<div class="box download">
=== Download ===
...
</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