Markus Tank, 17.02.2009 Wie arbeitet man mit dem Rich Text Editor?

Markus Tank, 17.02.2009

Wie arbeitet man mit dem Rich Text Editor?


Rich Text

Editor:

Die Arbeit im Rich Text Editor ist die Hauptaufgabe beim Erstellen von Webseiten mit Typo3.

Es folgt eine Erläuterung der verschiedenen Funktionen.

Hier schreiben…


Rich Text

Editor:Erläuterung der

verschiedenen Funktionen:

Blockstil: Mit dieser Funktion wird der Stil eines Textblocks (Paragraphen) verändert. Es gibt verschiedene, vorgegebene Formate, die mit dem Corporate Design der Universität Paderborn harmonieren. Zumeist sind die Namen der Blockstile selbsterklärend.

Tipp: Wichtig ist, dass sich immer derjenige Paragraph verändert, in dem sich der Cursor derzeit befindet. Dies kann zu komischen Effekten führen, falls der Cursor sich nicht in einem Paragraphen, sondern beispielsweise in einer Tabelle befindet. In diesem Fall sollte man die Eingabe rückgängig machen.

Klick


Rich Text



Textstil: Mit dieser Funktion wird der Stil von einer marktierten Textpassage verändert

Tipp: Man kann die Funktion Textstil nur dann auswählen, wenn eine Textpassage markiert ist.

Klick


Rich Text



Blockformat: Das Blockformat verändert genau, wie der Blockstil immer einen gesamten Textparagraphen. Die verschiedenen Formate sind wiederum selbsterklärend.

Tipp: Die Funktion Blockformat entfernen macht Ihre Eingaben nicht rückgängig, sondern löscht lediglich jegliche Formatierung. Dies kann zu ungewollten Effekten führen, die nur durch ein Schließen und erneutes Öffnen des Content Elements zu beheben sind. Hierbei besteht die Gefahr des Datenverlustes.

Klick


Rich Text



Sonderzeichen einfügen: Klickt man auf den Button, der mit einem großen Omega gekennzeichnet ist, öffnet sich ein neues Fenster (gegebenfalls muss ein Popupblocker des Browsers deaktiviert werden.) und man kann von dort aus ein Sonderzeichen seiner Wahl einfügen.

Klick


Rich Text



Horizontale Linie: Fügt an der Cursorposition eine horizontale Linie ein, welche auf der Webseite immer der Seitenbreite der jeweils angezeigten Webseite angepasst wird.


Rich Text



Link einfügen: Zunächst muss man ein Wort im Text markieren. Dann ist diese Funktion verfügbar. Es öffnet sich ein neues Fenster, mit dessen Hilfe man einen Link auf eine interne Seite (der Universität), eine Datei, eine externe Seite (im Internet, aber möglicherweise auch auf andere Fakultäten der Universität) oder eine E-Mail Adresse setzen kann. Seite der Universität im Verzeichnisbaum auswählen.

Datei aus dem Dateiarchiv der Universität auswählen.


Rich Text



Externe Webseite (URL) in die Webseite einbinden.

„Ziel“ meint in diesem Kontext, ob sich der Link im gleichen Fenster (Oben) oder in einem neuen Fenster öffnet (Neues Fenster). Den „Stil“ sollte man entsprechend anpassen!

Tipp: Zuerst die gewünschte Seite Eingeben,

dann ein Ziel auswählen. Zuletzt den Stil auswählen. Erst dann „Link setzen“ drücken.


Rich Text



Einfügen einer E-Mail Adresse.

Tipp: Beim Auswählen des Stils„mail“ wird die Zeile Titel automatischmit einem Standardtext gefüllt. Danach„Link setzen“ drücken.


Rich Text



HMTL Ansicht: Mit diesem Button schaltet man die HTML-Ansicht an und aus. Dazu muss man wissen, dass jegliche Texte, die man im Richt Text Editor schreibt, eigentlich in HTML codiert werden und der Rich Text Editor lediglich eine „Word-“ / „OpenOffice-“ artige Benutzeroberfläche vorgaukelt. Auch aus diesem Grund kommt es oftmals dazu, dass Texte auf der Webseite anders aussehen, als im Editor.

Normale AnsichtHTML-Ansicht


Rich Text



Beispiel: Ein Absatz bzw. Paragraph beginnt und endet mit einem sogenannten <p> - tag. Das <p> öffnet einen neuen Paragraphen und </p> schließt ihn wieder.


Rich Text



Beispiel: Bei <h4> … </h4> handelt es sich um eine Überschriften-formatierung der Größe 4.


Rich Text



Beispiel: Ein Link: <a href=„http://....“> Link </a>


Rich Text



Beispiel: „&nbsp“ bedeutet Non-breaking Space, also ein Leerzeichen, welches im Gegensatz zum normalen Leerzeichen nicht umgebrochen wird.


Rich Text



Tipp: SelfHTML ist eine gute Adresse bei Fragen zu HTML.

Tipp: Zeilenumbrüche spielen in HTML keine Rolle.


Rich Text



Schnell wieder in den normalen Modus wechseln!


ENDE des vierten Teils der Anleitung zum Arbeiten mit Typo3…

… es folgt eine Anleitung

die beschreibt, wie man

eine neue Personalseite

anlegen sollte.

Das Schlimmste

ist überstanden!

Markus Tank, 17.02.2009 Wie arbeitet man mit dem Rich Text Editor?

Documents

Transcript of Markus Tank, 17.02.2009 Wie arbeitet man mit dem Rich Text Editor?