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

Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(33 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 2 – Bearbeitung der Benutzerseite (einfache Formatierung)|
'''Voraussetzung: Ich bin angemeldet (siehe [[../Schritt 1|Schritt 1]])'''
|Hervorhebung2}}[[Datei:Formatieren 1.mp4|zentriert|rahmenlos]]
{{Box|Info|
Nach der Anmeldung ist deine Benutzerseite noch leer. In den folgenden Schritten lernst du, wie man Inhalte in eine Wiki-Seite einfügt.<br />
 
Klicke auf deinen noch rot erscheinenden Benutzernamen. Es öffnet sich folgendes Editorfenster:<br />
|Kurzinfo}}
 
 
[[Datei:Bildschirmfoto 2020-08-26 um 13.31.40.png|rahmenlos|600px]]


== Nun erfolgt der Schritt 2 – Bearbeitung der Benutzerseite ==
<br />
{| class="wikitable"
|-
! Sehen und hören !! Ausdrucken und lesen
|-
| {{#widget:YouTube|id=odNRkjK7w28}} || Info, wie es weiter geht.
|-
| {{#widget:YouTube|id=c8ClONd55Wg}} || [[Datei:Schritt 2.pdf|250px|Schritt 1: Erste Schritte im Wiki]]
|}
'''Voraussetzung: Ich bin angemeldet (siehe Schritt 1)'''<br />


Nach der Anmeldung ist deine Benutzerseite noch leer. In den folgenden Schritten lernst du, wie man Inhalte in eine Wiki-Seite einfügt.<br />
{{Box|Merke|
Rot markierte Links im Wiki bedeuten: Diese Seite ist noch leer!
*Beispiel: [[Leere Seite]]
[[Seite mit Inhalt]]


Klicke auf dein noch rot erscheinenden Benutzernamen. Es öffnet sich folgendes Editorfenster:<br />
|Merksatz}}
(Hinweis: Rot markierte Links im Wiki bedeuten: Diese Seite ist noch leer!)<br />


[[Datei:Editorleiste neu1.jpg|Screenshot der neuen Editorleiste im DaF-Wiki]]
<br />


Viele Symbole kommen Ihnen sicherlich schon bekannt vor.<br />
[[Datei:Bildschirmfoto 2020-08-26 um 13.38.02.png|mini|left|]]
{{Box|Info|
Um eine Seite mit dem VisualEditor zu bearbeiten, klicke auf den '''Stift '''oben rechts auf der Seite.<br />


=== Fett und Kursiv ===
Klickt man auf den Button mit den '''drei Punkten''' öffnet sich der Reiter '''„Quelltext bearbeiten“'''. Hier kommt man zum klassischen Wiki-Quelltexteditor.<br />
Eine sehr ausführliche Beschreibung gibt es im''' [https://t1p.de/58pl Mediawiki: VisualEditor - Benutzerhandbuch]'''<br />
Viele Symbole kommen dir sicherlich schon bekannt vor.
|Kurzinfo}}
<br />
<br />
<br />
---
<br />
<br />
<br />


{{Kasten_blau|Jetzt kann es mit dem Schreiben losgehen!<br />
{{Box|Üben - Fett und Kursiv|
* Stell dich kurz vor (Unterrichtsfächer, Schule, wenn gewollt: Vor- und/oder Nachname).  
Jetzt kann es mit dem Schreiben losgehen!
* Stell dich kurz vor (Unterrichtsfächer und Schule oder das, was dich mit Deutsch als Fremdsprache oder Zweitsprache verbindet; wenn gewollt: Vor- und/oder Nachname).  
* Nun schreibe das Land und die Stadt, wo du gerade arbeitest.  
* Nun schreibe das Land und die Stadt, wo du gerade arbeitest.  
* Wort/Wörter markieren und den passenden Button klicken.  
* Wort/Wörter markieren und den passenden Button klicken.  
|Üben}}
Im Virtuell-Editor:<br />
<div class="grid">
<div class="width-1-2">
#Markiere das Wort.
#Klicke auf den passenden Button
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 13.52.27.png|rahmenlos]]
</div>
</div>


}}


{| class="wikitable "
! Aufgabe
! Button
! Wiki-Syntax
! Ergebnis
|-
| Schreibe dein Land kursiv     
| [[Datei:Kursiv.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
|    <nowiki>''Land ''</nowiki> 
| ''Land''
|-
| Schreibe deine Stadt fett       
| [[Datei:Fett.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
| <nowiki>'''Stadt'''</nowiki>
| '''Stadt'''
|}


=== Überschriften ===
„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>


{{Kasten_blau|
„Quelltext bearbeiten“: Schreibe deine Stadt fett
* Lege Überschriften an. Mögliche Titel "Was ich gerne mache!" - "Was ich nicht gerne mache!" - „Was ich unbedingt noch tun will!“ Fügen Sie eventuell weitere Überschriften hinzu.
<div class="grid">
* Gehe so vor:
<div class="width-1-2">
# Überschrift schreiben
<pre>'''Stadt'''</pre>
# Überschrift markieren
</div>
# Dann den passenden Button klicken: Klicke auf den Button "Überschrift" und so erhältst du eine Auswahl von unterschiedlichen Überschriftebenen.
<div class="width-1-2">
}}
'''Stadt'''
<br />
</div>
[[Datei:Überschrift1.jpg|Screenshot des Wiki-Editors]]
</div>


{| class="wikitable "
! Aufgabe
! Button
! Wiki-Syntax


|-
| Hauptüberschrift 
| [[Datei:Überschrift2.jpg|Screenshot des Wiki-Editors]]
|    <nowiki>== Überschrift ==</nowiki> 


|-
| Sekundäre Ü.       
| [[Datei:Überschrift3.jpg|Screenshot des Wiki-Editors]]
| <nowiki>=== Sekundäre Überschrift ===</nowiki>


|-
{{Box|Merke|
| Untergeordnete Ü       
Du kannst im Editor  vorgenommenen Änderungen "rückgängig machen" und wiederholen.
| usw
[[Datei:VisualEditor - Toolbar - Undo-redo.png|rahmenlos]]
| <nowiki>==== Untergeordnete Überschrift ====</nowiki>
|Merksatz}}


|}
'''Ergebnis:'''<br />
[[Kategorie:Erste Schritte]]


== Überschrift ==
=== Sekundäre Überschrift ===
==== Untergeordnete Überschrift ====
<br />
<br />


=== Externer Link ===
{{Box|Üben - Lege Überschriften an.|
# Mögliche Titel für Überschriften: "Was ich gerne mache!" - "Was ich nicht gerne mache!" - „Was ich unbedingt noch tun will!“
#Füge weitere Überschriften hinzu.
|Üben}}


{{Aufgabe|
Im Virtuell-Editor:<br />
# Schreib den Namen deiner Schule.
<div class="grid">
# Verlinke diesen Namen mit der Homepage deiner Schule (externer Link).
<div class="width-1-2">
}}
Gehe so vor:
<br />
# Überschrift schreiben
# Überschrift markieren
# Dann den passenden Button klicken: Klicke auf den Button "Überschrift" und so erhältst du eine Auswahl von unterschiedlichen Überschriftebenen.
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 14.03.18.png|rahmenlos]]
</div>
</div>


{| 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 ==
„Quelltext bearbeiten“ (Wiki-Syntax): Hauptüberschrift
{{Aufgabe|Setze nun einen internen Link zur Hauptseite des DaF-Wikis. }}
<div class="grid">
<br />
<div class="width-1-2">
<pre>== Hauptüberschrift ==</pre>
</div>
<div class="width-1-2">
== Hauptüberschrift ==
</div>
</div>


{| class="wikitable "
„Quelltext bearbeiten“ (Wiki-Syntax): Sekundäre Überschrift
! Aufgabe
<div class="grid">
! Button
<div class="width-1-2">
! Wiki-Syntax
<pre>=== Sekundäre Überschrift  ===</pre>
! Ergebnis
</div>
|-
<div class="width-1-2">
| Interner Link   
=== Sekundäre Überschrift  ===
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
</div>
|    <nowiki>[[Hauptseite]]  </nowiki>  
</div>
| [[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 />
„Quelltext bearbeiten“ (Wiki-Syntax): Untergeordnete Überschrift
<br />
<div class="grid">
<div class="width-1-2">
<pre>==== Untergeordnete Überschrift  ====</pre>
</div>
<div class="width-1-2">
==== Untergeordnete Überschrift  ====
</div>
</div>


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".
{{Box|Üben - Nummerierungen|
* Nenne drei Dinge, die du gern einmal machen würdest. Beginne mit dem Wichtigsten.  
* Nummeriere deine Liste, sodass unter 1. (oben) das Wichtigste steht.
|Üben}}


== Interner Link: Neue Unterseite anlegen ==
Im Virtuell-Editor: (Numerierungen, Aufzählungszeichen)<br />
<div class="grid">
<div class="width-1-2">
Gehe so vor:  
# Schreib die gewünschten Dinge untereinander.
# Alle markieren
# Dann den passenden Button klicken.
---
# China besuchen
# Auf einer einsamen Insel ein halbes Jahr leben.
# Ulysses zu Ende lesen
</div>
<div class="width-1-2">
[[Datei:Bildschirmfoto 2020-08-26 um 14.25.03.png|rahmenlos]]
</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.}}
„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
{| class="wikitable "
<div class="grid">
! Aufgabe
<div class="width-1-2">
! Button
<pre>
! Wiki-Syntax
# Element 1
! Ergebnis
# Element 2
|-
# Element 3</pre>
| Interner Link   
</div>
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor|50px]]
  <div class="width-1-2">
|    <nowiki> [[/Meine erste eigene Unterseite]]  </nowiki>  
# Element 1
| [[/Meine erste eigene Unterseite]] 
# Element 2
|}
# Element 3
</div>
</div>


:1.) Klicke wieder auf den "Link-Button". Es erscheint folgendes Fenster:
{{Box|Merke|Das Rauten-Zeichen < # > findest du auch auf deiner Tastatur.|Merksatz}}
[[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||Üben - Listen (Aufzählungszeichen)|
*  Welche Dinge würdest du auf eine einsame Insel mitnehmen? '''(5)'''
* Schreibe eine Liste mit Aufzählungszeichen.
|Üben}}


{{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 ==
„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
{{Kasten_gelb|
<div class="grid">
'''Wenn du wissen willst, wie die Seite aussieht'''
<div class="width-1-2">
# Klicke (1) „Vorschau zeigen“  Alles OK?
<pre>
# Dann klicke (2) „Seite beobachten“ (Dann erhältst du eine E-Mai, wenn jemand deine Seite verändert.)
* Element A
# und (3) „Seite speichern".
* Element B
}}
* Element C</pre>
</div>
<div class="width-1-2">
* Element A
* Element B
* Element C
</div>
</div>


[[Datei:Speicherm.jpg|Screenshot von DaF-Wiki|350px]]
{{Box|Merke|Das Sternchen-Zeichen < * > findest du auch auf deiner Tastatur.|Merksatz}}


{{Kasten_gelb|'''Gratulation! Du hast gerade die wichtigsten Funktionen des Wikis erlernt!'''<br />
{{Box|Gratulation!|
}}
'''Du hast gerade die wichtigsten Funktionen des Wikis erlernt!'''
|Hervorhebung1}}


== Tutorial als PDF ==
<br>
[[Datei:Schritt 2.pdf|Schritt 1: Erste Schritte im Wiki]]
<br>
{{Erste Schritte/Navigation}}

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

Nun erfolgt der Schritt 2 – Bearbeitung der Benutzerseite (einfache Formatierung)

Voraussetzung: Ich bin angemeldet (siehe Schritt 1)

Info

Nach der Anmeldung ist deine Benutzerseite noch leer. In den folgenden Schritten lernst du, wie man Inhalte in eine Wiki-Seite einfügt.

Klicke auf deinen noch rot erscheinenden Benutzernamen. Es öffnet sich folgendes Editorfenster:


Bildschirmfoto 2020-08-26 um 13.31.40.png


Merke

Rot markierte Links im Wiki bedeuten: Diese Seite ist noch leer!

Seite mit Inhalt


Bildschirmfoto 2020-08-26 um 13.38.02.png
Info

Um eine Seite mit dem VisualEditor zu bearbeiten, klicke auf den Stift oben rechts auf der Seite.

Klickt man auf den Button mit den drei Punkten öffnet sich der Reiter „Quelltext bearbeiten“. Hier kommt man zum klassischen Wiki-Quelltexteditor.
Eine sehr ausführliche Beschreibung gibt es im Mediawiki: VisualEditor - Benutzerhandbuch
Viele Symbole kommen dir sicherlich schon bekannt vor.




---



Üben - Fett und Kursiv

Jetzt kann es mit dem Schreiben losgehen!

  • Stell dich kurz vor (Unterrichtsfächer und Schule oder das, was dich mit Deutsch als Fremdsprache oder Zweitsprache verbindet; wenn gewollt: Vor- und/oder Nachname).
  • Nun schreibe das Land und die Stadt, wo du gerade arbeitest.
  • Wort/Wörter markieren und den passenden Button klicken.

Im Virtuell-Editor:

  1. Markiere das Wort.
  2. Klicke auf den passenden Button

Bildschirmfoto 2020-08-26 um 13.52.27.png


„Quelltext bearbeiten“: Schreibe dein Land kursiv

''Land''

Land

„Quelltext bearbeiten“: Schreibe deine Stadt fett

'''Stadt'''

Stadt



Merke

Du kannst im Editor vorgenommenen Änderungen "rückgängig machen" und wiederholen. VisualEditor - Toolbar - Undo-redo.png



Üben - Lege Überschriften an.
  1. Mögliche Titel für Überschriften: "Was ich gerne mache!" - "Was ich nicht gerne mache!" - „Was ich unbedingt noch tun will!“
  2. Füge weitere Überschriften hinzu.

Im Virtuell-Editor:

Gehe so vor:

  1. Überschrift schreiben
  2. Überschrift markieren
  3. Dann den passenden Button klicken: Klicke auf den Button "Überschrift" und so erhältst du eine Auswahl von unterschiedlichen Überschriftebenen.

Bildschirmfoto 2020-08-26 um 14.03.18.png


„Quelltext bearbeiten“ (Wiki-Syntax): Hauptüberschrift

== Hauptüberschrift ==

Hauptüberschrift

„Quelltext bearbeiten“ (Wiki-Syntax): Sekundäre Überschrift

=== Sekundäre Überschrift  ===

Sekundäre Überschrift

„Quelltext bearbeiten“ (Wiki-Syntax): Untergeordnete Überschrift

==== Untergeordnete Überschrift  ====

Untergeordnete Überschrift



Üben - Nummerierungen
  • Nenne drei Dinge, die du gern einmal machen würdest. Beginne mit dem Wichtigsten.
  • Nummeriere deine Liste, sodass unter 1. (oben) das Wichtigste steht.

Im Virtuell-Editor: (Numerierungen, Aufzählungszeichen)

Gehe so vor:

  1. Schreib die gewünschten Dinge untereinander.
  2. Alle markieren
  3. Dann den passenden Button klicken.

---

  1. China besuchen
  2. Auf einer einsamen Insel ein halbes Jahr leben.
  3. Ulysses zu Ende lesen

Bildschirmfoto 2020-08-26 um 14.25.03.png


„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen

# Element 1
# Element 2
# Element 3
  1. Element 1
  2. Element 2
  3. Element 3


Merke
Das Rauten-Zeichen < # > findest du auch auf deiner Tastatur.


Üben - Listen (Aufzählungszeichen)


„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen

* Element A
* Element B
* Element C
  • Element A
  • Element B
  • Element C


Merke
Das Sternchen-Zeichen < * > findest du auch auf deiner Tastatur.


Gratulation!

Du hast gerade die wichtigsten Funktionen des Wikis erlernt!