Hilfe:Medien: Unterschied zwischen den Versionen
Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| (18 dazwischenliegende Versionen von 7 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
__NOCACHE__ | __NOCACHE__ | ||
{{Hilfe Navigation}} | {{Hilfe Navigation}} | ||
== Bilder == | |||
Zum Einfügen von Bildern gibt es mehrere Möglichkeiten: | |||
* Einfügen im Visual Editor und bei Quelltextbearbeitung: über das Menü "Einfügen" können Medien (unter anderem Bilder) im Archiv des ZUM-Deutsch Lernen und der Wikimedia Commons gesucht und direkt eingebunden werden. Dies ist die leichteste Art, weil keinerlei Zusatzinformationen zu den Bildern gegeben werden müssen. | |||
* Außerdem können über dieses Menü Bilder auch hoch geladen werden. Als Standardlizenz ist die Lizenz CC-by-SA 4.0 ausgewählt. Wenn eine andere Lizenz gewünscht ist, muss über den Uploadassistenten hoch geladen werden. | |||
* Upload-Assistent: An jeder Seite ist unten rechts ein Schraubenschlüssel (wenn man angemeldeter Nutzer ist). Dort gibt es den Punkt "Datei hochladen". Bei dieser Schrittfolge können unterschiedliche Lizenzen ausgewählt werden. | |||
== YouTube | |||
== Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud == | |||
<pre> | <pre> | ||
{{#ev:youtube|lJnQChnv1T4}} | {{#ev:youtube|lJnQChnv1T4}} | ||
</pre> | </pre> | ||
Hinter <code>#ev:</code> fügt man die Plattform ein (youtube, vimeo oder soundcloud) | |||
Hinter <code>#ev:</code> fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei. | |||
Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden: | Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden: | ||
| Zeile 24: | Zeile 23: | ||
{{#ev:youtube|lJnQChnv1T4|800|center}} | {{#ev:youtube|lJnQChnv1T4|800|center}} | ||
</pre> | </pre> | ||
Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt. | Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt. | ||
| Zeile 29: | Zeile 29: | ||
'''Wichtig:''' Bitte Videos nicht mehr mit der Syntax <nowiki>{{#evu:URL}}</nowiki> einbinden, da so keine datenschutzkonforme Einbindung gesichert ist. | '''Wichtig:''' Bitte Videos nicht mehr mit der Syntax <nowiki>{{#evu:URL}}</nowiki> einbinden, da so keine datenschutzkonforme Einbindung gesichert ist. | ||
{{#ev:youtube|lJnQChnv1T4|800|center}} | |||
=== Video Start und Ende setzen === | |||
Bei vielen Videodiensten kann auch der Start und Endzeitpunkt des Videos gewählt werden. Dazu müssen zusätzliche Parameter mitgegeben werden. Diese variieren je nach Dienst. Bei Youtube verwendet man die Parameter <code>start</code> und <code>end</code>. Diese müssen der Einbettungsfunktion (''#ev'') mitgegeben werden als <code>urlargs</code> Parameter. Um Fehler zu vermeiden, verwenden wir die Einbettungsfunktion ''#evt''. Bei dieser werden alle Parameter benannt. (Bei der Einbettungsfunktion ''#ev'' sind die urlargs der 7. Parameter) | |||
<pre>{{#evt: | |||
service=youtube | |||
|id=lJnQChnv1T4 | |||
|urlargs=start=300&end=388 | |||
|dimensions=200 | |||
|alignment=center | |||
}}</pre> | |||
oder mit ''#ev'' | |||
<pre>{{#ev:youtube|lJnQChnv1T4|200|center|||start=300&end=388}}</pre> | |||
{{#evt: | |||
service=youtube | |||
|id=lJnQChnv1T4 | |||
|urlargs=start=300&end=388 | |||
|dimensions=200 | |||
|alignment=center | |||
}} | |||
=== Videos in Spalten === | |||
Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird. | |||
<pre> | |||
{{2Spalten | |||
| | |||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. | |||
| | |||
{{#ev:youtube|lJnQChnv1T4|460|center}} | |||
}} | |||
</pre> | |||
{{2Spalten | |||
| | |||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. | |||
| | |||
{{#ev:youtube|lJnQChnv1T4|460|center}} | |||
}} | |||
== Galerien == | == Galerien == | ||
Das Media-Wiki bietet in der neuesten Version | <pre> | ||
<gallery mode="packed" heights="200" style="text-align:center"> | |||
File:2009 Lagerfeuer.JPG|Holz brennt | |||
Datei:Pilot light flames.jpg|Gas als Brennstoff | |||
File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt. | |||
Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme! | |||
</gallery></pre> | |||
Das Media-Wiki bietet in der neuesten Version [[mediawikiwiki:Help:Images/de#Gallery_syntax|neue Funktionen für Galerien]] an. Hier ein Beispiel für eine Galerie im Modus ''"packed"'' | |||
<gallery mode="packed" heights="200" style="text-align:center"> | <gallery mode="packed" heights="200" style="text-align:center"> | ||
File:2009 Lagerfeuer.JPG| | File:2009 Lagerfeuer.JPG|Holz brennt | ||
Datei:Pilot light flames.jpg|Gas als Brennstoff | Datei:Pilot light flames.jpg|Gas als Brennstoff | ||
File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt. | File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt. | ||
Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme! | Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme! | ||
| Zeile 46: | Zeile 92: | ||
Die | <pre><gallery widths="300" heights="230" style="text-align:center"> | ||
Datei:Thermite mix.jpg|Die Bahnmitarbeiter nutzen fertige Gemische. | |||
Datei:Velp-thermitewelding-1.jpg|In einem Reaktionsgefäß wird das flüssige Eisen erzeugt. | |||
Datei:Railphoto.jpg|Nach dem Entfernen der Gussform glüht das Eisen noch. | |||
Datei:Geschweisster schienenstoss.jpeg|Nach dem Erkalten des Eisen wird die Oberfläche geglättet. | |||
</gallery></pre> | |||
Mehr Informationen auf dieser [https://de.wikipedia.org/wiki/Hilfe:Galerie#gallery-Tag Hilfe-Seite]. | |||
<gallery widths="300" heights="230" style="text-align:center"> | <gallery widths="300" heights="230" style="text-align:center"> | ||
| Zeile 59: | Zeile 108: | ||
<code>style="text-align:center"</code> im Galley-Tag | |||
<code>style="text-align:center"</code> im Galley-Tag führt zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text | |||
[[Kategorie:Hilfe]] | [[Kategorie:Hilfe]] | ||
Aktuelle Version vom 26. August 2020, 14:43 Uhr
Hilfen in "ZUM Deutsch Lernen": Vorlagen, allgemeine Hilfeseiten
Hilfeseiten zu den Vorlagen
- Boxen
- Farben
- Mehrspaltenlayout
- Icons
- Vorlagen für Lernpfade
- Navigation
- Verstecken
- Fortsetzung
Multimedia
- Einbinden von Medien (Bilder, Youtube, Geogebra, etc.)
- Einbinden von externen Tools (Mentimeter, Padlet, Quizlet, AnswerGarden)
- Interaktive Übungen einbinden oder erstellen
- Links als Buttons anzeigen
Bilder
Zum Einfügen von Bildern gibt es mehrere Möglichkeiten:
- Einfügen im Visual Editor und bei Quelltextbearbeitung: über das Menü "Einfügen" können Medien (unter anderem Bilder) im Archiv des ZUM-Deutsch Lernen und der Wikimedia Commons gesucht und direkt eingebunden werden. Dies ist die leichteste Art, weil keinerlei Zusatzinformationen zu den Bildern gegeben werden müssen.
- Außerdem können über dieses Menü Bilder auch hoch geladen werden. Als Standardlizenz ist die Lizenz CC-by-SA 4.0 ausgewählt. Wenn eine andere Lizenz gewünscht ist, muss über den Uploadassistenten hoch geladen werden.
- Upload-Assistent: An jeder Seite ist unten rechts ein Schraubenschlüssel (wenn man angemeldeter Nutzer ist). Dort gibt es den Punkt "Datei hochladen". Bei dieser Schrittfolge können unterschiedliche Lizenzen ausgewählt werden.
Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud
{{#ev:youtube|lJnQChnv1T4}}
Hinter #ev: fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.
Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden:
{{#ev:youtube|lJnQChnv1T4|800|center}}
Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt.
Wichtig: Bitte Videos nicht mehr mit der Syntax {{#evu:URL}} einbinden, da so keine datenschutzkonforme Einbindung gesichert ist.
Video Start und Ende setzen
Bei vielen Videodiensten kann auch der Start und Endzeitpunkt des Videos gewählt werden. Dazu müssen zusätzliche Parameter mitgegeben werden. Diese variieren je nach Dienst. Bei Youtube verwendet man die Parameter start und end. Diese müssen der Einbettungsfunktion (#ev) mitgegeben werden als urlargs Parameter. Um Fehler zu vermeiden, verwenden wir die Einbettungsfunktion #evt. Bei dieser werden alle Parameter benannt. (Bei der Einbettungsfunktion #ev sind die urlargs der 7. Parameter)
{{#evt:
service=youtube
|id=lJnQChnv1T4
|urlargs=start=300&end=388
|dimensions=200
|alignment=center
}}
oder mit #ev
{{#ev:youtube|lJnQChnv1T4|200|center|||start=300&end=388}}
Videos in Spalten
Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird.
{{2Spalten
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Galerien
<gallery mode="packed" heights="200" style="text-align:center"> File:2009 Lagerfeuer.JPG|Holz brennt Datei:Pilot light flames.jpg|Gas als Brennstoff File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt. Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme! </gallery>
Das Media-Wiki bietet in der neuesten Version neue Funktionen für Galerien an. Hier ein Beispiel für eine Galerie im Modus "packed"
Holz brennt
Gas als Brennstoff
Spiritus wird als flüssiger Brennstoff genutzt.
Magnesium brennt mit hellem Licht, aber ohne eine Flamme!
<gallery widths="300" heights="230" style="text-align:center"> Datei:Thermite mix.jpg|Die Bahnmitarbeiter nutzen fertige Gemische. Datei:Velp-thermitewelding-1.jpg|In einem Reaktionsgefäß wird das flüssige Eisen erzeugt. Datei:Railphoto.jpg|Nach dem Entfernen der Gussform glüht das Eisen noch. Datei:Geschweisster schienenstoss.jpeg|Nach dem Erkalten des Eisen wird die Oberfläche geglättet. </gallery>
Mehr Informationen auf dieser Hilfe-Seite.
Die Bahnmitarbeiter nutzen fertige Gemische.
In einem Reaktionsgefäß wird das flüssige Eisen erzeugt.
Nach dem Entfernen der Gussform glüht das Eisen noch.
Nach dem Erkalten des Eisen wird die Oberfläche geglättet.
style="text-align:center" im Galley-Tag führt zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text
