Teil 3: Editor - Hessen
Teil 3: Editor - Hessen
Teil 3: Editor - Hessen
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
Djambala<br />
Handbuch<br />
<strong>Teil</strong> 3: <strong>Editor</strong><br />
Wolfgang Budde<br />
Werner Fabian<br />
Günter Hohenstein<br />
Dorothea Luke<br />
Joachim Ost<br />
Hans Rauch<br />
Nada Schick<br />
Margret Wendling<br />
0.01 vom 09.10.2008<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 1 / 9
Einführung<br />
Djambala steht als Abkürzung für Django Content Managementsystem für Bildungseinrichtungen<br />
zum Aufbau von Arbeits-, Lern- und Kommunikationsplattformen.<br />
Im Namen wird bereits deutlich, dass Djambala mehr ist als ein sogenanntes Content-<br />
Management-System (CMS) im engeren Sinne, da neben der Verwaltung der Inhalte auch zahlreiche<br />
Module zum Arbeiten, Kommunizieren und Kooperieren angeboten werden. Djambala ist ein Open<br />
Source Produkt und wurde ursprünglich für den Bildungsserver <strong>Hessen</strong> entwickelt. Die meisten<br />
Module können jedoch universell genutzt werden.<br />
Der <strong>Editor</strong><br />
Für die Eingabe und Änderung von Texten steht innerhalb des Djambala-Systems ein kleiner<br />
WYSIWYG-<strong>Editor</strong> zur Verfügung. Tinymce 1 ist ein Open Source Javascript-<strong>Editor</strong>, der mittlerweile<br />
auch in zahlreichen anderen Web-Anwendungen verwendet wird. Sie kommen mit diesem <strong>Editor</strong><br />
z.B. in Berührung, wenn Sie eine neue Informationsseite eingeben oder eine bestehende<br />
Informationsseite ändern möchten.<br />
Die Funktionen des <strong>Editor</strong>s<br />
Nachfolgend erklären wir die horizontale Symbolleiste oben, mit deren Hilfe Sie den Text auf<br />
mannigfache Weise gestalten können.<br />
Allgemein gilt, dass Sie den Textabschnitt, den Sie verändern möchten, mit der Maus oder der<br />
Tastatur markieren müssen. Anschließend klicken Sie auf die Schaltfläche, die mit der gewünschten<br />
Funktion bezeichnet ist.<br />
Ändern der Schriftattribute<br />
Um Änderungen an der Schrift vorzunehmen müssen Sie die Wörter, Sätze oder Abschnitte, die Sie<br />
verändern wollen markieren und dann das entsprechende Symbol anklicken.<br />
● Mit B = fett (bold) wird der markierte Text fett dargestellt.<br />
● Mit I = kursiv (italic) wird der markierte Text kursiv dargestellt.<br />
● Mit U = unterstrichen (underline) können Sie Textpassagen unterstreichen.<br />
Falls Sie das betreffende Attribut wieder aufheben möchten, markieren Sie den Bereich in der<br />
1 http://tinymce.moxiecode.com/<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 2 / 9
üblichen Weise und klicken erneut auf das B-, I- oder U-Symbol. Diese Schaltflächen wirken also<br />
als Umschalter.<br />
Ausrichtung des Textes<br />
Mit dem Anklicken des entsprechenden Symbols können Sie markierte Absätze linksbündig, mittig<br />
oder rechtsbündig ausrichten.<br />
Geordnete und ungeordnete Listen<br />
Die markierten Textabschnitte werden durch Anklicken des entsprechenden Symbols mit<br />
Spiegelstrichen oder mit Nummern versehen. Wenn Sie unmittelbar am Anfang eines<br />
Listenelements die Tab-Taste betätigen, so wird der Einzug vergrößert; wenn Sie die<br />
Tastenkombination Umschalt-Tab betätigen wird der Einzug verkleinert.<br />
Hinweis: Diese Funktion ist leider gegenwärtig nicht fehlerfrei! Gegebenenfalls müssen Sie<br />
den HTML-Code händisch korrigieren.<br />
Trennungslinie<br />
Mit diesem Symbol können Sie eine horizontale Trennlinie einfügen.<br />
Hoch- und Tiefstellen<br />
Insbesondere für Mathematik ist interessant, dass Sie markierte Textbereiche hoch- bzw. tiefstellen<br />
können.<br />
Geschütztes Leerzeichen<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 3 / 9
Wenn Sie mehrere Leerzeichen hintereinander eingeben, so werden diese letztlich von HTML zu<br />
einem einzigen Leerzeichen zusammengezogen. Falls dieses Verhalten nicht gewünscht ist, können<br />
Sie mit diesem Symbol ein „geschütztes Leerzeichen“ einfügen.<br />
Sonderzeichen<br />
Mit dem Anklicken des Omega-Symbols erscheint eine Tabelle mit Sonderzeichen. Sie klicken auf<br />
das gewünschte Zeichen, das dann an der aktuellen Stelle des Cursors eingefügt wird.<br />
Überschriften, Absätze ...<br />
Wenn Sie den Pfeil neben „Absatz“ klicken, öffnet sich ein Menü, mit dessen Hilfe Sie markierte<br />
Abschnitte Ihres Textes z.B. als Überschrift formatieren können. Dabei stehen Ihnen verschiedene<br />
Grade der Überschrift zur Verfügung. Die angezeigte Schriftgröße stimmt allerdings nicht mit dem<br />
Endresultat überein.<br />
Anklicken von „Vorlage“ stellt die Form wieder her, in der der Text ursprünglich eingegeben<br />
wurde.<br />
Normale Textpassagen formatieren Sie als Absatz.<br />
Verweise<br />
Mit Hilfe dieser Symbole können Sie einen markierten Text mit einer Internetseite verlinken bzw.<br />
einen Verweis wieder entfernen. Tragen Sie in das Formular, das sich nach dem Anklicken des<br />
Verlinkungssymbols öffnet, die gewünschte Internetadresse ein. Wählen Sie aus, ob die Seite im<br />
selben Fenster oder in einem neuen Fenster geöffnet werden soll. Zusätzlich können Sie Ihrem<br />
Verweis einen Titel geben, der allerdings nicht von jedem Browser korrekt angezeigt wird.<br />
Um einen Verweis zu entfernen, setzen Sie den Cursor in den betreffende Text und klicken Sie dann<br />
auf das Symbol der „gesprengten Kette“.<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 4 / 9
Bild<br />
Mit Hilfe dieser Funktion können Sie ein Bild in Ihren Text einfügen.<br />
Wichtig: Dieses Bild muss bereits auf dem Server vorhanden sein bzw. gegebenenfalls dort<br />
eingestellt werden.<br />
Durch Ausfüllen des Formulars, das nach Anklicken des Symbols erscheint, können Sie ein Bild<br />
einfügen und formatieren,<br />
Die Adresse des Bildes finden Sie, indem Sie im Administrationsmenü auf „Bilderleiste“ klicken.<br />
Auf der Bilderleiste sind alle Bilder sichtbar, die sich in demselben Ordner wie Ihre<br />
Informationsseite befinden. Bilder aus untergeordneten Ordnern rufen Sie auf, indem Sie auf das<br />
entsprechende blaue Ordnersymbol klicken; zum übergeordneten Ordner gelangen Sie über das<br />
„geschlossene“ Ordnersymbol oben links.<br />
● Kopieren Sie die Webadresse des Bildes<br />
● Tragen Sie die Adresse des Bildes in das Formular ein<br />
● Im Hinblick auf Barrierefreiheit sollten Sie eine kurze Beschreibung angeben<br />
● Unter dem Reiter „Aussehen“ können Sie u.a. das Bild auf der Seite ausrichten<br />
● Klicken Sie im Formular auf die Schaltfläche „Einfügen“<br />
Wichtig: Sie müssen am Ende Ihrer Änderungen auch die entsprechende Djambala-<br />
Schaltfläche betätigen.<br />
Anmerkung: Manche Browser (z.B. „Firefox“) erlauben das Einfügen durch Hinüberziehen<br />
in die Adresszeile. Dies funktioniert aber nur bei frei zugänglichen Bildern!<br />
Bild als Verweis<br />
Um ein Bild mit einem Link zu hinterlegen, klicken Sie das Bild im <strong>Editor</strong> an. Anschließend<br />
klicken Sie auf das Symbol für die Verlinkung und tragen dort die gewünschte Web-Adresse ein.<br />
Klemmbrett<br />
Bitte verwenden Sie die Symbole zum „Ausschneiden“, „Kopieren“ und „Einfügen“ nicht, sondern<br />
stattdessen folgende Tastaturkürzel:<br />
● kopieren: Strg+C<br />
● einfügen: Strg+V<br />
● ausschneiden Strg+X<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 5 / 9
Einfügen als reiner Text<br />
Diese Funktion ermöglicht es, einen Text, den Sie z.B. mit einem Textprogramm erstellt haben,<br />
ohne jede Formatierung zu übernehmen.<br />
Nach dem Anklicken öffnet sich ein Formular, in das Sie Ihren vorbereiteten Text einfügen. Mit<br />
dem Setzen des entsprechenden Häkchens legen Sie fest, ob der Zeilenumbruch beibehalten wird..<br />
Klicken Sie anschließend auf die Schaltfläche „Einfügen“ und schließlich auf die entsprechende<br />
Djambala-Schaltfläche zum Speichern.<br />
Einfügen von Word-Texten<br />
Das Textverarbeitungsprogramm Word ist dafür berüchtigt, dass beim Einfügen von entsprechenden<br />
Textabschnitten jede Menge überflüssiger und störender HTML-Befehle eingefügt werden. Mit<br />
diesem speziellen Word-Import bleiben Ihre Formatierungen erhalten, viele der überflüssigen<br />
HTML-Befehle werden jedoch automatisch gelöscht.<br />
Die Bedienung erfolgt in gleicher Weise wie beim reinen Textimport.<br />
Tipp: Wenn Sie viele Texte in Word erstellen, um sie dann in die entsprechenden Seiten<br />
einzufügen, sollten Sie sich unbedingt mit dieser Funktion vertraut machen. Die Leserinnen<br />
und Leser Ihrer Seiten werden es Ihnen danken!<br />
Suchen und Ersetzen<br />
Mithilfe der Suchfunktion („Fernrohr“) können Sie gezielt Textstellen mit dem Cursor anspringen,<br />
Wollen Sie diese Wörter etc. austauschen, so erhalten Sie über den Reiter „Ersetzen“ das<br />
entsprechende Formular.<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 6 / 9
Das Anklicken des Ersetzen-Symbols(neben dem Fernrohr) öffnet sich das Ersetzen-Formular.<br />
Tabellen<br />
Tabellen zählen zu den komplexeren Elementen von Textverarbeitungsprogrammen. Es ist deshalb<br />
nicht erstaunlich, dass für diese Funktion zahlreiche zusätzliche Schaltflächen bereitgestellt werden.<br />
Mit dem Anklicken dieses Symbols öffnen Sie ein Formular, mit dessen Hilfe Sie eine Tabelle<br />
erstellen können.<br />
Das Formular bietet eine Menge an Gestaltungsmöglichkeiten, deren Funktion u.a. vom jeweiligen<br />
Browser abhängig ist. Hier werden nur die grundlegenden Funktionen beschrieben.<br />
● Legen Sie die Anzahl der Spalten und Zeilen fest.<br />
● Falls sie einen Rahmen Wünschen, tragen Sie in das Eingabefeld je nach gewünschter<br />
Rahmenstärke eine 1 oder eine höhere Ziffer ein.<br />
● Über den Pfeil hinter „Ausrichtung“ können Sie die Tabelle links, rechts oder mittig<br />
platzieren.<br />
● Angaben zu Breite und Höhe müssen in „Pixel“ erfolgen.<br />
● Die gewünschte Größe kann aber auch durch Ziehen mit der linken Maustaste erreicht<br />
werden.<br />
Der Reiter „Erweitert“ ermöglicht u.a. die Auswahl von Rahmen- und Hintergrundfarbe.<br />
Tipp: Gehen Sie äußerst sparsam mit den Rahmen- und Hintergrundfarben um.<br />
Mit Hilfe dieser Funktionen können Sie eine Tabelle bearbeiten. Sie sind nur aktiv, wenn sich Ihr<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 7 / 9
Cursor innerhalb einer Tabelle befindet.<br />
● Eigenschaften der betreffenden Zeile<br />
● Eigenschaften der betreffenden Zelle<br />
● Zeile oberhalb des Cursors einfügen<br />
● Zeile unterhalb des Cursors einfügen<br />
● Spalte links des Cursors einfügen<br />
● Spalte rechts des Cursors einfügen<br />
● Spalte löschen<br />
Schließlich können Sie auch Zellen vereinigen bzw. vereinigte Zellen wieder in separate Zellen<br />
aufspalten.<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 8 / 9
Inhaltsverzeichnis<br />
Einführung............................................................................................................................................2<br />
Der <strong>Editor</strong>.............................................................................................................................................2<br />
Die Funktionen des <strong>Editor</strong>s..............................................................................................................2<br />
Ändern der Schriftattribute.........................................................................................................2<br />
Ausrichtung des Textes...............................................................................................................3<br />
Geordnete und ungeordnete Listen.............................................................................................3<br />
Trennungslinie.............................................................................................................................3<br />
Hoch- und Tiefstellen..................................................................................................................3<br />
Geschütztes Leerzeichen.............................................................................................................3<br />
Sonderzeichen.............................................................................................................................4<br />
Überschriften, Absätze ...............................................................................................................4<br />
Verweise......................................................................................................................................4<br />
Bild..............................................................................................................................................5<br />
Bild als Verweis.....................................................................................................................5<br />
Klemmbrett.................................................................................................................................5<br />
Einfügen als reiner Text..............................................................................................................6<br />
Einfügen von Word-Texten.........................................................................................................6<br />
Suchen und Ersetzen...................................................................................................................6<br />
Tabellen.......................................................................................................................................7<br />
Djambala-Handbuch / <strong>Editor</strong> - Seite 9 / 9