Hilfe:Medien: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
K (Tippfehler korrigiert) Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 1: | Zeile 1: | ||
__NOCACHE__ | __NOCACHE__ | ||
{{Box|Beachte| | {{Box|Beachte| | ||
In dem grau hinterlegtem Feld steht jeweils in der linken Spalte der Quellcode, den | In dem grau hinterlegtem Feld steht jeweils in der linken Spalte der Quellcode, den man zum Einbinden der einzelnen Medien benötigt. | ||
Füge diesen mit copy&paste auf deiner Seite ein und passe die entsprechende Parameter und Texte an. | Füge diesen mit copy&paste auf deiner Seite ein und passe die entsprechende Parameter und Texte an. | ||
|Hervorhebung2}} | |Hervorhebung2}} | ||
== Bilder == | ==Bilder== | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-2-3"><pre> | <div class="width-2-3"><pre> | ||
| Zeile 10: | Zeile 10: | ||
</pre> | </pre> | ||
Zum Einfügen von Bildern gibt es mehrere Möglichkeiten: | 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 der Wikimedia Commons und auch des Projektwikis 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. | #Einfügen im '''Visual Editor''' und bei '''Quelltextbearbeitung''': über das Menü "Einfügen" können Medien (unter anderem Bilder) im Archiv der Wikimedia Commons und auch des Projektwikis 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. | |||
#'''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. | #'''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. | ||
<pre>[[Datei:Lune of Hippocrates.svg|200px|center]]</pre> | <pre>[[Datei:Lune of Hippocrates.svg|200px|center]]</pre> | ||
| Zeile 25: | Zeile 26: | ||
== LearningApps== | ==LearningApps== | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
<pre>{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}</pre> | <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. Diese Material-ID wird nach <code>app=.....</code> '' eingesetzt. | Jede [https://learningapps.org/ '''Learning-App'''] hat eine ''Material-ID'', die am Ende des Weblinks steht. Diese Material-ID wird nach <code>app=.....</code> '' eingesetzt.'' | ||
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 69: | Zeile 70: | ||
</div> | </div> | ||
== Video- und Audio == | ==Video- und Audio== | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
| Zeile 86: | Zeile 87: | ||
</div> | </div> | ||
</div> | </div> | ||
=== Video Start und Ende setzen=== | ===Video Start und Ende setzen=== | ||
<div class="grid"> | <div class="grid"> | ||
<div class="width-1-2"> | <div class="width-1-2"> | ||
| Zeile 112: | Zeile 113: | ||
</div> | </div> | ||
=== Videos in Spalten === | ===Videos in Spalten=== | ||
{{2Spalten | {{2Spalten | ||
| | | | ||
| Zeile 128: | Zeile 129: | ||
}} | }} | ||
== Galerien == | ==Galerien== | ||
Es werden automatisch so viele Bilder in der Größe eines Vorschaubildes <code>220px</code>-Bildbreite dynamisch nebeneinandergesetzt, wie es die horizontale Bildschirmbreite zulässt. Die Anweisung jedes Bildes muss jeweils in einer eigenen Zeile stehen. Eine sehr ausführliche Hilfe findet sich in [https://de.wikipedia.org/wiki/Hilfe:Galerie#Einbindung Wikipedia]. | Es werden automatisch so viele Bilder in der Größe eines Vorschaubildes <code>220px</code>-Bildbreite dynamisch nebeneinandergesetzt, wie es die horizontale Bildschirmbreite zulässt. Die Anweisung jedes Bildes muss jeweils in einer eigenen Zeile stehen. Eine sehr ausführliche Hilfe findet sich in [https://de.wikipedia.org/wiki/Hilfe:Galerie#Einbindung Wikipedia]. | ||
| Zeile 151: | Zeile 152: | ||
Carcharhinus melanopterus Luc Viatour.jpg|Hai | Carcharhinus melanopterus Luc Viatour.jpg|Hai | ||
</gallery> | </gallery> | ||
[[Kategorie:Hilfe]] | [[Kategorie:Hilfe]] | ||
Version vom 8. Mai 2020, 23:58 Uhr
Bilder
[[Datei:Lune of Hippocrates.svg|mini|Die Summe der Flächen der grauen Möndchen entspricht der Fläche des rechtwinkligen Dreiecks.]]
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 der Wikimedia Commons und auch des Projektwikis 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.
- 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.
[[Datei:Lune of Hippocrates.svg|200px|center]]
Die Optionen left, right, center richten Bilder im Text nach links,rechts, bzw. zentriert aus.
LearningApps
{{LearningApp|app=py7d7b0x501|width=100%|height=400px}}
Jede Learning-App hat eine Material-ID, die am Ende des Weblinks steht. Diese Material-ID wird nach app=..... eingesetzt.
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.
LearningApps sind interaktive Übungen, die auf der Website LearningApps.org einfach erstellt und in den Wikis auf ZUM.de, eingebunden werden können.
H5P
{{H5p|id=
61119|height=232}}
Jede H5P-Übung hat eine Material-ID, die im Weblink nach embed/ steht. Diese Material-ID wird nach id=..... eingesetzt.
H5P ist eine freie Software zum Erstellen von interaktiven-Inhalten für das Web. Beliebte Übungen sind z.B. Videos oder Präsentationen mit eingebetteten Quiz-Aufgaben, Zeitstrahlen, Memory-Spiel.
Geogebra
<ggb_applet id="jhAvTrGx" width="400" height="310" />
Jedes Geogebra-Applet hat eine Material-ID, die am Ende des Weblinks steht. Diese Material-ID wird nach id="....." eingesetzt.
Die Parameter width und height müssen entsprechend angepasst werden.
Video- und Audio
{{#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}}
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=400
|alignment=center
}}
oder mit #ev
{{#ev:youtube|lJnQChnv1T4|200|center|||start=300&end=388}}
Videos in Spalten
{{2Spalten
|
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.
|
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}
Galerien
Es werden automatisch so viele Bilder in der Größe eines Vorschaubildes 220px-Bildbreite dynamisch nebeneinandergesetzt, wie es die horizontale Bildschirmbreite zulässt. Die Anweisung jedes Bildes muss jeweils in einer eigenen Zeile stehen. Eine sehr ausführliche Hilfe findet sich in Wikipedia.
<gallery>
Rotkehlchen gr.jpg|Rotkehlchen
Gaense2004.jpg|Gänse
Waran.jpg|Komodowaran
Cat outside.jpg|Hauskatze
Turtle mazunte oaxaca mexico claudio giovenzana 2010.jpg|Schildkröte
Carcharhinus melanopterus Luc Viatour.jpg|Hai
</gallery>
Rotkehlchen
Gänse
Komodowaran
Hauskatze
Schildkröte
Hai
