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

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


{{Kasten_blau|Jetzt kann es mit dem Schreiben losgehen!<br />
Im Virtuell-Editor:<br />
* Stellen Sie sich kurz vor (Unterrichtsfächer, Schule, wenn gewollt: Vor- und/oder Nachname).
<div class="grid">
* Nun schreiben Sie das Land und die Stadt, wo sie gerade arbeiten:
<div class="width-1-2">
* Wort/ Wörter markieren und den passenden Button klicken:
#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
|-
| Schreiben Sie Land kursiv     
| [[Datei:Kursiv.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
|    <nowiki>''Land ''</nowiki> 
| ''Land''
|-
| Schreiben Sie Stadt fett       
| [[Datei:Fett.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
| <nowiki>'''Stadt'''</nowiki>
| '''Stadt'''
|}


„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
* Setzen Sie an Stelle des Schulnamens einen externen Link zu Ihrer Schule
<div class="grid">
* Wort/ Wörter markieren und den passenden Button klicken, Link siehe unten einfügen: (Zwischen Adresse und Beschreibung muss eine „Lücke“ sein.)
<div class="width-1-2">
}}
<pre>'''Stadt'''</pre>
[[Datei:Externer Link.jpg|Screenshot und bearbeitet von neuem Wiki-Editor]]
</div>
<div class="width-1-2">
'''Stadt'''
</div>
</div>


{| class="wikitable "
! Aufgabe
! Button
! Wiki-Syntax
! Ergebnis
|-
| Externer Link   
| [[Bild:External_link_icon.png]]
|    <nowiki>[http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule]  </nowiki> 
| [http://www.gundel-bp.sulinet.hu/ Gundel Károly Schule] 
|}


{{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.
* Überschrift schreiben – markieren: Überschrift – und siehe unten – den passenden Button klicken:
}}




{| 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 
| [[Bild:Headline_icon.png]]
|    <nowiki>== Überschrift ==</nowiki> 


|-
| Sekundäre Ü.       
| [[Bild:Button_headline2.png]]
| <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!“
| [[Bild:Button_headline3.png]]
#Füge weitere Überschriften hinzu.
| <nowiki>==== Untergeordnete Überschrift ====</nowiki>
|Üben}}


|}
Im Virtuell-Editor:<br />
'''Ergebnis:'''<br />
<div class="grid">
<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 ====


{{Kasten_blau|
* Setzen Sie nun einen internen Link zur Hauptseite des DSD-Wikis. Schreiben Sie „Hauptseite“,  Wort markieren 
}}


„Quelltext bearbeiten“ (Wiki-Syntax): Hauptüberschrift
<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">
| Interner Link   
=== Sekundäre Überschrift  ===
| [[Bild:Button_link.png]]
</div>
|    <nowiki>[[Hauptseite]]  </nowiki>  
</div>
| [[Hauptseite]] 
|}


„Quelltext bearbeiten“ (Wiki-Syntax): Untergeordnete Überschrift
<div class="grid">
<div class="width-1-2">
<pre>==== Untergeordnete Überschrift  ====</pre>
</div>
<div class="width-1-2">
==== Untergeordnete Überschrift  ====
</div>
</div>




== Aufgabe: Interner Link ==
{{Kasten_blau|
* Erstellen Sie Ihre erste eigene Unterseite: Schreiben Sie „/Meine erste eigene Unterseite“,  Wort markieren
(Achten Sie auf folgendes Zeichen: '''/'''  )
}}


{| class="wikitable "
{{Box|Üben - Nummerierungen|
! Aufgabe
* Nenne drei Dinge, die du gern einmal machen würdest. Beginne mit dem Wichtigsten.
! Button
* Nummeriere deine Liste, sodass unter 1. (oben) das Wichtigste steht.
! Wiki-Syntax
|Üben}}
! Ergebnis
|-
| Interner Link   
| [[Bild:Button_link.png]]
|    <nowiki> [[/Meine erste eigene Unterseite]]  </nowiki> 
|  [[/Meine erste eigene Unterseite]] 
|}


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>


{{Kasten_blau|
* Unterschreiben Sie Ihre erste Arbeit, indem Sie folgenden Button klicken:  [[Bild:Signature_icon.png]]
}}


„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
<div class="grid">
<div class="width-1-2">
<pre>
# Element 1
# Element 2
# Element 3</pre>
</div>
<div class="width-1-2">
# Element 1
# Element 2
# Element 3
</div>
</div>


{{Kasten_gelb|
{{Box|Merke|Das Rauten-Zeichen < # > findest du auch auf deiner Tastatur.|Merksatz}}
*Wenn Sie wissen wollen, wie die Seite aussieht – klicken Sie (1) „Vorschau zeigen“  Alles OK?
*Dann klicken Sie (2)„Seite beobachten“
* und (3)„speichern“ Sie Ihre Arbeit!
}}


[[Bild:Speichern.jpg]]
{{Box||Üben - Listen (Aufzählungszeichen)|
*  Welche Dinge würdest du auf eine einsame Insel mitnehmen? '''(5)'''
* Schreibe eine Liste mit Aufzählungszeichen.
|Üben}}


{{Kasten_gelb|'''Gratulation! Sie haben gerade die wichtigsten Funktionen des Wikis erlernt!'''<br />
TIPP Auf diesem Arbeitsblatt werden alle Icons des Editors kurz erklärt:}}


* {{pdf|Editierleiste_im_DSD-Wiki.pdf|Editierleiste im DSD-Wiki}}
„Quelltext bearbeiten“ (Wiki-Syntax): Nummerierungen
<div class="grid">
<div class="width-1-2">
<pre>
* Element A
* Element B
* Element C</pre>
</div>
<div class="width-1-2">
* Element A
* Element B
* Element C
</div>
</div>


== Ihre Aufgaben zu Schritt 2 ==
{{Box|Merke|Das Sternchen-Zeichen < * > findest du auch auf deiner Tastatur.|Merksatz}}


{{Box|Gratulation!|
'''Du hast gerade die wichtigsten Funktionen des Wikis erlernt!'''
|Hervorhebung1}}


<shtml hash="6f69674f4cf6cf75474b627c11f67cec"><a title="View Wiki Schritt 2 on Scribd" href="http://www.scribd.com/doc/60560777/Wiki-Schritt-2" style="margin: 12px auto 6px auto; font-family: Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; display: block; text-decoration: underline;">Wiki Schritt 2</a><iframe class="scribd_iframe_embed" src="http://www.scribd.com/embeds/60560777/content?start_page=1&view_mode=list&access_key=key-10vghetjx52pigi5apya" data-auto-height="true" data-aspect-ratio="0.706697459584296" scrolling="no" id="doc_21749" width="100%" height="600" frameborder="0"></iframe><script type="text/javascript">(function() { var scribd = document.createElement("script"); scribd.type = "text/javascript"; scribd.async = true; scribd.src = "http://www.scribd.com/javascripts/embed_code/inject.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(scribd, s); })();</script></shtml>
<br>
<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!