Hilfe:Erste Schritte/Schritt 4: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(5 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Erste Schritte/Navigation}}
{{Navigation verstecken|{{Erste Schritte/Navigation}}|Erste Schritte einblenden|Erste Schritte ausblenden}}
 
{{Box|Nun erfolgt der Schritt 4 – Bilder und Videos einbinden|
{{Box|Nun erfolgt der Schritt 4 – Bilder und Videos einbinden|
'''Voraussetzung: Ich bin angemeldet (siehe Schritt 1)'''
'''Voraussetzung: Ich bin angemeldet (siehe [[../Schritt 1|Schritt 1]])'''
|Hervorhebung2}}
|Hervorhebung2}}


Zeile 13: Zeile 12:
|Kurzinfo}}
|Kurzinfo}}


 
== 1. Bilder  einfügen ==
{{Box|Üben - Ein Bild aus Wikimedia Commons einfügen|  
{{Box|Üben - Ein Bild aus Wikimedia Commons einfügen|  
Die Bilder auf der Seite von Wikimedia Commons können direkt hier im Wiki angezeigt werden.
Die Bilder auf der Seite von Wikimedia Commons können direkt hier im Wiki angezeigt werden.
Zeile 24: Zeile 23:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
# Kopiere die File-Benennung des Bildes:
#Kopiere die File-Benennung des Bildes:
<pre>File:Felis silvestris - July 2007-1.jpg</pre>
<pre>File:Felis silvestris - July 2007-1.jpg</pre>
# Gehe auf <Einfügen> und dann auf <Medien>.
 
#Gehe auf <Einfügen> und dann auf <Medien>.
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
Zeile 38: Zeile 38:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
# Füge jetzt die kopierte File-Benennung des Bildes in das Suchfeld ein. Es könnte auch nach einem Wort wie "cat" ("Katze" funktioniert aktuell nicht) gesucht werden.
#Füge jetzt die kopierte File-Benennung des Bildes in das Suchfeld ein. Es könnte auch nach einem Wort wie "cat" ("Katze" funktioniert aktuell nicht) gesucht werden.
# Wähle das Bild aus.
#Wähle das Bild aus.
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
Zeile 50: Zeile 50:
<div class="grid">
<div class="grid">
  <div class="width-1-2">
  <div class="width-1-2">
# Klicke auf <Dieses Bild weiterverwenden>.
#Klicke auf <Dieses Bild weiterverwenden>.
# und danach auf einfügen.
#und danach auf einfügen.
</div>
</div>
  <div class="width-1-2">
  <div class="width-1-2">
Zeile 96: Zeile 96:




 
==2. Ein Video aus YouTube einfügen==
 
 
 
 
 
 
== 2. Ein Video aus YouTube einfügen ==




Zeile 125: Zeile 118:
</div>
</div>


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.
{{Box|Info - Weitere Anpassungen |
{{Box|Info - Weitere Anpassungen |
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:


<pre>
<pre>{{#ev:youtube|lJnQChnv1T4|800|center}}</pre>
{{#ev:youtube|lJnQChnv1T4|800|center}}
</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.
|Info}}
|Kurzinfo}}
{{#ev:youtube|lJnQChnv1T4|800|center}}




{{#ev:youtube|lJnQChnv1T4|800|center}}




[[Kategorie:Erste Schritte]]
<br>
<br>
{{Erste Schritte/Navigation}}

Aktuelle Version vom 30. August 2020, 20:41 Uhr

Erste Schritte
Freiwilliger Durchgang.png
  1. Einleitung
  2. Schritt 1: Benutzerkonto und Anmeldung
  3. Schritt 2: Benutzerseite bearbeiten
  4. Schritt 3: Links einfügen
  5. Schritt 4: Bilder und Videos einbinden
  6. Schritt 5: Interaktive Übungen erstellen
  7. Prüfung
  8. Fleißarbeit 1 für fortgeschrittene Nutzer
  9. Fleißarbeit 2 - Externe Tools - für fortgeschrittene Nutzer
Nun erfolgt der Schritt 4 – Bilder und Videos einbinden

Voraussetzung: Ich bin angemeldet (siehe Schritt 1)


Info

Zum Einfügen von Bildern gibt es mehrere Möglichkeiten:

  1. 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.
  2. 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.
  3. 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.

1. Bilder einfügen

Üben - Ein Bild aus Wikimedia Commons einfügen

Die Bilder auf der Seite von Wikimedia Commons können direkt hier im Wiki angezeigt werden.

  1. Gehe auf die Seite von Wikimedia Commons http://commons.wikimedia.org/wiki/Hauptseite
  2. Suche ein Bild (Beispiel Katze) und verlinke es hier.
  3. Beispiel:

Im Virtuell-Editor 1:

  1. Kopiere die File-Benennung des Bildes:
File:Felis silvestris - July 2007-1.jpg
  1. Gehe auf <Einfügen> und dann auf <Medien>.

Bildschirmfoto 2020-08-26 um 16.53.27.png


Im Virtuell-Editor 2:

  1. Füge jetzt die kopierte File-Benennung des Bildes in das Suchfeld ein. Es könnte auch nach einem Wort wie "cat" ("Katze" funktioniert aktuell nicht) gesucht werden.
  2. Wähle das Bild aus.

Bildschirmfoto 2020-08-26 um 16.57.57.png


Im Virtuell-Editor 2:

  1. Klicke auf <Dieses Bild weiterverwenden>.
  2. und danach auf einfügen.

Bildschirmfoto 2020-08-26 um 17.06.02.png
Ergebnis: Das Bild wird als "Mini"-Bild eingefügt.

Felis silvestris - July 2007-1.jpg



Alternativ kannst du die auf Wikimedia Commons erhaltene File-Benennung des Bildes über „Quelltext bearbeiten“: 

[[File:Felis silvestris - July 2007-1.jpg]]

Felis silvestris - July 2007-1.jpg

„Quelltext bearbeiten“: Größe des Bildes anpassen. 

[[File:Felis silvestris - July 2007-1.jpg|300px]]

Felis silvestris - July 2007-1.jpg


Merke

<px> steht für Pixel.

  • 200px – Das Bild wird kleiner.
  • 600px – Das Bild wird größer.
Merke

Vergiss nicht, deine Seite zu speichern.


2. Ein Video aus YouTube einfügen

Üben - Ein Video aus YouTube einfügen
  1. Suche auf YouTube ein passendes Video! https://www.youtube.com/
  2. Kopiere den hinteren Teil der URL. Du findest diese unter <Teilen>.
https://youtu.be/lJnQChnv1T4

3. Bearbeite die Seite und füge das Video ein.


„Quelltext bearbeiten“: YouTube-Videos einbinden 

{{#ev:youtube|lJnQChnv1T4}}
{{#ev:youtube|Teil der YouTube-URL}}
Video laden
YouTube


Hinter #ev: fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.

Info - Weitere Anpassungen

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.


Video laden
YouTube




Erste Schritte
Freiwilliger Durchgang.png
  1. Einleitung
  2. Schritt 1: Benutzerkonto und Anmeldung
  3. Schritt 2: Benutzerseite bearbeiten
  4. Schritt 3: Links einfügen
  5. Schritt 4: Bilder und Videos einbinden
  6. Schritt 5: Interaktive Übungen erstellen
  7. Prüfung
  8. Fleißarbeit 1 für fortgeschrittene Nutzer
  9. Fleißarbeit 2 - Externe Tools - für fortgeschrittene Nutzer
Abgerufen von „https://deutsch-lernen.zum.de/index.php?title=Hilfe:Erste_Schritte/Schritt_4&oldid=26414“