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

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


== Nun erfolgt der Schritt 2 – Benutzerseite bearbeiten - Jetzt lernen Sie den Editor kennen! ==


Nach der Anmeldung ist Ihre Benutzerseite noch leer. Klicken Sie auf Ihren noch rot erscheinenden Benutzernamen. Es öffnet sich folgendes Editorfenster:
[[Datei:Bildschirmfoto 2020-08-26 um 13.31.40.png|rahmenlos|600px]]


[[Datei:Editorleiste neu1.jpg|Screenshot der neuen Editorleiste im DaF-Wiki]]
 
{{Box|Merke|
Rot markierte Links im Wiki bedeuten: Diese Seite ist noch leer!
*Beispiel: [[Leere Seite]]
[[Seite mit Inhalt]]
 
|Merksatz}}
 
 
[[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 />
 
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 />
<br />


Viele Symbole kommen Ihnen sicherlich schon bekannt vor.<br />
{{Box|Ü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.
|Ü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>


=== Fett und Kursiv ===


{{Kasten_blau|Jetzt kann es mit dem Schreiben losgehen!<br />
* Stellen Sie sich kurz vor (Unterrichtsfächer, Schule, wenn gewollt: Vor- und/oder Nachname).
* Nun schreiben Sie das Land und die Stadt, wo sie gerade arbeiten:
* Wort/ Wörter markieren und den passenden Button klicken:
}}


{| class="wikitable "
„Quelltext bearbeiten“: Schreibe dein Land kursiv
! Aufgabe
<div class="grid">
! Button
<div class="width-1-2">
! Wiki-Syntax
<pre>''Land''</pre>
! Ergebnis
</div>
|-
<div class="width-1-2">
| Schreiben Sie Land kursiv     
''Land''
| [[Datei:Kursiv.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
</div>
|    <nowiki>''Land ''</nowiki>  
</div>
| ''Land''
 
|-
„Quelltext bearbeiten“: Schreibe deine Stadt fett  
| Schreiben Sie Stadt fett        
<div class="grid">
| [[Datei:Fett.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
<div class="width-1-2">
| <nowiki>'''Stadt'''</nowiki>  
<pre>'''Stadt'''</pre>
| '''Stadt'''
</div>
|}
<div class="width-1-2">
'''Stadt'''
</div>
</div>
 


=== Überschriften ===


{{Kasten_blau|
* Legen Sie Ü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|Klicken Sie auf den Button "Überschrift" und Sie erhalten die 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|Setzen Sie an Stelle des Schulnamens einen externen Link zu Ihrer Schule.}}
„Quelltext bearbeiten“ (Wiki-Syntax): Hauptüberschrift
<br />
<div class="grid">
<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">
| 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|Beachten Sie, 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ählen Sie '''"Zu einer externen Internetseite"''' aus und tragen sie 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  ====
Sie können den externen Link auch per Hand erstellen:
</div>
# Schreiben Sie den Namen der Schule
</div>
# Setzen Sie vor diesen Namen die Internetadresse.
# Zwischen Adresse und Beschreibung muss eine „Lücke“ sein.
# Schreiben Sie 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|Setzen Sie 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 />
# Klicken Sie 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. Tragen Sie den Namen der zu verlinkenden Wiki-Seite ein: ("Hauptseite)<br />
[[Datei:Link zur Wikiseite2.jpg|Screenshot von der Editor-Leiste des Wikis]]<br />
4. Klicken Sie 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|Erstellen Sie Ihre 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.) Klicken Sie 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.) Klicken Sie auf: "Zu einer Wikiseite".
<div class="width-1-2">
:3.) Tragen Sie 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)|
* Unterschreiben Sie Ihre erste Arbeit.
* Welche Dinge würdest du auf eine einsame Insel mitnehmen? '''(5)'''  
1. Klicken Sie im Editor auf '''"Erweitert"'''.
* Schreibe eine Liste mit Aufzählungszeichen.
2. Suchen Sie den Stift-Button und klicken Sie darauf: [[Datei:Signatur und Zeitstempel.jpg|Screenshot Editor des DaF-Wikis]]
|Üben}}
3. Jetzt können Sie die Seite Speichern.
}}




{{Kasten_gelb|
„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
*Wenn Sie wissen wollen, wie die Seite aussieht – klicken Sie (1) „Vorschau zeigen“  Alles OK?
<div class="grid">
*Dann klicken Sie (2)„Seite beobachten“
<div class="width-1-2">
* und (3)„speichern“ Sie Ihre Arbeit!
<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! Sie haben gerade die wichtigsten Funktionen des Wikis erlernt!'''<br />
{{Box|Gratulation!|
TIPP Auf diesem Arbeitsblatt werden alle Icons des Editors kurz erklärt:}}
'''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

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



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_2&oldid=42706“