|
|
| Zeile 1: |
Zeile 1: |
| In den beiden vergangenen Kapiteln haben Sie gelernt, wie Sie eine Seite anlegen und mit Text, sowie Medien gestalten.
| | <noinclude> |
| | Diese Vorlage dient dazu ganze Seitenabschnitte in einer zuerst zusammegefalteten Überschrift einzufügen die sich auf Klick ausfalten. |
| | === Das Schreibt man: === |
| | <code><nowiki>{{Tooltip|Inhalt des Tooltips}}</nowiki></code> |
| | ---- |
| | {{Tooltip|Inhalt des Tooltips der auch komplex sein kann: |
|
| |
|
| Wenn eine Seite zu lang und unübersichtlich wird, können Sie Teile in Unterseiten auslagern. So entstehen [[Lernpfad]]e, in denen Schüler entweder linear von Seite zu Seite gehen oder Gruppenarbeiten, in denen Arbeiten synchron erledigt werden können.
| | * ist das |
| | * nicht toll |
|
| |
|
| ==Links==
| | }} |
| ===Unterseiten zur Benutzerseite erstellen/ Interne Links einfügen===
| | </noinclude> |
| | <noinclude> |
| | <templatedata> |
| | { |
| | "params": { |
| | "Titel": { |
| | "aliases": [ |
| | "1" |
| | ], |
| | "label": "Titel des Abschnittes", |
| | "description": "Der Titel wird als Überschrift erzeugt mit einem kleinen Hinweis zum Aufdecken des ganzen Abschnitts", |
| | "type": "string", |
| | "required": true |
| | }, |
| | "Inhalt": { |
| | "aliases": [ |
| | "2" |
| | ], |
| | "label": "Inhalt", |
| | "description": "Versteckter Inhalt der aufgedeckt werden soll", |
| | "type": "content", |
| | "required": true |
| | } |
| | }, |
| | "description": "Aufdecken erzeugt einen verdeckten Abschnitt mit einer Überschrift", |
| | "format": "block" |
| | } |
| | </templatedata> |
| | </noinclude> |
|
| |
|
| 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.
| | <onlyinclude><includeonly>{{#vardefine: TOOLTIP_IDGENERATOR| {{#expr:{{ #var:TOOLTIP_IDGENERATOR}} + 1}}}}<span class=" uk-position-relative" data- uk-toggle=" {target: '. aufdecken-inhalt-{{ #var:TOOLTIP_IDGENERATOR}} '}">< span style=" cursor:pointer" class=" uk-display-inline-block uk-link-muted aufdecken- inhalt-{{ #var:TOOLTIP_IDGENERATOR}} uk-text-small uk- hidden">< i class=" uk- icon- info"></ i></ span> <span style= "cursor:pointer" class= "uk-display- inline- block uk-link-muted aufdecken-inhalt-{{#var: TOOLTIP_IDGENERATOR}} uk- text- small">< i class=" uk-icon- info- circle"></ i></ span><div style="width: 15em;width:max- content;max- width: 20em" class=" uk-position-absolute uk-panel uk-panel-box aufdecken-inhalt- {{#var:TOOLTIP_IDGENERATOR}} uk- hidden">{{ {Inhalt| {{{1|}} }}}}</ div></ span> |
| | | </includeonly></onlyinclude> |
| Interne Links können …
| |
| | |
| *z.B. verwendet werden, um Unterseiten zu 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. 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> | |
| | |
| [[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> | |
| | |
| | |
| | |
| | |
| {{Fortsetzung|
| |
| vorher=Medien einbinden|
| |
| vorherlink=Hilfe:Medien einbinden|
| |
| weiter=|
| |
| weiterlink=Hilfe:Medien einbinden}}
| |
| | |
| {{Hilfe Navigation}}
| |
