Medien aus Wikimedia Commons einbetten: Unterschied zwischen den Versionen

Aus MOOCit, P4P Mini MOOCs
Wechseln zu: Navigation, Suche
(Literatur => Wikisource)
 
(16 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
 
{| align=center  
 
{| align=center  
 
|
 
|
[[Datei:MOOCit Wiki-Bearbeitunghilfe Wikimedia.png|150px|link=Medien aus Wikimedia Commons einbetten]]  <big>[[Medien aus Wikimedia Commons einbetten|Medien auf Wikimedia Commons]]</big> <br />
+
[[Datei:Commons Medien.png|150px|link=Medien aus Wikimedia Commons einbetten]]  '''Inhalte einbetten'''
 
|}
 
|}
  
 
<br />
 
<br />
 +
{{:Iframe auf MOOCit}}
 +
<br>
  
  
Zeile 17: Zeile 19:
 
{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
 
{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
 
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
 
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
| Auf MOOCit können Medien von [https://commons.wikimedia.org Wikimedia Commons] eingebettet werden.  
+
| '''Auf MOOCit können Medien z.B. von [https://commons.wikimedia.org Wikimedia Commons] oder [[Öffentlich-rechtliche Inhalte für P4P MOOCs|öffentlich-rechtliche Inhalte]] als [[Iframe]] eingebettet werden.'''  
 
 
'''Vorteile'''  
 
* Rechte sind bereits geklärt
 
* Riesige Auswahl an Medien
 
 
|}
 
|}
  
  
== Bild aus Wikimedia Commons ==
 
  
'''Wie bettet man ein Bild ein?'''
+
== Alle Iframes auf einen Blick ==
# Datei suchen
 
# Dateiname kopieren: z.B. "File:Lionel Messi in tears after the final.jpg"
 
# Dateiname einfügen und als internen Link (in zwei eckigen Klammern) setzen.
 
# Bildgröße angeben: z.B. 200 Pixel
 
  
'''Man schreibt'''
+
{{:Iframes auf MOOCit}}
<pre>[[File:Lionel Messi in tears after the final.jpg|200px]]</pre>
 
  
'''So sieht es dann aus''' <br />
 
[[File:Lionel Messi in tears after the final.jpg|200px]]
 
  
<br />
 
  
'''Zusatzmöglichkeiten'''
+
== Vorteile der eingebetteten Inhalte ==
(immer mit einem senkrechten Strich trennen = alt+7)
+
* Riesige Auswahl an Medien
# Position des Bildes: left, center, right
+
* Inhalte bleiben immer so aktuell, wie das Original
# MouseOver-Text
+
* Inhalte werden nicht urheberrechtswidrig heruntergeladen
# Link
+
* Rechte sind bereits geklärt: Mit einem Klick sind die Urheberrechte einsehbar
 
 
<br />
 
 
 
'''Man schreibt'''
 
<pre>[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]</pre>
 
  
'''So sieht es dann aus'''
 
[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]
 
  
  
 
== Video aus Wikimedia Commons ==
 
 
Werden freie Videos verlinkt, dann muss der Dateiname (wie bei Bildern) eingefügt und als interner Link markiert werden. So wird man zu dem Video weitergeleitet.
 
 
'''Schreiben'''
 
<pre>[[File:The Wikipedia Education Program.webm|500px]]</pre>
 
 
'''So sieht es aus:'''
 
[[File:The Wikipedia Education Program.webm|500px]]
 
  
  
Zeile 77: Zeile 49:
 
|}
 
|}
  
 
+
{{:Iframe auf MOOCit}}
<div style="margin-top:50px; clear:both; padding-top:15px; border-top:3px double #CCC; color:#222; line-height:120%; width:80%;">
 
<div style="background: white; width:45px; margin:0 auto; margin-top: -40px;">[[Datei:MOOCit Logo.png|45px|center|link=MOOCit]]</div>
 
<div class="plainlinks" style=" color:#222; font-size:120%; text-align:center; margin-bottom:20px; padding-top:10px;">Non-profit, multilingual, free-content Wikimedia family.</div>
 
<br />
 
 
 
{| align="center" cellpadding="2" style="margin-top:0px; font-size:100%; text-align:start; background-color:transparent; color:#777;"
 
|- valign="top"
 
| style="width:32px;" | [[File:Wikipedia-logo.png|32px|Wikipedia|link=w:]]
 
| style="width:20%;"  | '''Wikipedia'''<br /><span style="font-size:85%;">Encyclopedia</span>
 
| style="width:32px;" | [[File:Wikinews-logo-51px.png|40px|Wikinews|link=n:]]
 
| style="width:20%;"  | '''Wikinews'''<br /><span style="font-size:85%;">Open journalism</span>
 
| style="width:32px;" | [[File:Wiktionary-logo-v2.svg|32px|Wiktionary|link=wikt:]]
 
| style="width:20%;"  | '''Wiktionary'''<br /><span style="font-size:85%;">Dictionary & thesaurus</span>
 
| style="width:32px;" | [[File:Wikibooks-logo.svg|32px|Wikibooks|link=b:]]
 
| style="width:20%;"  | '''Wikibooks'''<br /><span style="font-size:85%;">Textbooks & manuals</span>
 
|-
 
| style="width:32px;" | [[File:Wikiquote-logo.svg|32px|Wikiquote|link=q:]]
 
| '''Wikiquote'''<br /><span style="font-size:85%;">Quotations</span>
 
| style="width:32px;" | [[File:Wikispecies-logo.svg|32px|Wikispecies|link=species:]]
 
| '''Wikispecies'''<br /><span style="font-size:85%;">Species directory</span>
 
| style="width:32px;" | [[File:Wikiversity-logo.svg|32px|Wikiversity|link=v:]]
 
| '''Wikiversity'''<br /><span style="font-size:85%;">Learning tools</span>
 
| style="width:32px;" | [[File:Wikivoyage-logo.svg|31px|Wikivoyage|link=voy:]]
 
| '''Wikivoyage'''<br /><span style="font-size:85%;">Travel guide</span>
 
|-
 
| style="width:32px;" | [[File:Wikisource-logo.svg|32px|Wikisource|link=s:]]
 
| '''Wikisource'''<br /><span style="font-size:85%;">Source texts</span>
 
| style="width:32px;" | [[File:Wikidata-logo.svg|40px|Wikidata|link=d:]]
 
| '''Wikidata'''<br /><span style="font-size:85%;">Knowledge base</span>
 
| style="width:32px;" | [[File:Wikimedia Community Logo.svg|32px|Meta-Wiki|link=m:]]
 
| '''Meta-Wiki'''<br /><span style="font-size:85%;">Coordination</span>
 
| style="width:32px;" | [[File:Mediawiki-logo.png|32px|MediaWiki|link=mw:]]
 
| '''MediaWiki'''<br /><span style="font-size:85%;">Wiki software development</span>
 
|}
 
</div>
 
  
 
<br />
 
<br />
Zeile 149: Zeile 86:
  
 
[[Datei:Pfeil weiter.png|100px|rahmenlos|zentriert|link=#Videos]]
 
[[Datei:Pfeil weiter.png|100px|rahmenlos|zentriert|link=#Videos]]
 +
 +
 +
== Bild aus Wikimedia Commons ==
 +
 +
'''Wie bettet man ein Bild ein?'''
 +
# Datei suchen
 +
# Dateiname kopieren: z.B. "File:Lionel Messi in tears after the final.jpg"
 +
# Dateiname einfügen und als internen Link (in zwei eckigen Klammern) setzen.
 +
# Bildgröße angeben: z.B. 200 Pixel
 +
 +
'''Man schreibt'''
 +
<pre>[[File:Lionel Messi in tears after the final.jpg|200px]]</pre>
 +
 +
'''So sieht es dann aus''' <br />
 +
[[File:Lionel Messi in tears after the final.jpg|200px]]
 +
 +
<br />
 +
 +
'''Zusatzmöglichkeiten'''
 +
(immer mit einem senkrechten Strich trennen = alt+7)
 +
# Position des Bildes: left, center, right
 +
# MouseOver-Text
 +
# Link
 +
 +
<br />
 +
 +
'''Man schreibt'''
 +
<pre>[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]</pre>
 +
 +
'''So sieht es dann aus'''
 +
[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]
 +
 +
 +
 +
== Video ==
 +
 +
=== Öffentlich Rechtliche Inhalte ===
 +
{{:Öffentlich rechtliche Inhalte für P4P MOOCs}}
 +
<br>
 +
 +
=== Video aus Wikimedia Commons ===
 +
 +
Werden freie Videos verlinkt, dann muss der Dateiname (wie bei Bildern) eingefügt und als interner Link markiert werden. So wird man zu dem Video weitergeleitet.
 +
 +
'''Schreiben'''
 +
<pre>[[File:The Wikipedia Education Program.webm|500px]]</pre>
 +
 +
'''So sieht es aus:'''
 +
[[File:The Wikipedia Education Program.webm|500px]]
 +
 +
<br>
 +
<br>
  
  
  
 
{{:MOOCit - Bearbeitungshilfe}}
 
{{:MOOCit - Bearbeitungshilfe}}

Aktuelle Version vom 26. April 2020, 12:47 Uhr



Commons Medien.png Inhalte einbetten


<iframe> LINK </iframe>


MOOCit-Logo-voll.png
Auf MOOCit können Medien z.B. von Wikimedia Commons oder öffentlich-rechtliche Inhalte als Iframe eingebettet werden.


Alle Iframes auf einen Blick


Commons Medien.png


<iframe> LINK </iframe>



Wikis

Wiki-Family-MOOCit.png

Haken.png wikisource.org
Haken.png wikiquote.org
Haken.png wikipedia.org
Haken.png wikimedia.de
Haken.png commons.wikimedia.org
Haken.png wiktionary.org
Haken.png wikidata.org
Haken.png wikiversity.org



Öffentlich-rechtliche Inhalte

Öffentlich-rechtliche Inhalte für P4P MOOCs.png

Haken.png ARD
Haken.png CheckEins
Haken.png ZDF
Haken.png KIKA
Haken.png Schau Hin
Haken.png Planet Wissen
Haken.png Planet Schule
Haken.png Dritte: BR, MDR, SWR, WDR



Interaktive Aufgaben

Interaktive Aufgaben erstellen

Haken.png LearningApps
Haken.png LearningSnacks
Haken.png H5P


PDF, Präsentationen, Suchmaschinen für Kinder und mehr OERs

Text bearbeiten

Haken.png PDF
Haken.png Prezi
Haken.png Blinde Kuh
Haken.png Helles Köpfchen
Haken.png LMV-BW
Haken.png Sesam
Haken.png Deutscher Bildungsserver
Haken.png Unterricht
Haken.png ZUM

Videos

MOOCit Wiki-Bearbeitunghilfe Video.png

{{#ev:youtube | LINK | 350 | center}}

Haken.png Vimeo
Haken.png YouTube
Haken.png Dailymotion



Vorteile der eingebetteten Inhalte

  • Riesige Auswahl an Medien
  • Inhalte bleiben immer so aktuell, wie das Original
  • Inhalte werden nicht urheberrechtswidrig heruntergeladen
  • Rechte sind bereits geklärt: Mit einem Klick sind die Urheberrechte einsehbar



Textbausteine einbetten

MOOCit-Logo-voll.png
Es können aus anderen Wiki-Projekte oder anderen OER-Seiten Texte, Zitate, Informationen und ganze Bücher eingebettet werden.
  1. Suche eine Seite, welche Du in Deinen MOOC einbetten möchtest.
  2. Fülle den Link zwischen <iframe > und </iframe> ein.
  3. Der Text erscheint in einer Box.

<iframe> LINK </iframe>




Pfeil weiter.png

Begriffe => Wiktionary


Pfeil weiter.png


Informationen => Wikipedia


Pfeil weiter.png


Zitate => Wikisource



Pfeil weiter.png


Literatur => Wikisource


Pfeil weiter.png


Bild aus Wikimedia Commons

Wie bettet man ein Bild ein?

  1. Datei suchen
  2. Dateiname kopieren: z.B. "File:Lionel Messi in tears after the final.jpg"
  3. Dateiname einfügen und als internen Link (in zwei eckigen Klammern) setzen.
  4. Bildgröße angeben: z.B. 200 Pixel

Man schreibt

[[File:Lionel Messi in tears after the final.jpg|200px]]

So sieht es dann aus
Lionel Messi in tears after the final.jpg


Zusatzmöglichkeiten (immer mit einem senkrechten Strich trennen = alt+7)

  1. Position des Bildes: left, center, right
  2. MouseOver-Text
  3. Link


Man schreibt

[[File:Lionel Messi in tears after the final.jpg|200px|center|MouseOver-Text|link=Hauptseite]]

So sieht es dann aus

MouseOver-Text


Video

Öffentlich Rechtliche Inhalte

Öffentlich-rechtliche Inhalte für P4P MOOCs.png

Haken.png ARD
Haken.png CheckEins
Haken.png ZDF
Haken.png KIKA
Haken.png Schau Hin
Haken.png Planet Wissen
Haken.png Planet Schule
Haken.png Dritte: BR, MDR, SWR, WDR


Video aus Wikimedia Commons

Werden freie Videos verlinkt, dann muss der Dateiname (wie bei Bildern) eingefügt und als interner Link markiert werden. So wird man zu dem Video weitergeleitet.

Schreiben

[[File:The Wikipedia Education Program.webm|500px]]

So sieht es aus:




Bearbeitungshilfe


Titel eingeben und MOOC-Vorlage laden.png MOOC anlegen
Text bearbeiten Text bearbeiten
Bild einfügen Bild einfügen
Video bearbeiten Video einbetten
Interaktive Aufgaben erstellen Interaktive Aufgaben erstellen
Commons Medien.png Medien auf Wikimedia Commons
Zertifikat-Stempel-MOOCit MAIL.png Zertifikat bekommen