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

Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(48 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 />
'''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>


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


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


{{Kasten_blau|
* 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.
* So gehen sie vor: 1. Überschrift schreiben – 2. markieren: Überschrift – 3. den passenden Button klicken:
}}
<br />
{{Kasten_blau|Klicke auf den Button "Überschrift" und so erhältst du eine Auswahl von unterschiedlichen Überschriftebenen.}}<br />
[[Datei:Überschrift1.jpg|Screenshot des Wiki-Editors]]


{| class="wikitable "
{{Box|Merke|
! Aufgabe
Du kannst im Editor  vorgenommenen Änderungen "rückgängig machen" und wiederholen.
! Button
[[Datei:VisualEditor - Toolbar - Undo-redo.png|rahmenlos]]
! Wiki-Syntax
|Merksatz}}


|-
| 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|Üben - Lege Überschriften an.|
| Untergeordnete Ü       
# Mögliche Titel für Überschriften: "Was ich gerne mache!" - "Was ich nicht gerne mache!" - „Was ich unbedingt noch tun will!“
| usw
#Füge weitere Überschriften hinzu.
| <nowiki>==== Untergeordnete Überschrift ====</nowiki>
|Üben}}


|}
Im Virtuell-Editor:<br />
'''Ergebnis:'''<br />
<div class="grid">
[[Kategorie:Erste Schritte]]
<div class="width-1-2">
Gehe so vor:
# Ü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>


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


=== Externer Link ===


{{Aufgabe|
„Quelltext bearbeiten“ (Wiki-Syntax): Hauptüberschrift
# Schreib den Namen deiner Schule.
<div class="grid">
# Verlinke diesen Namen mit der Homepage deiner Schule (externer Link).
<div class="width-1-2">
}}
<pre>== Hauptüberschrift ==</pre>
<br />
</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">
| Externer Link   
=== Sekundäre Überschrift  ===
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
</div>
|    <nowiki>[http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule]  </nowiki>  
</div>
| [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): Untergeordnete Überschrift
[[Datei:Externer Link1.jpg|Screenshot der neuen Wiki-Editorleiste]]<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>==== Untergeordnete Überschrift  ====</pre>
[[Datei:Externer Link.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]<br />
</div>
<br />
<div class="width-1-2">
<popup name="Es geht auch per Hand: Eine Alternative">
==== Untergeordnete Überschrift  ====
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>
# 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:
[[Datei:Link zur Wikiseite1.jpg|Screenshot von der Editor-Leiste des Wikis]]<br />
3. Trage den Namen der zu verlinkenden Wiki-Seite ein: ("Hauptseite)<br />
[[Datei:Link zur Wikiseite2.jpg|Screenshot von der Editor-Leiste des Wikis]]<br />
4. Klicke auf "Link Einfügen".


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


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


{{Aufgabe|Erstelle deine erste eigene Unterseite.}}
{| class="wikitable "
! Aufgabe
! Button
! Wiki-Syntax
! Ergebnis
|-
| Interner Link   
| [[Datei:Linkneu.jpg|Screenshot von dem neuen Wiki-Editor]]
|    <nowiki> [[/Meine erste eigene Unterseite]]  </nowiki> 
|  [[/Meine erste eigene Unterseite]] 
|}


:1.) Klicke wieder auf den "Link-Button". Es erscheint folgendes Fenster:
„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
[[Datei:Link zur Wikiseite3.jpg|Screenshot von der Editor-Leiste des Wikis]]<br />
<div class="grid">
:2.) Klicke auf: "Zu einer Wikiseite".
<div class="width-1-2">
:3.) Trage als Zielseite ein: „/Meine erste eigene Unterseite“
<pre>
:4.) Nun die Beschreibung: Meine erste eigene Unterseite
# Element 1
:5.) "Link einfügen" klicken und ...
# Element 2
: '''Fertig!'''
# Element 3</pre>
</div>
<div class="width-1-2">
# Element 1
# Element 2
# Element 3
</div>
</div>


== Unterschreiben ==
{{Box|Merke|Das Rauten-Zeichen < # > findest du auch auf deiner Tastatur.|Merksatz}}


{{Kasten_blau|
{{Box||Üben - Listen (Aufzählungszeichen)|
* Unterschreibe deine erste Arbeit.
* Welche Dinge würdest du auf eine einsame Insel mitnehmen? '''(5)'''  
1. Klicke im Editor auf '''"Erweitert"'''.
* Schreibe eine Liste mit Aufzählungszeichen.
2. Suche den Stift-Button und klicken Sie darauf: [[Datei:Signatur und Zeitstempel.jpg|Screenshot Editor des DaF-Wikis]]
|Üben}}
3. Jetzt kannst du die Seite Speichern.
}}




{{Kasten_gelb|
„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
*Wenn du wissen willst, wie die Seite aussieht – klicke (1) „Vorschau zeigen“  Alles OK?
<div class="grid">
*Dann klicke (2)„Seite beobachten“
<div class="width-1-2">
* und (3)„speichern".
<pre>
}}
* Element A
* 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]]
{{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!