Hilfe:Inhalte erstellen: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(4 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{TOCright}}
{{Box|Was bietet diese Seite?|
{{Box|Was bietet diese Seite?|
Auf dieser Seite findest du eine Übersicht, wie du eigene Inhalte oder sogar einen Lernpfad im Wiki erstellen kannst.<ref>Dieser '''Lernpfad zum Erstellen eines Lernpfads''' wurde von [[Benutzer:Buss-Haskert|Carmen Buss-Haskert]] für das Projektwiki erstellt und dankenswerterweise für das ZUM-Unterrichten-Wiki zur Verfügung gestellt.<br>https://projekte.zum.de/wiki/Benutzer:Buss-Haskert/Lernpfad_-_Möglichkeiten<br>--[[Benutzer:Matthias Scharwies|Matthias Scharwies]] ([[Benutzer Diskussion:Matthias Scharwies|Diskussion]]) 06:27, 21. Mai. 2022 (CET)</ref>  |Kurzinfo}}
Auf dieser Seite findest du eine Übersicht, wie du erste eigene Inhalte erstellen kannst.|Kurzinfo}}
 
==Die erste Seite anlegen==
[[Datei:01 video Unterrichten-erste-seite.mp4]]


==Text eingeben==
==Text eingeben==
Wenn Sie Ihren gewünschten Seitentitel eingegeben haben, öffnet sich ein Eingabefeld:
Wenn du deinen gewünschten Seitentitel eingegeben hast, öffnet sich ein Eingabefeld:


[[Datei:Neue Seite.png|800px|alt=Screenshot einer neuen Seite]]
[[Datei:Neue Seite.png|800px|alt=Screenshot einer neuen Seite]]


{{2Spalten|
'''Kurz und einfach:'''  
'''Kurz und einfach:'''  
# Text kann eingegeben oder hineinkopiert werden
# Neue Absätze werden durch Leerzeilen erzeugt.
'''Für Fortgeschrittene:'''
Texte können mit den Bedienelementen formatiert werden.
# Überschriften werden mit dem Bedienfeld "Absatz" eingefügt.
# Um Unterüberschriften einzufügen, wählen Sie im Bedienelement "Absatz" entsprechend aus und geben Sie den Text für die Überschrift ein.<br>In der "Visuellen Bearbeitung" erscheint der Text so, wie er auch später zu lesen ist.
[[Datei:Formel und Symbol einfügen.png|thumb|Formel und Symbol einfügen]]
Ein Wechsel in die "Quelltextbearbeitung" hilft, die Quelltexte ("das Programmieren") besser zu verstehen.
Möchten Sie mathematische Formeln oder Symbole eingeben, nutzen Sie die Bedienelemente "Einfügen - Formel" bzw. "Symbol".
{{clear}}
==Strukturieren durch Boxen==
Für das Hervorheben von Inhalten stehen Vorlagen zur Verfügung.
Einige Beispiele sind hier eingefügt:
<div class="grid">
<div class="width-1-2">
<pre>{{Merke|<Merktext>}}</pre>
</div>
<div class="width-1-2">
{{Merke|Merksatz}}
</div>
</div>


<div class="grid">
#Text kann eingegeben oder hineinkopiert werden
<div class="width-1-2">
#Neue Absätze werden durch Leerzeilen erzeugt.
<pre>{{Aufgabe|<Aufgabentext>}}</pre>
|'''Für Fortgeschrittene:'''
</div>
<div class="width-1-2">
{{Aufgabe|...}}
</div>
</div>


Kopieren Sie die gewünschte Vorlage und füllen Sie sie mit dem gewünschten Inhalt.
#Wechsel in den Modus "Quelltext bearbeiten"
#Wikisyntax (selbst geschrieben oder aus anderen Seiten kopiert) eingeben
}}


Sie können die Boxen auch im Quelltext schreiben. Sie beginnen und enden immer mit einer doppelten geschweiften Klammer.  
==Link erstellen==
{{2Spalten|
#zu verlinkenden Text markieren
#auf das Symbol mit den beiden Ringen klicken
#Link eingeben oder den Namen einer Seite im Wiki eingeben (Autovervollständigung nutzen)
|
#zu verlinkenden Text markieren
#auf das Symbol mit den beiden Ringen klicken oder eckige Klammern nutzen
<pre><nowiki>
[[Link]]
</nowiki></pre>}}
==Aufzählung, Nummerierte Liste==
{{2Spalten|
#Im Bearbeiten-Modus in der Menüleiste das Icon mit den drei Punkten und den drei Strichen anklicken.
#Auswahl treffen: Aufzählungszeichen oder Nummerierte Liste.  


'''Hauptseite:''' [[Vorlage:Box]]
|<pre><nowiki>*</nowiki></pre> erzeugt eine Aufzählungsliste. Beispiel:  
*tu dies
ZWISCHENDURCH AN DAS SPEICHERN DENKEN!!
*und das.
<pre><nowiki>#</nowiki></pre> erzeugt eine nummerierte Liste. Beispiel:
#als erstes das
#dann das
Im Quelltextmodus gibt es auch das Menü mit den drei Punkten. Das kann auch genutzt werden.}}


==Hilfen bzw. versteckte Lösungen erstellen==
==Text mit Überschriften gliedern==
Die [[Vorlage:Lösung versteckt|Vorlage "Lösung versteckt"]] ermöglicht es, Texte, Bilder o.ä. versteckt darzustellen und erst durch ein Anklicken anzeigen zu lassen. Hier können differenzierte Hilfestellungen (ähnlich zu den analogen Hilfekarten) erstellt werden.


<div class="grid">
{{2Spalten|
<div class="width-1-2">
Im visuellen Editor kannst du Überschriften durch Klick auf die Schaltfläche "Absatz" eingeben.
<pre>
|
{{Lösung versteckt|Sie können hier einen Tipp zur Lösung der Aufgabe formulieren oder eine Lösung angeben.|Tipp 1|Schließen}}
Alternativ kannst du im Quelltext-Editor Überschriften wie folgt erzeugen:
</pre>
<pre><nowiki>
</div>
== Überschrift 1 ==
<div class="width-1-2">
Textabsatz
{{Lösung versteckt|Sie können hier einen Tipp zur Lösung der Aufgabe formulieren oder eine Lösung angeben.|Tipp 1|Schließen}}
</div>
</div>


Kopieren Sie den Text im Quelltext und geben Sie den Inhalt und die Bezeichnungen für die Felder zum Öffnen und Schließen ein, den Ihr Lernpfad enthalten soll.
=== Unterüberschrift ===
noch ein Textabsatz
</nowiki></pre>}}


In der visuellen Bearbeitung werden die versteckten Lösungen nicht so angezeigt, wie sie nach der Speicherung angezeigt werden, speichern Sie also Ihr Projekt.
==Inhaltsverzeichnis positionieren oder unterdrücken==
Sobald mehr als drei Überschriften angelegt werden, erzeugt die Software automatisch vor der ersten Überschrift ein '''Inhaltsverzeichnis'''.
{{2Spalten| Hier gibt es keine einfache Lösung um dieses zu verhindern.
|
Mit <pre><nowiki>{{TOCright}}</nowiki></pre>kann es woanders positioniert, mit <pre><nowiki>__NOTOC__</nowiki> </pre>unterdrückt werden, da ein umfangreiches Inhaltsverzeichnis am Anfang eines Lernpfads vom Lesefluss ablenkt.  
}}


Dann sehen Sie die versteckten Hinweise in der gewünschten Darstellung.


{{Box|1=Wichtiger Hinweis|2=Wenn Sie innerhalb einer Box oder einer versteckten Lösung ein Gleichzeichen "=" verwenden, z.B. um ein Wort in der Box farbig zu schreiben (Gleichzeichen im Befehl) oder eine Lösung wie z.B. x = 10 anzugeben, dann müssen nach den senkrechten Strichen (Pipes) jeweils die Befehle 1=... 2=... und 3=... geschrieben werden, sonst erhalten Sie eine Fehlermeldung.|3=Hervorhebung2}}
==Speichern==
 
*Knopf: Änderungen speichern klicken
Beispiel: Es soll eine verstecke Lösung angegeben werden mit dem Inhalt: Lösung: x = 10, der Beschriftung "Lösung" und dem Schließbutton "Schließen", dann sieht der Quelltext wie folgt aus:
*kurze Info zu den Änderungen ins erscheinende Textfeld tippen.
 
<div class="grid">
<div class="width-1-2">
<pre>
{{Lösung versteckt|1=Lösung: x=10|2=Lösung|3=Schließen}}
</pre>
</div>
<div class="width-1-2">
{{Lösung versteckt|1=Lösung: x=10|2=Lösung|3=Schließen}}
</div>
</div>
 
==Links==
===Unterseiten zur Benutzerseite erstellen/ Interne Links einfügen===
 
Sie können innerhalb eines Lernpfades interne Links (innerhalb des Wikis) einfügen. Diese führen dann zu einer anderen Seite im Wiki. Die Schriftfarbe erscheint blau, falls die Seite schon vorhanden ist und rot, falls diese Seite noch nicht vorhanden ist.
 
Interne Links können &hellip;
 
*z.B. verwendet werden, um Unterseiten zur Benutzerseite zur erstellen. Damit kann der Lernpfad in Kapitel aufgeteilt werden oder es können Verzweigungen im Lernpfad erstellen werden.
*zu schon vorhandenen Seiten im Wiki führen.
 
Erstellen Sie Ihre Lernpfade als Unterseiten Ihrer Benutzerseite!
 
Um eine Unterseite zu Ihrer Benutzerseite zu erstellen, nutzen Sie das Bedienelement [[Datei:Bedienelement Link.png|300px|Bedienelement Link]] oder beginnen und enden im Quelltext mit zwei eckigen Klammern.
 
[[Datei:Unterseite Beispiel.png|thumb|left|Unterseite Beispiel]]
{{clear}}
 
===Externe Links einfügen===
Sie können auch externe Link z.B. zu Übungsseiten im Internet in den Lernpfad einfügen. Die Schülerinnen und Schüler gelangen dann auf die verlinkte Seite und kehren über den "Zurück-Pfeil" des Browsers auf den Lernpfad zurück.
 
Um einen externen Link zu erstellen, nutzen Sie das Bedienelement [[Datei:Bedienelement Link.png|300px|Bedienelement Link]]  oder beginnen und enden im Quelltext mit einer eckigen Klammer.
 
[[Datei:Externer Link.png|thumb|left|Externer Link]]
 
{{clear}}
<div class="grid">
<div class="width-1-2">
<pre>
{{Box|Übung online|Bearbeite mindestens 3 Rechenhäuser. Klicke dazu auf den Übungslink|Üben}}
[https://www.matheaufgaben.net/mathe-online/?Aufgabentyp=Rechenhaeuser Übungsseite Rechenhäuser]
</pre>
</div>
<div class="width-1-2">
{{Box|Übung online|Bearbeite mindestens 3 Rechenhäuser. Klicke dazu auf den Übungslink|Üben}}
[https://www.matheaufgaben.net/mathe-online/?Aufgabentyp=Rechenhaeuser Übungsseite Rechenhäuser]
</div>
</div>
 
===Navigation einfügen===
 
Zum Lernpfad wird - wenn sie mehr als drei Überschriften eingefügt haben - automatisch ein '''Inhaltsverzeichnis''' erstellt. Die Schülerinnen und Schüler können direkt zur passenden Überschrift "springen".
 
Bei '''mehrseitigen Lernpfaden''' bietet es sich an, eine Navigation einzufügen.
 
Z.&nbsp;B. kann zu Beginn der Seite eine Übersicht über die im Lernpfad enthaltenen Kapitel gegeben werden, die dann von den Schülerinnen und Schülern  entsprechend gewählt werden können.
 
*Navigation: Übersicht über die Kapitel des Lernpfades
 
Die Navigation finden sie im Bedienelement "Einfügen - Vorlage - Navigation" oder Sie geben Sie direkt im Quelltext ein mit dem Quelltext:
 
<div class="grid">
<div class="width-1-2">
<pre>{{Navigation|...}}</pre>
 
bzw.
 
<pre>{{Navigation verstecken|...}}
</pre>
</div>
<div class="width-1-2">
[[Datei:Screenshot-Navigation.png|Screenshot-Navigation]]
</div>
</div>
 
Dabei ist die Navigation im ersten Fall sichtbar, im zweiten Fall versteckt.
 
===Fortsetzung===
 
Außerdem können Sie am Ende der Seite über die Navigation auf die nächste Seite des Lernpfades gelangen.
 
Navigation: Vorherige und nachfolgende Seite (zurück und weiter)
<div class="grid">
<div class="width-1-2">
<pre>{{Fortsetzung|
vorher=Text, der zum Vorherlink angezeigt wird|
vorherlink=interner Link zur entsprechenden Seite|
weiter=Text, der zum Weiterlink angezeigt wird|
weiterlink=interner Link zur entsprechenden Seite}}
</pre>
</div>
<div class="width-1-2">
[[Datei:Fortsetzung Ansicht.png|Screenshot Fortsetzungs-Vorlage]]
</div>
</div>
 
== Inhaltsverzeichnis positionieren oder unterdrücken ==
Sobald mehr als drei Überschriften angelegt werden, erzeugt die Mediawiki-Software automatisch vor der ersten Überschrift ein '''Inhaltsverzeichnis'''.<ref>[https://www.mediawiki.org/wiki/Help:Magic_words/de#Verhaltensschalter Verhaltensschalter] (www.mediawiki.org)</ref>
 
Mit <nowiki>__TOC__</nowiki> kann es woanders positioniert, mit <nowiki>__NOTOC__</nowiki> unterdrückt werden, da ein umfangreiches Inhaltsverzeichnis am Anfang eines Lernpfads vom Lesefluss ablenkt.
 
Alternativ könnte man umfangreiche Seiten in mehrere Unterseiten aufspalten (wieder auf [[Hilfe:Inhaltliche_Richtlinien#Der_passende_Seitentitel|passende Seitentitel]] achten!) und diese in der [[:Vorlage:Navigation|Vorlage:Navigation]] miteinander verknüpfen.
 
 
<hr>
 
 
{{Fortsetzung|
vorher=Inhaltliche Richtlinien|
vorherlink=Hilfe:Inhaltliche Richtlinien|
weiter=Medien einbinden|
weiterlink=Hilfe:Medien einbinden}}




{{Hilfe Navigation}}
{{Hilfe Navigation}}
==Quellen==
<references />
[[Kategorie:Hilfe]]

Aktuelle Version vom 22. Mai 2024, 09:09 Uhr

Was bietet diese Seite?
Auf dieser Seite findest du eine Übersicht, wie du erste eigene Inhalte erstellen kannst.

Die erste Seite anlegen

Text eingeben

Wenn du deinen gewünschten Seitentitel eingegeben hast, öffnet sich ein Eingabefeld:

Screenshot einer neuen Seite

Kurz und einfach:

  1. Text kann eingegeben oder hineinkopiert werden
  2. Neue Absätze werden durch Leerzeilen erzeugt.
Für Fortgeschrittene:
  1. Wechsel in den Modus "Quelltext bearbeiten"
  2. Wikisyntax (selbst geschrieben oder aus anderen Seiten kopiert) eingeben

Link erstellen

  1. zu verlinkenden Text markieren
  2. auf das Symbol mit den beiden Ringen klicken
  3. Link eingeben oder den Namen einer Seite im Wiki eingeben (Autovervollständigung nutzen)
  1. zu verlinkenden Text markieren
  2. auf das Symbol mit den beiden Ringen klicken oder eckige Klammern nutzen
[[Link]]

Aufzählung, Nummerierte Liste

  1. Im Bearbeiten-Modus in der Menüleiste das Icon mit den drei Punkten und den drei Strichen anklicken.
  2. Auswahl treffen: Aufzählungszeichen oder Nummerierte Liste.
*
erzeugt eine Aufzählungsliste. Beispiel:
  • tu dies
  • und das.
#
erzeugt eine nummerierte Liste. Beispiel:
  1. als erstes das
  2. dann das
Im Quelltextmodus gibt es auch das Menü mit den drei Punkten. Das kann auch genutzt werden.

Text mit Überschriften gliedern

Im visuellen Editor kannst du Überschriften durch Klick auf die Schaltfläche "Absatz" eingeben.

Alternativ kannst du im Quelltext-Editor Überschriften wie folgt erzeugen:

== Überschrift 1 ==
Textabsatz

=== Unterüberschrift === 
noch ein Textabsatz

Inhaltsverzeichnis positionieren oder unterdrücken

Sobald mehr als drei Überschriften angelegt werden, erzeugt die Software automatisch vor der ersten Überschrift ein Inhaltsverzeichnis.

Hier gibt es keine einfache Lösung um dieses zu verhindern.
Mit
{{TOCright}}
kann es woanders positioniert, mit
__NOTOC__ 
unterdrückt werden, da ein umfangreiches Inhaltsverzeichnis am Anfang eines Lernpfads vom Lesefluss ablenkt.


Speichern

  • Knopf: Änderungen speichern klicken
  • kurze Info zu den Änderungen ins erscheinende Textfeld tippen.