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

Aus ZUM Deutsch Lernen
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 1: Zeile 1:
{{:Erste Schritte/Navigation}}
{{:Erste Schritte/Navigation}}


{{Box|Nun erfolgt der Schritt 4 – Bilder und Videos einbinden|
'''Voraussetzung: Ich bin angemeldet (siehe Schritt 1)'''
|Hervorhebung2}}


{{Box|Info|
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.
|Kurzinfo}}
{{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.
# Gehe auf die Seite von Wikimedia Commons http://commons.wikimedia.org/wiki/Hauptseite
# Suche ein Bild (Beispiel Katze) und verlinke es hier.
# Beispiel:
|Üben}}
Im Virtuell-Editor:<br />
<div class="grid">
<div class="width-1-2">
# Kopiere die File-Benennung des Bildes:
<pre>File:Felis silvestris - July 2007-1.jpg</pre>
# Gehe auf <Einfügen> und dann auf <Medien>.
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 16.53.27.png|rahmenlos]]
</div>
</div>
File:Felis silvestris - July 2007-1.jpg


„Quelltext bearbeiten“: Schreibe dein Land kursiv
<div class="grid">
<div class="width-1-2">
<pre>''Land''</pre>
</div>
<div class="width-1-2">
''Land''
</div>
</div>
„Quelltext bearbeiten“: Schreibe deine Stadt fett
<div class="grid">
<div class="width-1-2">
<pre>'''Stadt'''</pre>
</div>
<div class="width-1-2">
'''Stadt'''
</div>
</div>




Nun erfolgt der Schritt 4 – Bilder und Videos einbinden<br />


Voraussetzung: Ich bin angemeldet (siehe Schritt 1)<br />


{{Box|Info|
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.
|Kurzinfo}}


Ein Bild aus Wikimedia Commons einfügen
Die Bilder auf der Seite von Wikimedia Commons können direkt hier im Wiki angezeigt werden.


Schau dir erst folgendes Erklärvideo dazu an:


{{#ev:youtube|PGOn6UcMC9s}}
*https://youtu.be/PGOn6UcMC9s?list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs




Jetzt kannst du es selbst ausprobieren. Folgende Anleitung beschreibt, wie:<br />


# Gehe auf die Seite von Wikimedia Commons http://commons.wikimedia.org/wiki/Hauptseite
# Suche ein Bild: (Beispiel Katze)
# Kopiere die File-Benennung des Bildes wie in der folgenden Beschreibung:
: [[File:Felis silvestris - July 2007-1.jpg|150px]]<br />
File:Felis silvestris - July 2007-1.jpg<br />


4. Klicke auf <Bearbeiten>.<br />
4. Klicke auf <Bearbeiten>.<br />
Zeile 144: Zeile 177:
|}
|}


'''Und jetzt kommt das [[Erste_Schritte/Schritt_5|Quiz]]!'''
<pre>
{{#ev:youtube|lJnQChnv1T4}}
</pre>
 
 
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:
 
<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.




Zeile 150: Zeile 197:




[[Kategorie:Erste Schritte]]
[[Kategorie:Erste Schritte]]
[[Kategorie:Erste Schritte]]

Version vom 26. August 2020, 14:55 Uhr

Erste Schritte/Navigation


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.


Ü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. 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

File:Felis silvestris - July 2007-1.jpg


„Quelltext bearbeiten“: Schreibe dein Land kursiv 

''Land''

Land

„Quelltext bearbeiten“: Schreibe deine Stadt fett 

'''Stadt'''

Stadt






4. Klicke auf <Bearbeiten>.
Bearbeiten.jpg 5. Es öffnet sich das schon bekannte Editorfenster:
6. Klicke auf <Erweitert> und es öffnet sich folgendes Unterfenster:
Wiki-Editor "Erweitert"

7. Klicke auf das Symbol für <Eingebettete Datei> Symbol Eingebettete Datei
8. Füge die Angaben ein.
Datei:Editor Eingebettete Datei Inhalt.jpg

9. Klicke <Einfügen>.

10. Jetzt die <Seite speichern>. Ergebnis:
Felis silvestris - July 2007-1.jpg

1.2 Ein aus Wikimedia Commons eingefügtes Bild in Ausrichtung, Format und Größe ändern

1.2.1 Während des Einfügens - Ausrichtung:

Bild ausrichten


1.2.2 Während des Einfügens - Format:

Datei:Editor Eingebettete Datei Format.jpg


1.2.3 Während des Einfügens - Größe:

Die Größe der Bilder, die aus Wikimedia Commons eingefügt werden, muss per Hand verändert werden. Beispiel:

[[Datei:Felis silvestris - July 2007-1.jpg|400px]]

<px> steht für Pixel.

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

Ein Bild mit allen Angaben:

[[Datei:Felis silvestris - July 2007-1.jpg|350px|links|DaF-Wiki Katze]]

Größe – Ausrichtung - Beschreibung

Speichern nicht vergessen!

Kurzfassung

Aufgabe Was tun? So schreibt man es: Ergebnis
Bild aus Wikimedia Commons

einfügen
und verlinken

Beispiel: Katze

1. Bild finden

2. anklicken
3. Namen der Datei kopieren:
File:Felis silvestris - July 2007-1.jpg
4.Im DaF-Wiki einfügen

File:Felis silvestris - July 2007-1.jpg

Schreibe 2 eckige Klammern davor und danach.
Ergebnis: [[File:Felis silvestris - July 2007-1.jpg]]
Das Bild ist leider zu groß für das Wiki.
Mit dem Wert: 80px verändern Sie die Größe - So:
[[File:Felis silvestris - July 2007-1.jpg|80px]]
Du kannst für "80" auch andere Zahlen eintragen.

Felis silvestris - July 2007-1.jpg

1.3 Ein Video aus YouTube einfügen

  1. Suche auf YouTube ein passendes Video! http://de.youtube.com/
  2. Kopiere den hinteren Teil der URL. (nach dem <=>)

http://www.youtube.com/watch?v=3jjufIV8CpI

  1. Klicke auf <Bearbeiten>.


5. Schreibe folgende Formel (oder füge sie ein):

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

6. Ergänze den auf YouTube kopierte Teil der URL.

{{#ev:youtube|3jjufIV8CpI}}



Video-Adresse Was tun? So schreibt man es im Wiki: Ergebnis
http://www.youtube.com/watch?v=3jjufIV8CpI

Datei:YouTube1.jpg

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

Datei:YouTube2.jpg

{{#ev:youtube|3jjufIV8CpI}}
Video laden
YouTube
 
{{#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.

Abgerufen von „https://deutsch-lernen.zum.de/index.php?title=Hilfe:Erste_Schritte/Schritt_4&oldid=26098“