19.07.2013 Aufrufe

Teil 3: Editor - Hessen

Teil 3: Editor - Hessen

Teil 3: Editor - Hessen

MEHR ANZEIGEN
WENIGER ANZEIGEN

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

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!