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

Aus ZUM Deutsch Lernen
K (17 Versionen importiert: Import aus dem DaF-Wiki)
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(21 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}}
{{Kasten_blass|'''Nun kommen wir zum Schritt 3 – Links extern und intern anlegen'''<br />
{{Box|Nun erfolgt der Schritt 3 – Bearbeitung der Benutzerseite (Verlinkungen)|
Voraussetzung: Ich bin angemeldet (siehe Schritt 1)
'''Voraussetzung: Ich bin angemeldet (siehe [[../Schritt 1|Schritt 1]])'''
}}
|Hervorhebung2}}
=== Externer Link ===
Zuerst schaue dir folgendes Erklärvideo an:<br />


{{#widget:YouTube|id=os0oKoMh864}}<br />
{{Box|Merke|
*Ein '''interner Link''' führt auf eine Seite in diesem Wiki.
*Ein '''externer Link''' führt auf eine Webseite außerhalb des Wikis.
|Merksatz}}


* https://youtu.be/os0oKoMh864?list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs<br />
<div class="grid">
<br />
<div class="width-1-2">
Zuerst schaue dir folgendes Erklärvideo an:
</div>
<div class="width-1-2">
{{#ev:youtube|lOJVlFYI-rU|400|right}}
</div>
</div>


*'''1. Klicke auf <Bearbeiten>.'''
Im Virtuell-Editor:<br />
{{Aufgabe|
<div class="grid">
<div class="width-1-2">
#Schreibe zuerst den Text der verlinkt werden soll.
#Markiere diesen Text.
#Klicke im '''Menü des VisualEditors''' auf das Symbol [[Datei:OOjs_UI_icon_link-ltr.svg|verweis=|20px]].
#Es öffnet sich der Verlinkungsdialog mit dem man den Link einfügen kann.
</div>
<div class="width-1-2">
Interner Link:
[[Datei:Bildschirmfoto 2020-08-26 um 14.55.21.png|rahmenlos]]
Externer Link:
[[Datei:Bildschirmfoto 2020-08-26 um 15.02.07.png|rahmenlos]]
</div>
</div>
 
{{Box|Üben - Externer und interner Link |
# Schreib den Namen deiner Schule.
# Schreib den Namen deiner Schule.
# Verlinke diesen Namen mit der Homepage deiner Schule (externer Link).
# Verlinke diesen Namen mit der Homepage deiner Schule (externer Link).
}}
# Setze danach einen internen Link zur Hauptseite in ZUM Deutsch Lernen.
<br />
|Üben}}
 
{| class="wikitable "
! Aufgabe
! Button
! Wiki-Syntax
! Ergebnis
|-
| Externer Link   
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
|    <nowiki>[http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule]  </nowiki> 
| [http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule] 
|}
 
{{Kasten_blau|Beachte, dass beim Klick auf den "Link-Button" [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]] folgendes Fenster erscheint:}}
[[Datei:Externer Link1.jpg|Screenshot der neuen Wiki-Editorleiste|350px]]<br />
{{Kasten_blau|Wähle '''"Zu einer externen Internetseite"''' aus und trage die erforderlichen Daten ein.}}
<br />
[[Datei:Externer Link.jpg|Screenshot und bearbeitet von neuem Wiki-Editor|350px]]<br />
<br />
<popup name="Es geht auch per Hand: Eine Alternative">
Man kann den externen Link auch per Hand erstellen:
# Schreibe den Namen der Schule
# Setze vor diesen Namen die Internetadresse.
# Zwischen Adresse und Beschreibung muss eine „Lücke“ sein.
# Schreibe am Anfang und am Ende eine "eckige" Klammer: <nowiki>[Adresse Name]</nowiki> Beispiel: <nowiki>[http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule]</nowiki>
# Nach dem Speichern erscheint der Name blau.
</popup>
 
== Interner Link: Auf bestehende Wikiseite ==
{{Aufgabe|Setze nun einen internen Link zur Hauptseite des DaF-Wikis. }}
<br />
 
{| class="wikitable "
! Aufgabe
! Button
! Wiki-Syntax
! Ergebnis
|-
| Interner Link   
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
|    <nowiki>[[Hauptseite]]  </nowiki> 
| [[Hauptseite]] 
|}
'''So verlinkt man eine Wikiseite:'''<br />
# Klicke auf den Button "Link": [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
# Es erscheint folgendes Fenster:
<br />
 
[[Datei:Link zur Wikiseite1.jpg|Screenshot von der Editor-Leiste des Wikis|350px]]<br />
<br />
 
3. Trage den Namen der zu verlinkenden Wiki-Seite ein: ("Hauptseite")<br />
<br />
 
[[Datei:Link zur Wikiseite2.jpg|Screenshot von der Editor-Leiste des Wikis|350px]]<br />
<br />
 
4. Klicke auf "Link Einfügen".
 
== Interner Link: Neue Unterseite anlegen ==


Unterseiten sind Seiten, die ausgehend von einer bestimmten Wikiseite, wie zum Beispiel der eigenen Benutzerseite, eine eigene Wiki-Struktur aufbaut. Diese Unterseiten erscheinen oben Links als ein "Reiter", der die Navigation vereinfacht.
„Quelltext bearbeiten“ (Wiki-Syntax): externer Link
<div class="grid">
<div class="width-1-2">
<pre>[https://deutsch-lernen.zum.de/wiki/Fortbildung Fortbildungsmodule]</pre>
</div>
<div class="width-1-2">
[https://deutsch-lernen.zum.de/wiki/Fortbildung Fortbildungsmodule]
</div>
</div>


Auch diesmal schau dir bitte folgendes Erklärvideo an:<br />
„Quelltext bearbeiten“ (Wiki-Syntax): interner Link
<div class="grid">
<div class="width-1-2">
<pre>[[Fortbildungsmodule]]</pre>
<pre>[[Hauptseite]]</pre>
</div>
<div class="width-1-2">
[[Fortbildungsmodule]]
[[Hauptseite]]
</div>
</div>


{{#widget:YouTube|id=EyVN5awNW6E}}
{{Box|Merke|
* https://youtu.be/EyVN5awNW6E?list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs<br />
Vergiss nicht, deine Seite zu speichern.
<br />
|Merksatz}}


{{Box|Info|
Um Seiten einander zuzuordnen ist es wichtig, mit Unterseiten zu arbeiten. Die ersten Schritte kennst du schon; sie entsprechen dem Verlinken auf eine andere Seite im Wiki. So entsteht, zum Beispiel ausgehend von deiner Benutzerseite, Aufgabenseite o.ä, ein kleines eigenes Wiki im Wiki.
|Kurzinfo}}




{{Aufgabe|Erstelle deine erste eigene Unterseite.}}
{{Box|Übung - Unterseiten|
{| class="wikitable "
# Erstelle deine erste eigene Unterseite.
! Aufgabe
Wie man "verlinkt" weißt du schon. Eine Unterseite ist ganz einfach.
! Button
|Üben}}
! Wiki-Syntax
! Ergebnis
|-
| Interner Link   
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor|50px]]
|    <nowiki> [[/Meine erste eigene Unterseite]]  </nowiki> 
|  [[/Meine erste eigene Unterseite]] 
|}


:1.) Klicke wieder auf den "Link-Button". Es erscheint folgendes Fenster:
Im Virtuell-Editor:<br />
[[Datei:Link zur Wikiseite3.jpg|Screenshot von der Editor-Leiste des Wikis|350px]]<br />
<div class="grid">
:2.) Klicke auf: "Zu einer Wikiseite".
<div class="width-1-2">
:3.) Trage als Zielseite ein: „/Meine erste eigene Unterseite“
#Schreibe zuerst den Text der verlinkt werden soll.
:4.) Nun die Beschreibung: Meine erste eigene Unterseite
#Markiere diesen Text.
:5.) "Link einfügen" klicken und ...
#Klicke im '''Menü des VisualEditors''' auf das Symbol [[Datei:OOjs_UI_icon_link-ltr.svg|verweis=|20px]].
: '''Fertig!'''
#Es öffnet sich der Verlinkungsdialog mit dem man den Link einfügen kann.
#Trage die Adresse ein. Bei mir sieht es so aus: Benutzer: Ralf Klötzke/Meine erste Unterseite also Benutzer: x y/Meine erste Unterseite
#Der Schrägstrich ordnet die Seite der übergeordneten Seite zu und erzeugt automatisch einen „Rücksprunglink“ dorthin.
#Die rote Schrift bedeutet, dass die Seite noch keinen Inhalt hat. Klicke den Seitennamen und den Stift an, um sie zu füllen.
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 15.59.21.png|rahmenlos]]
</div>
</div>


== Unterschreiben ==
„Quelltext bearbeiten“ (Wiki-Syntax): interner Link - Unterseite
<div class="grid">
<div class="width-1-2">
<pre>[[/Meine erste eigene Unterseite]]</pre>
</div>
<div class="width-1-2">
[[/Meine erste eigene Unterseite]]
</div>
</div>


{{Kasten_blau|
'''Unterschreibe deine erste Arbeit:'''
# Klicke im Editor auf '''"Erweitert"'''.
# Suche den Stift-Button und klicken Sie darauf: [[Datei:Signatur und Zeitstempel.jpg|Screenshot Editor des DaF-Wikis]]
# Jetzt kannst du die Seite Speichern.
}}


== Hinweis ==
{{Kasten_gelb|
'''Wenn du wissen willst, wie die Seite aussieht'''
# Klicke (1) „Vorschau zeigen“  Alles OK?
# Dann klicke (2) „Seite beobachten“ (Dann erhältst du eine E-Mai, wenn jemand deine Seite verändert.)
# und (3) „Seite speichern".
}}


[[Datei:Speicherm.jpg|Screenshot von DaF-Wiki|350px]]
{{Box|Übung - Unterschreibe deine erste Arbeit:|
<br />
|Üben}}


== Schritt für Schrittanleitungen ==
Im Virtuell-Editor:<br />
[[Datei:Schritt 1.pdf|Schritt 1: Erste Schritte im Wiki]]
<div class="grid">
[[Datei:Schritt 2 neu.pdf|Schritt 2: Erste Schritte im Wiki]]
<div class="width-1-2">
[[Datei:Schritt 3 neu.pdf|Schritt 3: Erste Schritte im Wiki]]
# Klicke im Editor auf '''"Einfügen"'''.
[[Datei:Schritt 4.pdf|Schritt 4: Erste Schritte im Wiki]]
# Suche den Stift-Button und klicke darauf.
[[Datei:Schritt 5.pdf|Schritt 5: Erste Schritte im Wiki]]
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 16.09.36.png|rahmenlos]]
</div>
</div>




{{Box|Merke|
Vergiss nicht, deine Seite zu speichern.
|Merksatz}}




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

Aktuelle Version vom 29. September 2021, 09:34 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 3 – Bearbeitung der Benutzerseite (Verlinkungen)

Voraussetzung: Ich bin angemeldet (siehe Schritt 1)


Merke
  • Ein interner Link führt auf eine Seite in diesem Wiki.
  • Ein externer Link führt auf eine Webseite außerhalb des Wikis.

Zuerst schaue dir folgendes Erklärvideo an:

Video laden
YouTube

Im Virtuell-Editor:

  1. Schreibe zuerst den Text der verlinkt werden soll.
  2. Markiere diesen Text.
  3. Klicke im Menü des VisualEditors auf das Symbol OOjs UI icon link-ltr.svg.
  4. Es öffnet sich der Verlinkungsdialog mit dem man den Link einfügen kann.

Interner Link: Bildschirmfoto 2020-08-26 um 14.55.21.png Externer Link: Bildschirmfoto 2020-08-26 um 15.02.07.png


Üben - Externer und interner Link
  1. Schreib den Namen deiner Schule.
  2. Verlinke diesen Namen mit der Homepage deiner Schule (externer Link).
  3. Setze danach einen internen Link zur Hauptseite in ZUM Deutsch Lernen.

„Quelltext bearbeiten“ (Wiki-Syntax): externer Link 

[https://deutsch-lernen.zum.de/wiki/Fortbildung Fortbildungsmodule]

Fortbildungsmodule

„Quelltext bearbeiten“ (Wiki-Syntax): interner Link 

[[Fortbildungsmodule]]
[[Hauptseite]]

Fortbildungsmodule Hauptseite


Merke

Vergiss nicht, deine Seite zu speichern.


Info

Um Seiten einander zuzuordnen ist es wichtig, mit Unterseiten zu arbeiten. Die ersten Schritte kennst du schon; sie entsprechen dem Verlinken auf eine andere Seite im Wiki. So entsteht, zum Beispiel ausgehend von deiner Benutzerseite, Aufgabenseite o.ä, ein kleines eigenes Wiki im Wiki.


Übung - Unterseiten
  1. Erstelle deine erste eigene Unterseite.

Wie man "verlinkt" weißt du schon. Eine Unterseite ist ganz einfach.

Im Virtuell-Editor:

  1. Schreibe zuerst den Text der verlinkt werden soll.
  2. Markiere diesen Text.
  3. Klicke im Menü des VisualEditors auf das Symbol OOjs UI icon link-ltr.svg.
  4. Es öffnet sich der Verlinkungsdialog mit dem man den Link einfügen kann.
  5. Trage die Adresse ein. Bei mir sieht es so aus: Benutzer: Ralf Klötzke/Meine erste Unterseite also Benutzer: x y/Meine erste Unterseite
  6. Der Schrägstrich ordnet die Seite der übergeordneten Seite zu und erzeugt automatisch einen „Rücksprunglink“ dorthin.
  7. Die rote Schrift bedeutet, dass die Seite noch keinen Inhalt hat. Klicke den Seitennamen und den Stift an, um sie zu füllen.

Bildschirmfoto 2020-08-26 um 15.59.21.png

„Quelltext bearbeiten“ (Wiki-Syntax): interner Link - Unterseite 

[[/Meine erste eigene Unterseite]]

/Meine erste eigene Unterseite



Übung - Unterschreibe deine erste Arbeit:

Im Virtuell-Editor:

  1. Klicke im Editor auf "Einfügen".
  2. Suche den Stift-Button und klicke darauf.

Bildschirmfoto 2020-08-26 um 16.09.36.png


Merke

Vergiss nicht, deine Seite zu speichern.




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_3&oldid=42708“