|
|
| Zeile 1: |
Zeile 1: |
| {{Box|Was bietet diese Seite?| | | {{DISPLAYTITLE:Hilfe:Erstellen von Arbeitsblättern}} |
| Auf dieser Seite findest du eine Übersicht, wie du einen eigenen 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%C3%B6glichkeiten<br>--~~~~</ref> |Kurzinfo}}
| |
|
| |
|
| == Text formatieren ==
| | Im '''ZUM-Unterrichten-Wiki''' gibt es viele Seiten mit interaktiven Übungen. Kann man diese Seiten auch als Arbeitsblatt oder Broschüre ausdrucken und den Schülern so zur Verfügung stellen? |
|
| |
|
| Texte können mit den Bedienelementen formatiert werden.
| | Daneben gibt es unter den [https://unterrichten.zum.de/wiki/Spezial:Dateien?limit=500&ilsearch=&user= hochgeladenen Dateien] viele PDFs, die zwar bereits im richtigen Druckformat sind, aber innerhalb der Seiten und Kategorien nur schwierig gefunden werden. |
|
| |
|
| Überschriften werden mit dem Bedienfeld "Absatz" eingefügt.
| | Diese Hilfeseite soll einen Weg zeigen, wie man mit dem ZUM-Unterrichten-Wiki Arbeitsblätter optimiert, bzw. das Druck-Layout nutzt, ohne zusätzlich PDFs hochladen zu müssen. |
|
| |
|
| Um Unterüberschriften einzufügen, wählen Sie im Bedienelement "Absatz" entsprechend aus und geben Sie den Text für die Überschrift ein.
| | == Grundsätzliches == |
| | Wenn man derzeitig (Juni 2022) eine Wikiseite ausdrucken möchte, sieht sie ungefähr so aus: |
|
| |
|
| In der "Visuellen Bearbeitung" erscheint der Text so, wie er auch später zu lesen ist.
| | [[Datei:Screenshot-Printlayout-Ist-Zustand-06-2022.png|thumb|left|Screenshot-Printlayout-Ist-Zustand-06-2022]] |
| | |
| 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".
| |
| | |
| [[Datei:Formel und Symbol einfügen.png|thumb|Formel und Symbol einfügen]] | |
| {{clear}} | | {{clear}} |
|
| |
|
| Die Farbe eines Textes kann nicht über die Bedienelemente gewählt werden, dies muss im Quelltext erfolgen. Der Text erscheint in <span style="color:red">roter Farbe</span>, wenn Sie im Quelltext folgendes schreiben:
| | In einer Kopfzeile wird der links der Seitentitel und rechts die URL, im Seitenfuß die Seitenanzahl und das Datum des Ausdrucks angegeben. Dies ist eine Browserinterne Einstellung! |
| | |
| <div class="grid">
| |
| <div class="width-1-2">
| |
| Kopieren Sie das nachfolgende Markup, um den Text …
| |
| | |
| <pre><span style="color:blue">blau</span></pre>
| |
| <pre><span style="color:green">grün</span></pre>
| |
| <pre><span style="color:yellow">gelb</span></pre>
| |
| </div>
| |
| <div class="width-1-2"><br><br>
| |
| <span style="color:blue">blau</span>
| |
| | |
| | |
| <span style="color:green">grün</span>
| |
| | |
| | |
| <span style="color:yellow">gelb</span> zu schreiben.
| |
| </div>
| |
| </div>
| |
| | |
| {{Box|Achtung: Lesbarkeit|Wie sie am Beispiel mit der gelben Schrift erkennen, hat diese nur wenig Kontrast und ist schlecht lesbar.<br>Verzichten Sie weitgehend auf solche Formatierungen und verwenden Sie unsere Box-Vorlage.|Hervorhebung2}}
| |
| | |
| == Strukturieren durch Boxen ==
| |
| | |
| Für das Hervorheben von Inhalten steht die [[Hilfe:Box|Vorlage "Box"]] zur Verfügung.
| |
| | |
| Einige Beispiele sind hier eingefügt:
| |
| | |
| <div class="grid">
| |
| <div class="width-1-2">
| |
| <pre>
| |
| {{Box|Thema|...|Lernpfad}}
| |
| </pre>
| |
| </div>
| |
| <div class="width-1-2">
| |
| {{Box|Thema|...|Lernpfad}}
| |
| </div>
| |
| </div>
| |
| | |
| <div class="grid">
| |
| <div class="width-1-2">
| |
| <pre>
| |
| {{Box|Merke|...|Merksatz}}
| |
| </pre>
| |
| </div>
| |
| <div class="width-1-2">
| |
| {{Box|Merke|...|Merksatz}}
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="grid"> | | Sie kann in der Datei [[MediaWiki:Common.css|MediaWiki:Common.css]] mit folgendem Code unterdrückt werden,<ref> |
| <div class="width-1-2">
| | [https://www.geeksforgeeks.org/how-to-remove-url-from-printing-the-page/ How to Remove URL from Printing the Page ?]</ref> müsste dann aber aus den Metadaten heraus wieder im passenden Layout angezeigt werden: |
| <pre>
| |
| {{Box|Aufgabe|...|Üben}}
| |
| </pre>
| |
| </div>
| |
| <div class="width-1-2">
| |
| {{Box|Aufgabe|...|Üben}}
| |
| </div>
| |
| </div> | |
| Hauptartikel: [[Hilfe:Box]].
| |
|
| |
|
| Kopieren Sie auf der Hilfeseite die gewünschte Box und füllen Sie sie mit dem Inhalt Ihres Lernpfades.
| | <source lang="css"> |
| | @media print { |
| | @page { |
| | margin-top: 0; |
| | margin-bottom: 0; |
| | } |
|
| |
|
| Sie können die Boxen auch im Quelltext schreiben. Sie beginnen und enden immer mit einer doppelten geschweiften Klammer. Innerhalb dieser Klammern ist Reihenfolge dann:
| | body { |
| <pre>{{Box|Überschrift, die angezeigt werden soll|Text, der angezeigt werden soll|Symbol, das angezeigt werden soll}}</pre>
| | padding-top: 72px; |
| | padding-bottom: 72px ; |
| | } |
| | }</source> |
| | | |
| ZWISCHENDURCH AN DAS SPEICHERN DENKEN!!
| |
|
| |
| == Hilfen bzw. versteckte Lösungen erstellen ==
| |
| 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">
| |
| <div class="width-1-2">
| |
| <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}}
| |
| </pre>
| |
| </div>
| |
| <div class="width-1-2">
| |
| {{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.
| |
|
| |
| In der visuellen Bearbeitung werden die versteckten Lösungen nicht so angezeigt, wie sie nach der Speicherung angezeigt werden, speichern Sie also Ihr Projekt.
| |
|
| |
| 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}}
| |
|
| |
| 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:
| |
|
| |
| <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 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 …
| |
| * 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|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|Bedienelement Link]] oder beginnen und enden im Quelltext mit einer eckigen Klammer.
| |
|
| |
| [[Datei:Externer Link.png|thumb|Externer Link]]
| |
|
| |
|
| |
| <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. 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|...}} | | Die verwendete MediaWiki-Software bietet einige Extensions an, die Webseiten in PDF umwandeln, wobei dieser Ansatz hier nicht verfolgt werden soll.<ref>[https://www.mediawiki.org/wiki/PDF_export PDF export] (mediawiki.org)</ref> |
| </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.
| | == Vorlagen == |
| | === Seitenkopf === |
| | Zur Zeit gibt es mehrere Vorlagen, die einen Kopf für Arbeitsblätter gestalten: |
|
| |
|
| === Fortsetzung ===
| | * [[Vorlage:Arbeitsblatt]] |
| | * Ähnlich ist die [[Vorlage:Titel-Druck]] |
|
| |
|
| Außerdem können Sie am Ende der Seite über die Navigation auf die nächste Seite des Lernpfades gelangen.
| | Neben dem Seitentitel können optional Anforderungsniveu, Name des Schülers und ein Datumsfeld eingeblendet werden. |
|
| |
|
| Navigation: Vorherige und nachfolgende Seite (zurück und weiter)
| | === Seitenumbruch === |
| <div class="grid">
| | Beim Ausdrucken werden automatisch Inhalte getrennt und passend auf verschiedene Seiten verteilt. |
| <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>
| |
|
| |
|
| | Wenn man bspw. ein neues Kapitel auf einer neuen Seite platzieren möchte, fügt die [[Vorlage:Pagebreak]] einen weiteren Seitenumbruch mit Quellenangabe ein. |
|
| |
|
| {{Fortsetzung| | | <pre>{{Vorlage:Pagebreak}}</pre> |
| vorher=Inhaltliche Richtlinien|
| | {{Pagebreak}} |
| vorherlink=Hilfe:Inhaltliche Richtlinien|
| |
| weiter=Medien einbinden|
| |
| weiterlink=Hilfe:Medien einbinden}}
| |
|
| |
|
| | {{ToDo|Es bleibt zu überlegen, ob diese Quellenangabe nicht bei '''jedem Ausdruck''' erfolgen sollte. Dann könnte man sie aus dieser Vorlage entfernen. |
| | --[[Benutzer:Matthias Scharwies|Matthias Scharwies]] ([[Benutzer Diskussion:Matthias Scharwies|Diskussion]]) 12:12, 5. Jun. 2022 (CEST)}} |
|
| |
|
| | === Glossar === |
| | [[Vorlage:Diff-Glossar]] |
|
| |
|
| {{Hilfe Navigation}}
| |
|
| |
|
| == Quellen == | | == Quellen == |
| <references/> | | <references/> |
|
| |
|
| | ===Bitte löschen!=== |
|
| |
|
| [[Kategorie:Hilfe]] | | *[[Hilfe:Wiki-Hilfe|Wiki-Hilfe]] - kein Inhalt! |
| | **—> das hatten wir beim Workshop angelegt und wollten sammeln, was man oft braucht und nie so auf die Schnelle findet. [[Benutzer:FrauSchütze|FrauSchütze]] ([[Benutzer Diskussion:FrauSchütze|Diskussion]]) 15:06, 21. Mai 2022 (CEST) |
Im ZUM-Unterrichten-Wiki gibt es viele Seiten mit interaktiven Übungen. Kann man diese Seiten auch als Arbeitsblatt oder Broschüre ausdrucken und den Schülern so zur Verfügung stellen?
Daneben gibt es unter den hochgeladenen Dateien viele PDFs, die zwar bereits im richtigen Druckformat sind, aber innerhalb der Seiten und Kategorien nur schwierig gefunden werden.
Diese Hilfeseite soll einen Weg zeigen, wie man mit dem ZUM-Unterrichten-Wiki Arbeitsblätter optimiert, bzw. das Druck-Layout nutzt, ohne zusätzlich PDFs hochladen zu müssen.
Grundsätzliches
Wenn man derzeitig (Juni 2022) eine Wikiseite ausdrucken möchte, sieht sie ungefähr so aus:
Screenshot-Printlayout-Ist-Zustand-06-2022
In einer Kopfzeile wird der links der Seitentitel und rechts die URL, im Seitenfuß die Seitenanzahl und das Datum des Ausdrucks angegeben. Dies ist eine Browserinterne Einstellung!
Sie kann in der Datei MediaWiki:Common.css mit folgendem Code unterdrückt werden,[1] müsste dann aber aus den Metadaten heraus wieder im passenden Layout angezeigt werden:
@media print {
@page {
margin-top: 0;
margin-bottom: 0;
}
body {
padding-top: 72px;
padding-bottom: 72px ;
}
}
Die verwendete MediaWiki-Software bietet einige Extensions an, die Webseiten in PDF umwandeln, wobei dieser Ansatz hier nicht verfolgt werden soll.[2]
Vorlagen
Seitenkopf
Zur Zeit gibt es mehrere Vorlagen, die einen Kopf für Arbeitsblätter gestalten:
Neben dem Seitentitel können optional Anforderungsniveu, Name des Schülers und ein Datumsfeld eingeblendet werden.
Seitenumbruch
Beim Ausdrucken werden automatisch Inhalte getrennt und passend auf verschiedene Seiten verteilt.
Wenn man bspw. ein neues Kapitel auf einer neuen Seite platzieren möchte, fügt die Vorlage:Pagebreak einen weiteren Seitenumbruch mit Quellenangabe ein.
{{Vorlage:Pagebreak}}
Es bleibt zu überlegen, ob diese Quellenangabe nicht bei jedem Ausdruck erfolgen sollte. Dann könnte man sie aus dieser Vorlage entfernen.
--
Matthias Scharwies (
Diskussion) 12:12, 5. Jun. 2022 (CEST)
Glossar
Vorlage:Diff-Glossar
Quellen
Bitte löschen!
- Wiki-Hilfe - kein Inhalt!
- —> das hatten wir beim Workshop angelegt und wollten sammeln, was man oft braucht und nie so auf die Schnelle findet. FrauSchütze (Diskussion) 15:06, 21. Mai 2022 (CEST)
Quelle: zum.de Hilfe (https://unterrichten.zum.de/wiki/Benutzer:Matthias_Scharwies/Hilfe)
