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

Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(24 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:}}
„Quelltext bearbeiten“ (Wiki-Syntax): externer Link
[[Datei:Externer Link1.jpg|Screenshot der neuen Wiki-Editorleiste|350px]]<br />
<div class="grid">
{{Kasten_blau|Wähle '''"Zu einer externen Internetseite"''' aus und trage die erforderlichen Daten ein.}}
<div class="width-1-2">
<br />
<pre>[https://deutsch-lernen.zum.de/wiki/Fortbildung Fortbildungsmodule]</pre>
[[Datei:Externer Link.jpg|Screenshot und bearbeitet von neuem Wiki-Editor|350px]]<br />
</div>
<br />
<div class="width-1-2">
<popup name="Es geht auch per Hand: Eine Alternative">
[https://deutsch-lernen.zum.de/wiki/Fortbildung Fortbildungsmodule]
Man kann den externen Link auch per Hand erstellen:
</div>
# Schreibe den Namen der Schule
</div>
# 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 ==
„Quelltext bearbeiten“ (Wiki-Syntax): interner Link
{{Aufgabe|Setze nun einen internen Link zur Hauptseite des DaF-Wikis. }}
<div class="grid">
<br />
<div class="width-1-2">
<pre>[[Fortbildungsmodule]]</pre>
<pre>[[Hauptseite]]</pre>
</div>
<div class="width-1-2">
[[Fortbildungsmodule]]
[[Hauptseite]]
</div>
</div>


{| class="wikitable "
{{Box|Merke|
! Aufgabe
Vergiss nicht, deine Seite zu speichern.
! Button
|Merksatz}}
! 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 />
{{Box|Info|
<br />
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}}


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 />
{{Box|Übung - Unterseiten|
<br />
# Erstelle deine erste eigene Unterseite.
Wie man "verlinkt" weißt du schon. Eine Unterseite ist ganz einfach.
|Üben}}


4. Klicke auf "Link Einfügen".
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.
#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>


== Interner Link: Neue Unterseite anlegen ==
„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>


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.


{{Aufgabe|Erstelle deine erste eigene Unterseite.}}
{| 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 />
|Üben}}
: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 ==
Im Virtuell-Editor:<br />
<div class="grid">
<div class="width-1-2">
# Klicke im Editor auf '''"Einfügen"'''.
# Suche den Stift-Button und klicke darauf.
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 16.09.36.png|rahmenlos]]
</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 ==
{{Box|Merke|
{{Kasten_gelb|
Vergiss nicht, deine Seite zu speichern.
'''Wenn du wissen willst, wie die Seite aussieht'''
|Merksatz}}
# 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]]


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

Aktuelle Version vom 29. September 2021, 09:34 Uhr

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:

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]

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

[[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]]



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