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

Aus ZUM Deutsch Lernen
(Kasten blass, blau)
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(14 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|Schritt 3|'''Nun kommen wir zum Schritt 3 – Links extern und intern anlegen'''
{{Box|Nun erfolgt der Schritt 3 – Bearbeitung der Benutzerseite (Verlinkungen)|
'''Voraussetzung: Ich bin angemeldet (siehe [[../Schritt 1|Schritt 1]])'''
|Hervorhebung2}}


Voraussetzung: Ich bin angemeldet (siehe Schritt 1)
{{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}}


|Hervorhebung1}}
<div class="grid">
=== Externer Link ===
<div class="width-1-2">
Zuerst schaue dir folgendes Erklärvideo an:
Zuerst schaue dir folgendes Erklärvideo an:
</div>
<div class="width-1-2">
{{#ev:youtube|lOJVlFYI-rU|400|right}}
</div>
</div>


{{#ev:youtube|os0oKoMh864}}
Im Virtuell-Editor:<br />
<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>


* https://youtu.be/os0oKoMh864?list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs
{{Box|Üben - Externer und interner Link |
 
 
*'''1. Klicke auf <Bearbeiten>.'''
{{Box|Aufgabe|
# 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.
|Üben}}
|Üben}}


„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>


{| class="wikitable "
„Quelltext bearbeiten“ (Wiki-Syntax): interner Link
! Aufgabe
<div class="grid">
! Button
<div class="width-1-2">
! Wiki-Syntax
<pre>[[Fortbildungsmodule]]</pre>
! Ergebnis
<pre>[[Hauptseite]]</pre>
|-
</div>
| Externer Link   
<div class="width-1-2">
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
[[Fortbildungsmodule]]
|    <nowiki>[http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule]   </nowiki>  
[[Hauptseite]]
| [http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule] 
</div>
|}
</div>


{{Box|Beachte|..., dass beim Klick auf den "Link-Button" [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]] folgendes Fenster erscheint:
{{Box|Merke|
|Hervorhebung1}}
Vergiss nicht, deine Seite zu speichern.
[[Datei:Externer Link1.jpg|Screenshot der neuen Wiki-Editorleiste|350px]]
|Merksatz}}


{{Box|Wähle|... '''"Zu einer externen Internetseite"''' aus und trage die erforderlichen Daten ein.
{{Box|Info|
|Hervorhebung1}}
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}}


[[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 ==
{{Box|Übung - Unterseiten|
{{Box|Aufgabe|Setze nun einen internen Link zur Hauptseite in ZUM Deutsch Lernen.
# Erstelle deine erste eigene Unterseite.
Wie man "verlinkt" weißt du schon. Eine Unterseite ist ganz einfach.
|Üben}}
|Üben}}


{| class="wikitable "
Im Virtuell-Editor:<br />
! Aufgabe
<div class="grid">
! Button
<div class="width-1-2">
! Wiki-Syntax
#Schreibe zuerst den Text der verlinkt werden soll.
! Ergebnis
#Markiere diesen Text.
|-
#Klicke im '''Menü des VisualEditors''' auf das Symbol [[Datei:OOjs_UI_icon_link-ltr.svg|verweis=|20px]].
| Interner Link   
#Es öffnet sich der Verlinkungsdialog mit dem man den Link einfügen kann.
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
#Trage die Adresse ein. Bei mir sieht es so aus: Benutzer: Ralf Klötzke/Meine erste Unterseite also Benutzer: x y/Meine erste Unterseite
|    <nowiki>[[Hauptseite]]  </nowiki> 
#Der Schrägstrich ordnet die Seite der übergeordneten Seite zu und erzeugt automatisch einen „Rücksprunglink“ dorthin.
| [[Hauptseite]] 
#Die rote Schrift bedeutet, dass die Seite noch keinen Inhalt hat. Klicke den Seitennamen und den Stift an, um sie zu füllen.
|}
</div>
'''So verlinkt man eine Wikiseite:'''<br />
<div class="width-1-2">
# Klicke auf den Button "Link": [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
[[Datei:Bildschirmfoto 2020-08-26 um 15.59.21.png|rahmenlos]]
# Es erscheint folgendes Fenster:
</div>
<br />
</div>
 
[[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.
 
Auch diesmal schau dir bitte folgendes Erklärvideo an:<br />
 
{{#ev:youtube|EyVN5awNW6E}}
* https://youtu.be/EyVN5awNW6E?list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs<br />
<br />


„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>




{{Box|Aufgabe|Erstelle deine erste eigene Unterseite.|Üben}}
{| class="wikitable "
! Aufgabe
! Button
! 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:
{{Box|Übung - Unterschreibe deine erste Arbeit:|
[[Datei:Link zur Wikiseite3.jpg|Screenshot von der Editor-Leiste des Wikis|350px]]<br />
:2.) Klicke auf: "Zu einer Wikiseite".
:3.) Trage als Zielseite ein: „/Meine erste eigene Unterseite“
:4.) Nun die Beschreibung: Meine erste eigene Unterseite
:5.) "Link einfügen" klicken und ...
: '''Fertig!'''
 
== Unterschreiben ==
 
{{Box|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.
|Üben}}
|Üben}}


== Hinweis ==
Im Virtuell-Editor:<br />
{{Box|Wenn du wissen willst, wie die Seite aussieht|
<div class="grid">
# Klicke (1) „Vorschau zeigen“  Alles OK?
<div class="width-1-2">
# Dann klicke (2) „Seite beobachten“ (Dann erhältst du eine E-Mai, wenn jemand deine Seite verändert.)
# Klicke im Editor auf '''"Einfügen"'''.
# und (3) „Seite speichern".
# Suche den Stift-Button und klicke darauf.
|Hervorhebung1}}
</div>
 
<div class="width-1-2">
[[Datei:Speicherm.jpg|Screenshot von DaF-Wiki|350px]]
[[Datei:Bildschirmfoto 2020-08-26 um 16.09.36.png|rahmenlos]]
 
</div>
== Schritt für Schrittanleitungen ==
</div>
[[Datei:Schritt 1.pdf|Schritt 1: Erste Schritte im Wiki]]
[[Datei:Schritt 2 neu.pdf|Schritt 2: Erste Schritte im Wiki]]
[[Datei:Schritt 3 neu.pdf|Schritt 3: Erste Schritte im Wiki]]
[[Datei:Schritt 4.pdf|Schritt 4: Erste Schritte im Wiki]]
[[Datei:Schritt 5.pdf|Schritt 5: Erste Schritte im Wiki]]




{{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“