Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- lehrer:redakteure:formatierung-im-intranet [31.07.2014 (09:45)] – Andreas Kalt
+++ lehrer:redakteure:formatierung-im-intranet [09.03.2018 (07:17)] (aktuell) – Andreas Kalt
@@ Zeile 4: / Zeile 4: @@
 Hier sollen die wichtigsten Zeichen vorgestellt werden. Eine komplette Übersicht findet sich oberhalb des Texteingabefeldes unter dem Link **[[wiki:syntax]]**.
 ===== Seiten bearbeiten =====
-{{  bearbeiten-button.jpg?nolink}} Wenn Sie Bearbeitungsrechte im Intranet haben, sehen Sie **am rechten Rand jeder Intranet-Seite** einen Button »Bearbeiten« (Symbol eines Bleistifts).
+{{youtube>8bRjMCKWMBE?640x360}}
+{{  bearbeiten-button.jpg?nolink}} Wenn Sie Bearbeitungsrechte im Intranet haben, sehen Sie **am rechten Rand jeder Intranet-Seite** einen Button »Bearbeiten« (Symbol eines Bleistifts).
-Wenn Sie diesen anklicken, können Sie die Inhalte der Seite ändern und die Änderungen anschließend speichern.
+Wenn Sie diesen anklicken, können Sie die Inhalte der Seite ändern und die Änderungen anschließend **speichern**.
 {{speichern-button.jpg?nolink}}
@@ Zeile 21: / Zeile 24: @@
 **Neue Absätze** werden dadurch erzeugt, dass man eine **komplette leere Zeile einfügt**, also **zwei Mal <key>Enter</key>** drückt.
-Das widerspricht möglicherweise Ihrer Gewohnheit beim Schreiben von Texten und sei daher hier explizit erwähnt.
+Das widerspricht möglicherweise der Gewohnheit beim Schreiben von Texten und sei daher hier explizit erwähnt.
 </note>
-==== Beispiel: Drei Absätze im angezeigten Text ====
+==== Beispiel: Drei Absätze im Ergebnistext ====
 === Formatierung ===
@@ Zeile 42: / Zeile 45: @@
 Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale.
-==== Beispiel: keine Absätze im angezeigten Text ====
+==== Beispiel: keine Absätze im Ergebnistext ====
 === Formatierung ===
@@ Zeile 56: / Zeile 59: @@
 Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale.
-===== Buttons zur Eingabe von Zeichen =====
+===== Buttons zur Eingabe von Formatierungszeichen =====
 Oberhalb des Texteingabefeldes steht eine Reihe von Buttons zur Verfügung, mit denen man die häufigsten Formatierungszeichen eingeben kann. Die einzelnen Symbole sind [[http://www.dokuwiki.org/toolbar|hier erkärt.]]
@@ Zeile 62: / Zeile 65: @@
 {{toolbar-2.png?nolink}}
-<note tip>Wenn Sie mit der Maus über die Buttons fahren und dort kurz warten, sehen Sie einen gelben Tooltip. Tooltips enthalten eine kurze Erklärung zu den Buttons.</note>
+<note tip>Wenn man mit der Maus über die Buttons fährt und dort kurz wartet, sieht man einen gelben Tooltip. Tooltips enthalten eine kurze Erklärung zu den Buttons.</note>
-Viele Zeichen müssen **vor** und **nach** einem Textelement platziert werden. Bei Formatierungen wie **fett**, //kursiv// oder auch bei Überschriften kann man zunächst Text markieren. Wenn man dann den entsprechenden Button drückt, werden die Zeichen automatisch vor und nach dem markierten Text eingefügt. Bei anderen Zeichen wie z.B. Listen funktioniert das ähnlich. **Probieren Sie es am besten mal aus.**
+Viele Zeichen müssen **vor** und **nach** einem Textelement platziert werden. Bei Formatierungen wie **fett**, //kursiv// oder auch bei Überschriften kann man zunächst Text markieren. Wenn man dann den entsprechenden Button drückt, werden die Zeichen automatisch vor und nach dem markierten Text eingefügt. Bei anderen Zeichen wie z.B. Listen funktioniert das ähnlich. **Probiere es am besten mal aus.**
-===== Überschriften =====
-  * Überschriften werden durch Gleichheits-Zeichen <nowiki>(=)</nowiki> markiert.
-  * Das **höchste Überschriftenlevel** erhält **sechs** vor und nach der Überschrift, **fünf** Gleichzeichen markieren das **zweithöchste** Level, vier das nächste niedrigere etc.
-  ====== Überschrift Level 1 ======
-  ===== Überschrift Level 2 =====
-  ==== Überschrift Level 3 ====
-  === Überschrift Level 4 ===
-  == Überschrift Level 5 ==
-  = Überschrift Level 6 =
-  * Sie können die **erste Überschrift einer Seite** einfügen, indem Sie einfach den Überschriften-Button (1) der Toolbar drücken. \\ {{ueberschriften-toolbar-1.jpg?nolink}}. Weitere Überschriften auf der selben Seite sollten niedrigere Levels haben.
-  * Mit Button (2) erzeugen Sie eine Überschrift, die in der aktuellen Position **ein Level niedriger** ist.
-  * Mit Button (3) eine Überschrift, die  in der aktuellen Position **ein Level höher** ist.
-  * Mit Button (4) können Sie das **Level direkt anwählen**.
-Probieren Sie die einzelnen Buttons einfach mal aus.
 ===== Listen =====
@@ Zeile 94: / Zeile 78: @@
   - Die automatische Listenformatierung wird dadurch aktiviert, dass man zunächst vom Anfang einer Zeile **zwei Leerschaltungen <key>Leertaste</key> <key>Leertaste</key> einrückt**.
   - Anschließend folgt
-    - <key><nowiki>*</nowiki></key> <key>Leertaste</key> »Text« für eine Punktliste oder
+    - <key><nowiki>*</nowiki></key> <key>Leertaste</key> »Text« für eine Punktliste oder
-    - <key><nowiki>-</nowiki></key> <key>Leertaste</key> »Text« für eine nummerierte Liste.
+    - <key><nowiki>-</nowiki></key> <key>Leertaste</key> »Text« für eine nummerierte Liste.
-Insgesamt also z.B. <key>Leertaste</key> <key>Leertaste</key> <key><nowiki>*</nowiki></key> <key>Leertaste</key> – »Text«
+Insgesamt also z.B. <key>Leertaste</key> <key>Leertaste</key> <key><nowiki>*</nowiki></key> <key>Leertaste</key>»Text«
 In einer neuen Zeile wird automatisch das zuletzt verwendete Listenzeichen vorangestellt. Möchte man die Liste beenden, drückt man erneut <key>Enter</key>.
+===== Überschriften =====
-===== Dateien und Abbildungen =====
+{{youtube>ai-MyX6Myjk?640x360}}
-Man kann im Intranet auch Dateien hochladen und verlinken sowie Abbildungen anzeigen.  Durch einen Klick auf den **Upload-Button** {{:lehrer:redakteure:upload-button.jpg?nolink|}} öffnet sich ein neues Fenster.
+  * Überschriften werden durch Gleichzeichen <nowiki>(=)</nowiki> markiert.
+  * Das **höchste Überschriftenlevel** erhält **sechs** vor und nach der Überschrift, **fünf** Gleichzeichen markieren das **zweithöchste** Level, vier das nächste niedrigere etc.
-{{upload-fenster.jpg?nolink}}
+  ====== Überschrift Level 1 ======
+  ===== Überschrift Level 2 =====
+  ==== Überschrift Level 3 ====
+  === Überschrift Level 4 ===
+  == Überschrift Level 5 ==
+  = Überschrift Level 6 =
-Es sind **zwei Schritte** nötig:
+  * Man kann die **erste Überschrift einer Seite** einfügen, indem man einfach den Überschriften-Button (1) der Toolbar drückt. \\ {{ueberschriften-toolbar-1.jpg?nolink}}. Weitere Überschriften auf der selben Seite sollten niedrigere Levels haben.
+  * Mit Button (2) erzeugt man eine Überschrift, die in der aktuellen Position **ein Level niedriger** ist.
+  * Mit Button (3) eine Überschrift, die in der aktuellen Position **ein Level höher** ist.
+  * Mit Button (4) kann man das **Level direkt anwählen**.
+Probierem Sie die einzelnen Buttons einfach mal aus.
+===== Strukturierung von Seiten durch hierarchische Überschriften =====
+<note tip>Strukturieren Sie  Seiten im Wiki im Sinne eine **hierarchischen Gliederung**. Erstellen Sie entsprechende Überschriften, um die Struktur deutlich zu machen.</note>
+  * Beginnen Sie **jede** Seite mit einer Überschrift der höchsten Gliederungsebene (s.o.). Das ist wichtig, weil diese Überschrift im gesamten System als Seitenname angezeigt wird.
+  * Benutzen Sie die verschiedenen Überschriften-Buttons, um die weiteren Inhalte der Seite zu strukturieren.
+  * Ab einer gewissen Anzahl Überschriften, wird **automatisch** ein **Inhaltsverzeichnis** der Seite angezeigt.
-  - **Upload** der Datei oder der Abbildung\\ Im **rechten oberen Bereich (rot)** kann man eine oder mehrere Dateien auf der Festplatte für den Upload auswählen und hochladen.
-  - **Einfügen** der Datei oder Abbildung in die Intranet-Seite.\\ Im **rechten unteren Bereich (blau)** sind die bereits vorhandenen Dateien zu sehen. Durch Klicken auf den Dateinamen kann eine Datei ausgewählt und nach Auswahl der dann angezeigten Optionen eingefügt werden.
-<note tip>Grafikdateien werden nach dem Einfügen direkt als Abbildungen angezeigt, andere Dateiarten (z.B. ''.pdf'', ''.doc'' oder ''.ppt'') werden als Download-Links dargestellt. </note>
-**Im linken Bereich des Upload-Fensters** kann man festlegen, in welchen Namensraum (entspricht etwa einem Ordner) der Software die Datei gespeichert werden soll. //Hier kann man praktisch immer die Voreinstellung unangetastet lassen.// Dieser Speicherort hat auch nichts damit zu tun, auf welcher Intranet-Seite die Datei verwendet werden kann.
 ===== Links =====
-In der Wiki-Software, mit der wir das Intranet betreiben, werden zwei Arten von Links unterschieden:
+{{youtube>b5opT3aj2u8?640x360}}
-  - Links ins öffentliche Web (externe Links) – Button 2 und
-  - Links innerhalb des Intranets (interne Links) – Button 1.
-{{link-buttons.jpg?nolink}}
+Im Wiki werden zwei Arten von Links unterschieden:
+  - Links ins öffentliche Web (externe Links) – Button 2 und
+  - Links innerhalb des Wikis (interne Links) – Button 1. \\ {{link-buttons.jpg?nolink}}
 Die grundlegende Schreibweise für beide Linkarten ist gleich: <nowiki>[[doppelte eckige Klammern]]</nowiki> zeigen an, dass ein Link gesetzt werden soll.
@@ Zeile 129: / Zeile 129: @@
 Ein Klick auf den Button für externe Links (siehe oben: 2), setzt den markierten Text in doppelte eckige Klammern. Innerhalb der Klammern fügt man zunächst die URL der zu verlinkenden Seite ein, dann einen senkrechten Strich (Windows: <key>Alt Gr</key> + <key><nowiki><</nowiki></key>, Mac: <key>Alt</key> + <key>Shift</key> + <key>7</key>), dann den zu verlinkenden Text.
-Ein Link auf die KGN Website würde also folgendermaßen aussehen:
+Ein Link auf die KGN-Website würde also folgendermaßen aussehen:
 |<100% 50%>|
@@ Zeile 145: / Zeile 145: @@
 |<100% 50%>|
 ^ Schreibweise ^ Ergebnis ^
-| ''<nowiki>[[:lehrer:doku:start]]</nowiki>'' | [[:lehrer:doku:start]] |
+| ''<nowiki>[[:unterricht:nwt9ac:start]]</nowiki>'' | [[:unterricht:nwt9ac:start]] |
-Der obige Link zeigt auf die Seite »start«, die im Namensraum (»Bereich«) ''doku'' liegt, der wiederum innerhalb des Namensraums ''lehrer'' liegt.  Diese Auswahl entspricht also dem Auswählen einer Datei innerhalb einer verschachtelten Ordnerstruktur. Der Text des Links stammt von der ersten Überschrift dieser Startseite und wird automatisch gesetzt.
+Der obige Link zeigt auf die Seite »start«, die im Namensraum (»Bereich«) ''nwt9ac'' liegt, der wiederum innerhalb des Namensraums ''unterricht'' liegt.  Diese Auswahl entspricht also dem Auswählen einer Datei innerhalb einer verschachtelten Ordnerstruktur. Der Text des Links stammt von der ersten Überschrift dieser Startseite und wird automatisch gesetzt.
 Möchte man einen eigenen Linktext schreiben, kann man diesen (wie bei externen Links) hinter einem senkrechten Strich einfügen:
@@ Zeile 153: / Zeile 153: @@
 |<100% 50%>|
 ^ Schreibweise ^ Ergebnis ^
-| ''<nowiki>[[:lehrer:doku:start|Startseite der Dokumentation]]</nowiki>'' | [[:lehrer:doku:start|Startseite der Dokumentation]] |
+| ''<nowiki>[[:unterricht:nwt9ac:start|Startseite für die 9ac]]</nowiki>'' | [[:unterricht:nwt9ac:start|Startseite für die 9ac]] |
-=== Erzeugen neuer Seiten ===
-Neue Seiten können durch Links erzeugt werden.
+{{youtube>D5Ci1PGVShg?640x360}}
-  - Man setzt einen Link auf eine nicht-existierende Seite. In der Regel werden neue Seiten nur im aktuell bearbeiteten Namensraum angelegt, so keine Pfade angegeben werden müssen. Man tippt einfach den Seitennamen zwischen <nowiki>doppelte eckige Klammern</nowiki>.
+===== Erzeugen neuer Seiten =====
+{{youtube>UJPpJeBlkOA?640x360}}
+<note tip>**Eine neue Seite** kann dadurch erzeugt werden, dass man zunächst einen **Link erzeugt, der auf die neue Seite »zeigt«**.</note>
+  - Man setzt einen Link auf eine nicht-existierende Seite. Dazu tippt man den Seitennamen zwischen <nowiki>[[doppelte eckige Klammern]]</nowiki> (Näheres über Links im nächsten Abschnitt).
   - Nach  Anklicken des Links landet man auf der entsprechenden Seite und erhält den Hinweis, dass diese noch nicht existiert.
-  - Man klickt rechts oben »Erstellen« (dort, wo sonst  »Bearbeiten« steht) und
+  - Man klickt rechts auf den Button mit dem Bleistift, dieser heißt nun »Erstellen« (ansonsten heißt er »Bearbeiten«),
-  - füllt die Seite mit Inhalt.
+  - füllt die Seite mit Inhalt,
+  - und speichert sie.
 |<100% 50%>|
 ^ Schreibweise ^ Ergebnis ^
-| ''<nowiki>[[Fachkonferenz Mai 2012]]</nowiki>'' | [[Fachkonferenz Mai 2012]] |
+| ''<nowiki>[[Gruppe Einstein Protokoll Wettermessung]]</nowiki>'' | [[Gruppe Einstein Protokoll Wettermessung]] |
-Angenommen, die Seite »Fachkonferenz Mai 2012« existiert noch nicht. Schreibt man dann den obigen internen Link auf einer Seite im Namensraum »Sport«, würde in diesem Namensraum eine neue Seite mit diesem Namen erstellt. Anschließend klickt man den Link an und kann [[grundsaetze-intranet-inhalte|die Seite mit Inhalten füllen]].
-===== Weiterführende Hinweise =====
-  * Wer sich dafür interessiert, vertiefe sich in die [[http://www.dokuwiki.org/syntax|Syntax des DokuWikis]].
+===== Dateien und Abbildungen =====
+{{youtube>Or0wH50lExo?640x360}}
+Man kann im Wiki auch Dateien hochladen und verlinken sowie Abbildungen anzeigen.  Durch einen Klick auf den **Upload-Button** {{upload-button.jpg?nolink|}} öffnet sich ein neues Fenster.
+{{upload-fenster.jpg?nolink}}
+Es sind **drei Schritte** nötig:
+  - **Upload** der Datei oder der Abbildung\\ Im **rechten oberen Bereich (rot)** kann man eine oder mehrere Dateien auf der Festplatte für den Upload auswählen und hochladen.
+  - **Auswählen** der Datei oder Abbildung.\\ Im **rechten unteren Bereich (blau)** sind die bereits vorhandenen Dateien zu sehen. Durch **Klicken auf den Dateinamen oder das angezeigte Vorschaubild** kann eine Datei ausgewählt werden.
+  - Festlegen einiger **Einstellungen und Einfügen** in die Wiki-Seite. Die folgende Abbildung zeigt die Einstellungen, die in den meisten Fällen sinnvoll ist.  Probiere die anderen aber ruhig auch mal aus. \\ {{bild-einfuegen.jpg?nolink|}}
+<note tip>Grafikdateien werden nach dem Einfügen direkt als Abbildungen angezeigt, andere Dateiarten (z.B. ''.pdf'', ''.doc'' oder ''.ppt'') werden als Download-Links dargestellt. </note>
+**Im linken Bereich des Upload-Fensters** kann man festlegen, in welchen Namensraum (entspricht etwa einem Ordner) der Software die Datei gespeichert werden soll. //Hier kann man praktisch immer die Voreinstellung unangetastet lassen.// Dieser Speicherort hat auch nichts damit zu tun, auf welcher Intranet-Seite die Datei verwendet werden kann.
+==== Fortgeschrittene Funktionen im Zusammenhang mit Abbildungen ====
+Es gibt verschiedene weitere Möglichkeiten, mit Abbildung zu arbeiten:
+  * Ausdruck zum Einfügen von Abbildungen verstehen
+  * Position der Abbildung auf der Seite kontrollieren
+  * Darstellungsgröße festlegen
+  * Bildunterschrift einfügen
+===== Tabellen =====
+{{youtube>-3Hfbu3rIGs?640x360}}
+Man kann im Unterrichtswiki einfache Tabellen wie die Folgende anlegen.
+^ Spaltenkopf 1     ^ Spaltenkopf 2      ^ Spaltenkopf 3      ^
+| Reihe 1, Spalte 1 | Reihe 1, Spalte 2  | Reihe 1, Spalte 3  |
+| Reihe 1, Spalte 1 | Eine Spalte, die zwei andere überspannt (doppelten Strich beachten) ||
+| Reihe 1, Spalte 1 | Reihe 3, Spalte 2  | Reihe 3, Spalte 3  |
+  * Normale Zeilen beginnen mit ''|'' (Windows: <key>Alt Gr</key> + <key>%%<%%</key>, Mac: <key>⌥</key> + <key>7</key>)
+  * Spaltenköpfe mit ''^'' (die Taste links von der <key>1</key>).
+  ^ Spaltenkopf 1     ^ Spaltenkopf 2      ^ Spaltenkopf 3      ^
+  | Reihe 1, Spalte 1 | Reihe 1, Spalte 2  | Reihe 1, Spalte 3  |
+  | Reihe 1, Spalte 1 | Eine Spalte, die zwei andere überspannt (doppelten Strich beachten) ||
+  | Reihe 1, Spalte 1 | Reihe 3, Spalte 2  | Reihe 3, Spalte 3  |
+Um zwei Zellen horizontal miteinander zu verbinden, muss die zweite jeweils komplett leer sein (das erkennt man im Beispiel oben daran, dass die beiden ''|'' am Ende der zweiten Zeile direkt nebeneinander stehen.
+Man //kann// die senkrechten Striche schön untereinander ausrichten, muss das aber nicht tun.
+<note important>**Wichtig** ist, dass **jede Zeile aus gleich vielen Spalten** besteht, da sonst die Struktur der Tabelle durcheinander kommt.</note>
+Es gibt noch mehr Möglichkeiten, Tabellen zu formatieren. Man findet die komplette Übersicht auf der Seite [[wiki:syntax#tables|Formatting Syntax]].
+===== Einbinden externer Elemente =====
+==== Videos von YouTube etc. ====
+  - Um ein Video einzubinden, kopiert man zunächst die URL der Video-Seite, z.B. ''%%https://www.youtube.com/watch?v=WwBVG0Si7rs%%''
+  - Im Wiki klickt man auf den Video-Button in der Symbolleiste \\ {{video-einbinden-01.jpg?nolink|}}
+  - Im sich öffnenden Fenster fügt man die zuvor kopierte URL ein und klickt ''OK''.
+  - Der eingefügte Wiki-Ausdruck sieht so aus: ''%%{{youtube>WwBVG0Si7rs?medium}}%%''
+  - Meist empfiehlt es sich, im nun eingefügten Ausdruck die Größenangabe ''medium'' durch ''large'' zu ersetzen, damit das Video angemessen groß dargestellt wird.
+Das Ergebnis sieht dann so aus: {{youtube>WwBVG0Si7rs?640x360}}
+======  ======
+{{page>:auskommentieren}}
+===== Weiterführende Hinweise =====
+  * Wer sich dafür interessiert, vertiefe sich in die [[http://www.dokuwiki.org/syntax|Syntax des DokuWikis]].