Benutzer-Werkzeuge

Webseiten-Werkzeuge


lehrer:redakteure:formatierung-im-intranet

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
lehrer:redakteure:formatierung-im-intranet [18.11.2016 (16:34)] – [Tabellen] Andreas Kaltlehrer:redakteure:formatierung-im-intranet [09.03.2018 (07:17)] (aktuell) – Andreas Kalt
Zeile 5: Zeile 5:
 Hier sollen die wichtigsten Zeichen vorgestellt werden. Eine komplette Übersicht findet sich oberhalb des Texteingabefeldes unter dem Link **[[wiki:syntax]]**.  Hier sollen die wichtigsten Zeichen vorgestellt werden. Eine komplette Übersicht findet sich oberhalb des Texteingabefeldes unter dem Link **[[wiki:syntax]]**. 
  
- 
-===== Alle Anleitungsvideos in einer Playlist ===== 
- 
-{{url>https://www.youtube.com/embed/videoseries?list=PLyz14RewU4_BSXlNhNYlk7JbQV4t_OepJ 853px,480px noscroll noborder}} 
  
  
 ===== Seiten bearbeiten ===== ===== Seiten bearbeiten =====
  
-{{youtube>8bRjMCKWMBE?large}}+{{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).  {{  bearbeiten-button.jpg?nolink}} Wenn Sie Bearbeitungsrechte im Intranet haben, sehen Sie **am rechten Rand jeder Intranet-Seite** einen Button »Bearbeiten« (Symbol eines Bleistifts). 
Zeile 91: Zeile 87:
 ===== Überschriften ===== ===== Überschriften =====
  
-{{youtube>ai-MyX6Myjk?large}}+{{youtube>ai-MyX6Myjk?640x360}}
  
   * Überschriften werden durch Gleichzeichen <nowiki>(=)</nowiki> markiert.    * Überschriften werden durch Gleichzeichen <nowiki>(=)</nowiki> markiert. 
Zeile 122: Zeile 118:
  
 ===== Links ===== ===== Links =====
-{{youtube>b5opT3aj2u8?large}}+{{youtube>b5opT3aj2u8?640x360}}
  
 Im Wiki werden zwei Arten von Links unterschieden:  Im Wiki werden zwei Arten von Links unterschieden: 
Zeile 160: Zeile 156:
  
  
-{{youtube>D5Ci1PGVShg?large}}+{{youtube>D5Ci1PGVShg?640x360}}
  
 ===== Erzeugen neuer Seiten ===== ===== Erzeugen neuer Seiten =====
  
-{{youtube>UJPpJeBlkOA?large}}+{{youtube>UJPpJeBlkOA?640x360}}
  
  
Zeile 183: Zeile 179:
 ===== Dateien und Abbildungen ===== ===== Dateien und Abbildungen =====
  
-{{youtube>Or0wH50lExo?large}}+{{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. 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.
Zeile 193: Zeile 189:
   - **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.   - **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.   - **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.
-  - {{ :arbeitsmethoden:bild-einfuegen.jpg?nolink|}} 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. +  - 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|}} 
  
  
Zeile 199: Zeile 195:
  
 **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.  **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 ==== ==== Fortgeschrittene Funktionen im Zusammenhang mit Abbildungen ====
  
Zeile 208: Zeile 203:
   * Bildunterschrift einfügen   * Bildunterschrift einfügen
  
-Diese Funktionen werden auf dieser Seite erklärt: **[[abb-fortgeschritten]]**.  
  
  
  
 ===== Tabellen ===== ===== Tabellen =====
-{{youtube>-3Hfbu3rIGs?large}}+{{youtube>-3Hfbu3rIGs?640x360}}
  
 Man kann im Unterrichtswiki einfache Tabellen wie die Folgende anlegen. Man kann im Unterrichtswiki einfache Tabellen wie die Folgende anlegen.
Zeile 239: Zeile 233:
  
 ===== Einbinden externer Elemente ===== ===== Einbinden externer Elemente =====
-==== Karten aus Google Maps ==== 
  
-Man wählt in Google Maps den **Kartenausschnitt**, die **Kartenansicht** (Karte, Satellit, Gelände) und den **Maßstab**, den man haben möchte.  
- 
-Anschließend klickt man das **»Zahnrad«-Symbol** am unteren rechten Bildrand. \\ {{karte-einbinden-01.jpg?nolink|}} 
- 
-Im sich öffnenden **Popup-Fensterchen** wählt man ''Karte teilen und einbinden''. \\ {{karte-einbinden-02.jpg?nolink|}} 
- 
-Nun wählt man die gewünschte **Kartengröße** (»Groß« ist meist sinnvoll, aber das hängt im Detail von der gewünschten Verwendung ab) und **kopiert** den angezeigten **Einbettungscode**. Man muss darauf achten, dass man den //gesamten// Inhalte des Textfeldes mit dem Code markiert, bevor man ihn kopiert. \\ {{karte-einbinden-03.jpg?nolink|}} 
- 
-Der Einbettungscode hat folgendes Format (scrolle des Feld mal ganz nach rechts, um auch das Ende des Ausdrucks zu sehen):  
- 
-  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d258919.00732841948!2d-111.4377858!3d56.7947008!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x53b03aeeff1a4459%3A0x5c8133330dca74b7!2sFort+McMurray%2C+Alberta%2C+Kanada!5e1!3m2!1sde!2sde!4v1416726289971" width="800" height="600" frameborder="0" style="border:0"></iframe> 
-   
-Das ist ein [[http://www.htmldog.com/guides/html/|HTML]] Element, das einen so genannten [[http://www.w3schools.com/tags/tag_iframe.asp|Inline-Frame (iframe)]] einbettet. Damit holt man sich den Inhalte einer anderen Website wie in einem »Fensterrahmen« auf die eigene Webseite. Um den ''iframe'' in Wiki-Schreibweise darzustellen, muss man ihn etwas »umbauen«.  
- 
-Die Wiki-Schreibweise dafür sieht so aus:  
- 
-  {{url>https://… 800px,600px noscroll noborder}} 
- 
-Hier fügt man nun drei Dinge ein: den Inhalt von ''src'', ''width'' und ''height''. 
- 
-  - ''src'' (engl. //source//, »Quelle«) gibt die URL der Webseite an, die eingebunden werden soll. Man kopiert den gesamten Ausdruck der nach ''src'' **zwischen** den Anführungszeichen steht (also //nicht// die Anführungszeichen mit kopieren) und fügt ihn direkt nach dem ''>'' Zeichen ein (ohne Leerschaltung dazwischen).  
-  - ''width'' und ''height'' definieren die Größe des ''iframe'' in Pixeln (Bildpunkten des Bildschirms). Den Wert für ''width'' fügt man an erster Stelle im obigen Wiki-Ausdruck ein, den Wert für ''height'' an zweiter Stelle. Die Einheit ''px'' muss dabei angegeben werden. 
-  - Den Rest des Wiki-Ausdrucks lässt man stehen (''noscroll'' bedeutet, dass der ''iframe'' nicht scrollen soll, ''noborder'' bedeutet, dass er keinen Rand haben soll).  
- 
-Der gesamte Wiki-Ausdruck würde also im Beispiel so aussehen (wieder ganz nach rechts scrollen) … 
- 
-  {{url>https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d258919.00732841948!2d-111.4377858!3d56.7947008!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x53b03aeeff1a4459%3A0x5c8133330dca74b7!2sFort+McMurray%2C+Alberta%2C+Kanada!5e1!3m2!1sde!2sde!4v1416726289971 800px,600px noscroll noborder}} 
- 
-… und die eingebettete Karte so: 
- 
-{{url>https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d258919.00732841948!2d-111.4377858!3d56.7947008!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x53b03aeeff1a4459%3A0x5c8133330dca74b7!2sFort+McMurray%2C+Alberta%2C+Kanada!5e1!3m2!1sde!2sde!4v1416726289971 800px,600px noscroll noborder}} 
  
 ==== Videos von YouTube etc. ==== ==== Videos von YouTube etc. ====
Zeile 281: Zeile 243:
   - Meist empfiehlt es sich, im nun eingefügten Ausdruck die Größenangabe ''medium'' durch ''large'' zu ersetzen, damit das Video angemessen groß dargestellt wird.    - 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?large}}+Das Ergebnis sieht dann so aus: {{youtube>WwBVG0Si7rs?640x360}} 
 + 
 + 
 +======  ====== 
 +{{page>:auskommentieren}} 
 + 
  
 ===== Weiterführende Hinweise ===== ===== Weiterführende Hinweise =====
  
   * Wer sich dafür interessiert, vertiefe sich in die [[http://www.dokuwiki.org/syntax|Syntax des DokuWikis]].   * Wer sich dafür interessiert, vertiefe sich in die [[http://www.dokuwiki.org/syntax|Syntax des DokuWikis]].
- 
- 
lehrer/redakteure/formatierung-im-intranet.1479483258.txt.gz · Zuletzt geändert: von Andreas Kalt

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki