Anleitung für TYPO3-Redakteure Version 0.2 Josef Willkommer, Marion Engel Oktober 2007 2007 - www.techdivision.com Seite 1 von 40
Nutzungshinweis: Bei vorliegendem Dokument handelt es sich um ein kostenloses ebook. Dieses können Sie jederzeit weitergeben, kopieren ausdrucken oder auf Ihrer Webseite zum Download anbieten. Die einzige Voraussetzung hierbei ist, dass keine Veränderungen oder Anpassungen egal welcher Art am Dokument vorgenommen werden dürfen. Haftungsausschluss: Wir haben die Inhalte für vorliegendes ebook sorgfaltig recherchiert und zusammengestellt. Dennoch können wir keinerlei Gewähr für die Richtigkeit der Inhalte sowie daraus resultierende Fehler übernehmen. Der Autor haftet weder für den Erfolg noch für andere Risiken die im Zusammenhang mit vorliegendem Dokument stehen. 2007 - www.techdivision.com Seite 2 von 40
Inhaltsverzeichnis 1 TYPO3 Kurzbeschreibung...4 2 Zugang...4 2.1 Frontend...5 2.2 Backend...6 3 Benutzeroberfläche...7 3.1 Navigation...7 3.1.1 Menüpunkt Web...7 3.1.2 Menüpunkt Datei...8 3.1.3 Menüpunkt Hilfe...8 3.1.4 Admin-Funktionen...8 3.2 Seitenbaum...8 3.3 Aktionsseite... 10 3.3.1 Seitenelemente... 10 3.3.2 Seiteninhalt... 10 3.3.3 Seiteneigenschaften... 11 4 Kochbuch... 12 4.1 Neue Seite anlegen... 12 4.2 Seite verschieben... 16 4.3 Seiteninhalte einpflegen... 17 4.3.1 Inhaltstypen auswählen... 17 4.3.2 Text erstellen... 18 4.3.3 Bilder einfügen... 21 4.3.4 Aufzählung... 24 4.3.5 Tabelle... 24 4.3.6 Formulare... 26 4.3.7 externe Links... 28 4.3.8 interne Links... 29 4.3.9 Datei zum Download... 30 4.3.10 Email senden... 36 4.4 Verwaltung der Elemente... 37 4.5 versteckte Seite freigeben... 39 5 Sonstige Hinweise... 40 5.1 Übertragen von Texten aus Word in TYPO3... 40 2007 - www.techdivision.com Seite 3 von 40
1 TYPO3 Kurzbeschreibung Diese Kurzbeschreibung des Content Management Systems (CMS) TYPO3 soll Redakteuren helfen, sich in das System einzuarbeiten. Zunächst werden einige Grundlagen vermittelt, bevor dann in einem Kochbuch erklärt wird, wie einzelne Aufgaben erledigt werden können. TYPO3 ist ein sehr umfangreiches System. Viele Ziele lassen sich über mehrere Wege erreichen. In einigen Fällen werden mehrere Alternativen beschrieben, um den unterschiedlichen Gewohnheiten der Nutzer Rechnung zu tragen. Wer bei der Arbeit mit TYPO3 andere, nicht beschriebene Wege findet, ist natürlich frei, diese zu nutzen, wenn sie ihm besser liegen. Darüber hinaus werden die Möglichkeiten des Systems durch die Templates bestimmt, die für jeden Internet-Auftritt individuell erstellt werden. Diese Templates und ihr jeweiliger Einsatzbereich werden idealerweise in einem Style Guide beschrieben, um einen einheitlichen Auftritt gewährleisten zu können. 2 Zugang Für den Zugriff auf die TYPO3-Seiten benötigen Sie nur einen Web-Browser und einen Internet-Zugang. Den Administrationsbereich Ihrer Webseite erreichen Sie nach Freischaltung der Seite, normalerweise indem Sie /typo3 an Ihre URL anhängen, also http://www.<ihreseite>/typo3 eingeben. Es erscheint dann der Login-Dialog: 2007 - www.techdivision.com Seite 4 von 40
Geben Sie im Loginfeld Ihren Benutzernamen und Ihr persönliches Kennwort ein und klicken Sie auf den Log In-Button. Sollte über dem Login-Feld die Fehlermeldung erscheinen, haben Sie sich möglicherweise beim Usernamen oder Passwort vertippt. Kontrollieren Sie Ihren Benutzernamen und Ihr Kennwort auf Rechtschreibfehler! Stellen Sie sicher, dass die Hochstelltaste nicht eingeschalten ist! Versuchen Sie es nochmals. Nach der erfolgreichen Anmeldung haben Sie Zugang zum Frontend und zum Backend. 2.1 Frontend Das Frontend ist der Bereich, der vom Benutzer über seinen Browser gesehen wird. Der angemeldete Redakteur kann aber auch im Frontend kleinere Textänderungen vornehmen. Dazu muss im Menü Web der Eintrag Anzeigen gewählt werden. Neben der Menüleiste wird dann der Seitenbaum eingeblendet, in dem die gewünschte Seite per Mausklick ausgewählt werden muss. Diese Web-Seite wird dann wie im Browser angezeigt, allerdings ergänzt um Stift-Icons: Klickt man auf eines dieser Icons, werden die Felder zur Bearbeitung des zugehörigen Bereichs geöffnet. Dort können dann Änderungen vorgenommen werden. So führt der Klick auf den Text neben der Überschrift zum Eingabefeld der Überschrift. 2007 - www.techdivision.com Seite 5 von 40
Zum Bearbeiten der Tabelle muss auf den Stift innerhalb der Tabelle geklickt werden: Die einzelnen Eingabefelder bzw. Pflegedialoge werden in den folgenden Kapiteln beschrieben, da es sich jeweils um Teilbereiche der Backend-Dialoge handelt. 2.2 Backend Im Backend wird der Webauftritt verwaltet, es handelt sich also um den Administrationsbereich. Hier sind nicht nur textuelle Änderungen möglich. Es können z.b. auch neue Webseiten angelegt und bearbeitet werden. Die Startseite des Backends wird nach der erfolgreichen Anmeldung angezeigt. 2007 - www.techdivision.com Seite 6 von 40
3 Benutzeroberfläche In diesem Kapitel wird die Benutzeroberfläche im Detail beschrieben. Klicken Sie nach dem Einloggen zunächst in der linken Spalte auf Seite. Dadurch wird in der mittleren Spalte der Seitenbaum angezeigt. Wählen Sie dort die gewünschte Seite aus, werden Struktur und Inhalte in der rechten Spalte zur Bearbeitung angezeigt. Das TYPO3-Backend hat 3 Spalten, die im Folgenden genauer erläutert werden. Navigation Seitenbaum Aktionsseite 3.1 Navigation Die linke Spalte zur Navigation enthält alle Module für Administratoren und Redakteure. Hier werden aber nur die für Redakteure interessanten Menüpunkte vorgestellt. 3.1.1 Menüpunkt Web Dieser Menüpunkt ist der wichtigste für Redakteure bei der Pflege der Inhalte. 2007 - www.techdivision.com Seite 7 von 40
3.1.2 Menüpunkt Datei Dies ist die Seitenansicht, der wohl wichtigste Menüpunkt zum Anlegen, Editieren und Einfügen von Seiteninhalten (siehe vorheriger Screenshot) Hier können wir uns die gewählte Seite im Backend anschauen (siehe Kapitel 2.1) Dies ist die Datensatzansicht. Wir sehen außer den Inhaltselementen auch alle Datensätze, die in den angewählten Seiten angelegt sind. Hier werden verschiedene statistische Informationen über die Seite angezeigt. Hier können Zugriffsrechte für jede einzelne Seite gesetzt werden. Hier stehen Export-, Import- und Sortierfunktionen zur Verfügung. Hier erhält man Zugriff auf die Versionierungs-Funktionen des Seitenbaums. Hier geht es um die Templates, d.h. die grafische Oberfläche. Hier können die per Kontaktformular eingegangenen Anfragen exportiert und gelöscht werden. Dieser Menüpunkt enthält eine Übersicht über alle verwendeten Dateien. Hier können Dateien (z.b. Grafiken, Downloaddateien usw.) hochgeladen werden. 3.1.3 Menüpunkt Hilfe 3.1.4 Admin-Funktionen Hier findet man eine Liste mit den wichtigsten Modulen, d.h. der Menüpunkte, mit einer Beschreibung. Kurzbeschreibung von TYPO3 mit Angabe der verwendeten Version. Aus den Hilfetexten zusammengestelltes Handbuch. Im unteren Bereich ist noch eine Admin-Funktion nützlich: Löscht den Frontend-Cache, einen Zwischenspeicher. Dies sollte nach jedem Bearbeitungsvorgang geschehen. Über den Button schließlich erfolgt die Abmeldung vom System für den Benutzer, dessen Name darunter angegeben ist. 3.2 Seitenbaum Die mittlere Spalte des Backends besteht aus der Abbildung des Seitenbaums. Jeder Benutzer sieht nur die Bereiche des Seitenbaums, für die er die Berechtigung hat. Über die -Zeichen lässt sich der Baum aufklappen, über die -Zeichen zuklappen. 2007 - www.techdivision.com Seite 8 von 40
Der blaue Pfeil über der linken oberen Ecke einer Seite zeigt an, dass diese Seite den gleichen Inhalt wie die nächste Seite im Baum enthält. Unter dem Baum besteht die Möglichkeit, ihn nach Änderungen neu zu laden. Wenn man mit der Maus über ein Element des Baums fährt, bis die Hand als Mauszeiger erscheint, und dann die rechte Maustaste drückt, erscheint das Kontextmenü mit folgenden Optionen: öffnet die Seite zur Ansicht im Browser öffnet den Seiteninhalt zum Bearbeiten öffnet einen Dialog, in dem ausgewählt werden kann, welches neue Element eingefügt werden soll öffnet ein Fenster mit Informationen zur Seite kopiert die Seite in den Zwischenspeicher verschiebt die Seite in den Zwischenspeicher Menüpunkt ist nur sichtbar, nachdem eine Seite kopiert oder ausgeschnitten wurde; fügt die Seite in den markierten Ordner oder macht sie zu einer Unterseite der gewählten Seite Menüpunkt ist nur sichtbar, nachdem eine Seite kopiert oder ausgeschnitten wurde; fügt die Seite hinter dem gewählten Objekt ein öffnet die Eingabemaske für die Versionierung der Seite öffnet ein weiteres Untermenü: oder ausblenden zeigt den Dateibaum in der Umgebung der ausgewählten Seite mit der Möglichkeit, eine neue Position für die Seite festzulegen Alle weiteren Optionen werden vom Redakteur nicht benötigt und können auch in Abhängigkeit von den Benutzerrechten deaktiviert werden. blendet eine versteckte Seite ein oder eine aktive Seite aus blendet die Felder ein, über die die Sichtbarkeit der Seite eingestellt werden können blendet den Dialog zur Pflege der Seiteneigenschaften ein löscht die Seite zeigt die Änderungshistorie der Seite an 2007 - www.techdivision.com Seite 9 von 40
3.3 Aktionsseite Die rechte Spalte ist der Teil, in dem Sie alle Seiteninhalte anlegen und ändern können. Es gibt verschiedene Ansichten. 3.3.1 Seitenelemente In der Darstellung der Seitenelemente werden alle Elemente blockweise dargestellt. Die zugehörige Seite besteht aus 2 Spalten. Die linke Spalte (Normal) beginnt mit einem Textblock, an den sich ein Kontaktformular anschließt. In der rechten Spalte steht ein Textblock ohne Überschrift am Anfang. Die Bedeutung der einzelnen Symbole wird in den folgenden Kapiteln dargestellt. 3.3.2 Seiteninhalt Klickt man auf ein einzelnes Inhaltselement, z.b. eine Überschrift, wird die Detailansicht dieses Elements geöffnet. Dort können Einstellungen und Details des Elements gepflegt werden. 2007 - www.techdivision.com Seite 10 von 40
Die Tabelle hat auf der Webseite folgendes Aussehen: 3.3.3 Seiteneigenschaften Über den Button Angaben für die gesamte Seite: gelangt man zu den übergeordneten 2007 - www.techdivision.com Seite 11 von 40
4 Kochbuch 4.1 Neue Seite anlegen Klicken Sie im Seitenbaum auf die Seite (Seite SEM im Screenshot unten), unterhalb derer die neue Seite angelegt werden soll. Und klicken Sie dann im Aktionsbereich auf den Button mit dem leeren Blatt und dem gelben Sternchen. In der Aktionsspalte wird dann ein Ausschnitt des Seitenbaums mit den möglichen Stellen gezeigt, an denen die neue Seite im Umkreis um die gewählte Seite eingefügt werden kann. 2007 - www.techdivision.com Seite 12 von 40
Wird die im obigen Screenshot markierte Option gewählt, so wird die neue Seite eine Ebene unterhalb der fett dargestellten Seite eingefügt. Alle anderen Optionen fügen die neue Seite auf der gleichen Ebene mit den schon vorhandenen Seiten ein. Fahren Sie mit der Maus über den Pfeil zur gewünschten Position, bis dieser grün wird. Klicken Sie dann darauf. Alternativ können Sie im Seitenbaum mit der Maus über eine Seite fahren und die rechte Maustaste drücken. Klicken Sie im Kontextmenü Neu. Es erscheinen dann folgende Optionen: Zum Anlegen der neuen Seite kommen folgende Menüpunkte in Frage: legt die neue Seite als Unterseite der vorher markierten Seite an öffnet einen Ausschnitt des Seitenbaums, in dem die Position der und neuen Seite über die Pfeile ausgewählt werden kann fügt die neue Seite hinter der markierten Seite auf der gleichen Ebene ein Steht die Position der neuen Seite fest, müssen die Rahmendaten der Seite festgelegt werden. Der hierfür vorgesehene Dialog wird als nächstes automatisch angezeigt: 2007 - www.techdivision.com Seite 13 von 40
[ ] [ ] 2007 - www.techdivision.com Seite 14 von 40
[ ] Zum Speichern stehen in dieser und in anderen Ansichten verschiedene Optionen zur Verfügung: speichert die Änderungen speichert die Änderungen und zeigt sie sofort an speichert die Änderungen und schließt die Seite schließt die Seite, ohne die Änderungen zu speichern entfernt das Element macht die letzte Änderung rückgängig Die Felder haben folgende Bedeutung: Seite verstecken Durch Anklicken des Kästchens im Bereich Seite verstecken ist nur diese Seite nicht sichtbar. Sie wird auf der Webseite nicht angezeigt und erhält im Backend eine rote Markierung. Typ Hier wird der Seitentyp festgelegt. Über den -Button neben dem Auswahlfeld können weitere Eigenschaften gesetzt werden: Seitentitel festlegen Beim Seitentitel handelt es sich um Pflichtfeld, das ausgefüllt werden muss. Dies wird durch das gelbe Kästchen mit dem Ausrufezeichen vor dem Feld deutlich gemacht. Der Titel ist wichtig für die Suchmaschinen-Optimierung und sollte auf jeder Seite sowohl individuell als auch sorgfältig ausgewählt werden. Über den -Button neben dem Auswahlfeld werden weitere Felder eingeblendet, in denen Angaben über Alias und Caching gemacht werden können, sofern dies gewünscht ist. Untertitel Das Feld Untertitel muss nur ausgefüllt werden, wenn es im Template eingerichtet ist. Da dies nur selten der Fall ist, bleibt es meistens leer. Im Menü verstecken 2007 - www.techdivision.com Seite 15 von 40
Wenn man sozusagen eine geheime Seite veröffentlichen möchte, die im Menü nicht verlinkt ist und nur dann erreichbar ist, wenn man den kompletten Pfad kennt, dann muss in dieses Kästchen ein Haken gesetzt werden. Die meisten der darauf folgenden Felder des Dialogs können leer bleiben oder werden nur vom Administrator gefüllt, nie durch einen Redakteur. Stylesheet und Vorlagen In diesen Feldern muss der Redakteur beim Anlegen einer neuen Seite möglicherweise Angaben machen, wenn diese nicht das Standard-Layout erhalten soll. Welche Angaben für welche Seiten erforderlich sind, muss allerdings projektindividuell festgelegt und bekannt gemacht werden. Stichworte, Beschreibung Diese beiden Felder sind für die Suchmaschinenoptimierung wichtig, allerdings nur sichtbar, wenn bei Typ Erweitert anstatt Standard ausgewählt wird. In das Feld Stichworte sollten die Schlüsselwörter der Seite geschrieben werden. In das Feld Beschreibung gehört eine kurze Inhaltsangabe der Seite. Allgemeine Optionen Hier kann die Gültigkeit einer Webseite und ihrer Unterseiten eingeschränkt werden. Für die Seite kann festgelegt werden, dass sie entweder erst ab oder nur bis zu einem zukünftigen Datum sichtbar werden soll. 4.2 Seite verschieben Sollte die neue Seite nach dem Speichern nicht an der richtigen Position stehen oder sich die Position aus anderen Gründen ändern, kann die Seite mit der Maus im Seitenbaum verschoben werden. Fahren Sie dazu mit der Maus über die Seite, halten Sie die rechte Maustaste gedrückt und ziehen Sie die Seite an die gewünschte Position. Es erscheint dann ein Kontextmenü, in dem die gewünschte Richtung definiert werden kann: Verschiebe in bedeutet, dass die Seite als Unterseite der gewählten Seite eingeordnet wird. Im Beispiel wurde die Seite SERP auf die Seite T gezogen. Verschieben hinter bedeutet, dass die Seite auf der gleichen Hierarchieebene hinter der gewählten Seite eingeordnet wird. Im Beispiel wurde die Seite SERP auf die Seite SEM gezogen. 2007 - www.techdivision.com Seite 16 von 40
4.3 Seiteninhalte einpflegen Klickt man im Seitenbaum auf die Seite oder wählt man Bearbeiten aus dem Kontextmenü (rechte Maustaste), wird der Aktionsbereich angezeigt, in dem die Seiteninhalte festgelegt werden können. 4.3.1 Inhaltstypen auswählen Mit dem Symbol mit dem Blatt und dem gelben Stern öffnet man die Liste der Inhaltselemente. In der Liste kann das gewünschte Inhaltselement markiert werden. Die verschiedenen Inhaltselemente können auf einer Seite beliebig hintereinander gestellt werden. Für jedes Inhaltselement muss die Formatierung aus der folgenden Liste gewählt werden. 2007 - www.techdivision.com Seite 17 von 40
4.3.2 Text erstellen, 2007 - www.techdivision.com Seite 18 von 40
Der Auswahl entsprechend wird dann der nächste Dialog zur Eingabe der Detaildaten angezeigt. Lautete die Auswahl normaler Text, erscheint folgende Seite: In dieses Browserfenster wird der Text eingefügt und in der oberen Bearbeitungsleiste formatiert. Die Leiste ist vom Aufbau her gleich wie in Word. Das erste Symbol B steht für bold (fett), das I für italic (kursiv), die zwei x mit der 2 bedeuten hoch- bzw. tiefergestellt. Die nächsten drei Symbole sind für die Anordnung des Textes zuständig (linksbündiger Flattersatz, Blocksatz, rechtsbündiger Flattersatz). Hier kann man den Text zusätzlich durch Nummerierung, einer Punktliste oder durch Einzug verkleinern bzw. Einzug vergrößern besonders hervorheben. Das blaue Omega-Zeichen fügt Sonderzeichen ein. Durch das einmalige Klicken auf das Zeichen öffnet sich ein neues Browserfenster mit Sonderzeichen. 2007 - www.techdivision.com Seite 19 von 40
Nachdem man das entsprechende Symbol durch Klicken eingefügt hat, wird das Fenster über den Schließen-Button geschlossen. Das Verknüpfungszeichen ist bei einigen Usern gesperrt, so dass es im Hintergrund nur leicht sichtbar ist. Darüber können interne und externe Links, Dateien zum Download und die E-Mail-Funktion eingefügt werden. Über das Symbol mit den Spitzen kann man zwischen dem WYSIWYG-Modus und dem Text-Modus wechseln und den HTML-Code ansehen oder editieren. Das nächste Symbol entfernt verschiedene Formatierungen in ausgewählten Bereichen. Die Auswahl wird in einem gesonderten Fenster vorgenommen. Die blauen Pfeile machen die letzte Aktion rückgängig bzw. stellen sie wieder her. Das letzte Symbol zeigt Informationen über den Rich Text Editor und installierte Plug-Ins an. 2007 - www.techdivision.com Seite 20 von 40
4.3.3 Bilder einfügen, Soll die neue Seite ein Bild enthalten, können verschiedene Optionen ausgewählt werden. Im Bereich Bilder werden die Bilder für die Seite ausgewählt. Sie können entweder aus dem CMS oder aus einer externen Quelle stammen. Über den Button mit dem Ordner öffnet sich ein neues Fenster zur Auswahl einer Datei. Im oberen Bereich des Fensters wird der Verzeichnisbaum der bereits im CMS befindlichen Dateien angezeigt. Wurden mehrere Bilder hochgeladen, kann die Reihenfolge mit den Pfeiltasten verändert werden. Mit dem Kreuz-Button wird das Bild, das im linken Feld markiert ist, gelöscht. Mit dem Durchsuchen -Button kann alternativ ein Bild aus einer externen Quelle hochgeladen werden. Um Ihre Bilder an die richtige Position auf der Seite zu bringen, scrollen Sie auf der Aktionsseite nach unten bis zum Punkt Position. Dort sind die verschiedenen Positionen für das Bild im Verhältnis zum Text angezeigt. Sie können die gewünschte 2007 - www.techdivision.com Seite 21 von 40
Position durch die Auswahl aus der Klappliste oder durch Klicken auf das gewünschte Symbol treffen. Über den Button angezeigt. werden weitere Optionen wie in der Kopfzeile der Anwendung Im Bereich Breite lassen sich weitere Eigenschaften des Bildes manuell bestimmen. Sie können die Breite des Bildes in Pixel angeben, die dann automatisch proportional auf die gewünschte Breite berechnet wird. Über den -Button neben dem Eingabefeld für die Breite wird am oberen Bildschirmrand noch die Möglichkeit zur Eingabe der Höhe angeboten: Der -Button neben Bild Links öffnet am oberen Bildschirmrand Eingabefelder, über die dem Bild ein Link hinterlegt werden kann oder die Vergrößerung per Klick eingestellt werden kann. Der Link kann auf eine interne Seite, eine Datei zum Download, eine externe Seite oder ein Email-Fenster gehen. Außer bei der Email kann zusätzlich festgelegt werden, ob der Link in einem eigenen Fenster welcher Größe geöffnet werden soll. Details zu dieser Funktion werden später beschrieben. Über den -Button neben Bild Optionen können am oberen Bildrand Möglichkeiten zur Bildbearbeitung ausgewählt werden. 2007 - www.techdivision.com Seite 22 von 40
Soll das Bild eine Bildunterschrift bekommen, so ist diese in das Feld Bildtext einzugeben. Über den -Button wird am oberen Bildrand ein Feld zur Justierung der Bildunterschrift geöffnet: Um die Suchmaschinenoptimierung zu verbessern ist es sehr sinnvoll, einen alternativen Text und einen Titel-Text einzugeben. Der Alternativ-Text wird nur dann angezeigt, wenn das Bild nicht angezeigt werden kann. Er wird aber von den Suchmaschinen ausgelesen. Der Titel erscheint, wenn man mit der Maus über das Bild fährt. Das Feld Langbeschreibung URL kann leer bleiben. Soll das aktuelle Element derzeit nicht angezeigt werden, kann es unter Allgemeine Optionen versteckt werden. Die Sichtbarkeit kann auch automatisch über ein Startoder Enddatum gesteuert werden. Das Datum ist im Format T(T)-M(M)-JJJJ einzugeben. Die Eingabe von d wird automatisch durch das Tagesdatum ersetzt. Nicht plausible Werte wie z.b. 35-5-2007 werden automatisch in einen sinnvollen Wert korrigiert. Die Verwendung des Timers wird in der Übersicht durch zwei Symbole in den unteren Ecken des Elements angezeigt: Zuletzt kann noch die Sichtbarkeit in Abhängigkeit von der Benutzergruppe festgelegt werden: Die Schaltfläche am Seitenende erzeugt einen Verweis auf diese Seite, öffnet die Seite in einem eigenen Fenster. 2007 - www.techdivision.com Seite 23 von 40
4.3.4 Aufzählung Eine Aufzählung ist vom Typ Punktliste. Die Überschrift kann zusätzlich justiert, mit einem Link hinterlegt und einem Datum versehen werden. Für benutzerdefinierte Ansichten können anschließend spezielle Layouts definiert und ausgewählt werden. Zuletzt wird der Text eingegeben. Mit einem Zeilenumbruch wird automatisch ein neuer Aufzählungspunkt gesetzt, was allerdings in der Bearbeitungsansicht nicht sichtbar ist. Die weiteren Auswahlmöglichkeiten wurden bereits im vorhergehenden Kapitel beschrieben. 4.3.5 Tabelle Typ und Überschrift sind wie bei der Aufzählung anzulegen. Gleiches gilt zunächst auch für das Layout. Hier sind aber folgende interessante Optionen über den - Button verfügbar: 2007 - www.techdivision.com Seite 24 von 40
Die Hintergrundfarbe bezieht sich auf die Zellen der Tabelle. Rahmen bezeichnet die Stärke des äußeren Tabellenrahmens. Der Zellenabstand gibt an, wie weit die Zellen voneinander entfernt sein sollen, d.h. wie breit der Rahmen zwischen den Zellen sein soll. Im folgenden Beispiel wurde ein Rahmen von 20 gewählt: Im folgenden Beispiel wurde ein Zellenabstand von 19 gewählt: Danach muss die gewünschte Anzahl an Spalten festgelegt werden. Der Tabellentext kann nun im Eingabefeld eingegeben werden. Senkrechte Balken markieren jeweils die Begrenzung zwischen zwei Spalten. Anfang und Ende müssen nicht markiert werden. Der Text der ersten Zeile wird automatisch als Spaltenüberschrift formatiert. Eine komfortablere Eingabemöglichkeit bietet der Tabellenassistent, der über das Symbol rechts neben dem Eingabefeld erreichbar ist. Zu Beginn hat der Assistent folgendes Aussehen: Die leeren Tabellenfelder können gefüllt werden. macht die Zeile zur letzten Zeile der Tabelle löscht die Zeile 2007 - www.techdivision.com Seite 25 von 40
verschiebt die Zeile hinter die folgende Zeile fügt eine leere Zeile unterhalb der markierten Zeile ein fügt eine leere Spalte neben der markierten Spalte ein Achtung: Die vorher angegebene Spaltenzahl wird dadurch jedoch nicht erhöht! Für die neue Spalte wird die Spalte rechts außen gelöscht!! verschiebt die Zeile vor die vorherige Zeile macht die Spalte zur letzten Spalte der Tabelle verschiebt die Spalte neben die rechte Nachbarspalte verschiebt die Spalte neben die linke Nachbarspalte macht die Spalte zur ersten Spalte der Tabelle Die Eingabezellen können mit dem Häkchen bei vergrößert und verkleinert werden. Die Änderungen werden sichtbar, wenn der Button gedrückt wird. Der Assistent wird mit Speichern oder ohne Speichern geschlossen. Im Bereich Plugin Optionen können weitere Angaben zur Tabelle gemacht werden. Unter dem Stichwort Barrierefreiheit können ergänzende Texte und Zeichen eingefügt werden, die meist nur für Suchmaschinen oder Vorleseprogramme erkennbar sind. Einzig die Beschriftung wird direkt oberhalb der Tabelle angezeigt. Unter dem Stichwort Tabellenanalyse werden die Begrenzer für das oben stehende Eingabefeld angezeigt. 4.3.6 Formulare Über den Typ Formular können Kontaktformulare aller Art einfach zusammengestellt werden. Die Eingabe und Formatierung der Überschrift erfolgen wie bei den anderen Typen. Wie bei der Tabelle kann die Konfiguration entweder direkt ins Textfeld eingegeben oder durch den Formular-Assistenten unterstützt werden. Letzteres dürfte auch in diesem Fall die angenehmere Variante sein. 2007 - www.techdivision.com Seite 26 von 40
Der Formular-Assistent bietet alle gängigen Elementtypen zur Auswahl. Je nach Auswahl werden dann die zugehörigen Felder angezeigt. Die Elemente können mit den schwarzen Symbolen in der ersten Spalte wie die Tabellenzeilen und spalten verschoben werden. Für alle Elementtypen muss die Beschriftung angegeben werden. Das Feld Benötigt besagt, ob es sich um ein Mussfeld handelt oder nicht. Vor dem Absenden des Formulars wird geprüft, ob Mussfelder gefüllt sind. Ist dies nicht der Fall, erscheint eine Fehlermeldung, und der Versand wird unterbrochen. Im Feld Feld wird der interne Name des Feldes für das Formular angegeben. Die Beschriftung wird zunächst automatisch übernommen, kann aber geändert werden. Bei Textfeldern muss die Länge des Feldes als Größe festgelegt werden. Die Höchstzahl an Zeichen wird unter Max definiert. Im Feld Wert kann ein Wert festgelegt werden, mit dem das Feld beim Öffnen des Formulars vorbelegt ist. Für Auswahlfelder und Radio-Buttons müssen die verfügbaren Optionen angegeben werden. Ein Passwortfeld zeichnet sich dadurch aus, dass die eingegebenen Zeichnen verschlüsselt als *** dargestellt werden. Die Breite eines Textfeldes wird über die Anzahl an Spalten definiert, die Höhe über die Zeilenzahl. 2007 - www.techdivision.com Seite 27 von 40
Im unteren Bereich des Assistenten werden noch die Werte für den Versand des Formulars definiert. Nach dem Speichern kann der Assistent geschlossen werden, die restlichen Angaben für das Element vorzunehmen. Unter Zielseite wird die Seite angegeben, die nach dem Absenden des Formulars angezeigt wird. Die Empf.-E-Mailadr.: ist die Adresse, an die die Informationen aus dem Kontaktformular gesendet werden. Sie kann entweder hier oder im Formular- Assistent eingegeben werden. 4.3.7 externe Links Zum Einfügen externer Links markiert man den Linktext im Editor, wählt mit der rechten Maustaste aus dem Kontextmenü oder die Schaltfläche Symbolleiste. Es öffnet sich dann folgendes Fenster: aus der Oben links muss Externe URL ausgewählt werden, damit die entsprechenden Eingabefelder angezeigt werden. 2007 - www.techdivision.com Seite 28 von 40
URL Ziel in neuem Fenster öffnen Stil Hier muss die URL eingegeben werden, komplett mit http://, was jedoch bereits standardmäßig voreingetragen ist. Im rechten Auswahlfeld kann ausgewählt werden, wie die verlinkte Seite angezeigt werden soll: oben: öffnet die neue Seite im aktuellen Fenster neues Fenster: öffnet die neue Seite in einem neuen Fenster Nach der Auswahl eines Werts wird der zugehörige Code automatisch im Feld links neben dem Auswahlfeld angezeigt Wenn das Ziel in einem neuen Fenster geöffnet werden soll, das nicht die ganze Bildschirmgröße einnimmt, kann hier die Größe festgelegt werden. Die gewählten Werte werden automatisch in das linke Feld bei Ziel eingetragen. Hier kann erneut ausgewählt werden, ob die Seite in einem neuen Fenster oder im aktuellen Fenster geöffnet werden soll. Je nach Auswahl in diesem Feld wird das Feld Titel automatisch angepasst. Es gibt jedoch keinen Zusammenhang mit dem Feld Ziel, d.h. bei Inkonsistenzen wird der dort befindliche Wert herangezogen. Sind alle Felder korrekt gefüllt, wird der Button Link setzen gedrückt. Die Werte werden damit gespeichert. Über das Kontextmenü kann der Link nun geprüft werden. Diese Prüfung bezieht sich allerdings nur auf den Link an sich und nicht auf die gewählten Einstellungen für das Fenster. Sie können nur aus der Vorschau über getestet werden. Über das Kontextmenü kann ein bestehender Link auch gelöscht oder geändert werden. Die Änderungen werden im oben gezeigten Dialog vorgenommen und mit dem Button Aktualisieren gespeichert. 4.3.8 interne Links Zum Einfügen interner Links wird zunächst wie bei externen Links vorgegangen. Im Pop-Up-Fenster muss oben die Option Seite gewählt werden. Bis auf zwei Unterschiede enthält das Fenster die gleichen Felder wie bei den externen Links. Anstelle des Feldes zum Eintragen der URL wird am Ende des Fensters der Seitenbaum angezeigt. Nach der Auswahl einer Seite wird das Fenster automatisch geschlossen. 2007 - www.techdivision.com Seite 29 von 40
4.3.9 Datei zum Download Auch Dateien zum Download werden ähnlich wie Links eingebunden. Im Pop-Up- Fenster muss oben die Option Datei gewählt werden. Die Datei zum Download muss auf dem TYPO3-Server abgelegt sein, damit sie aus dem Verzeichnisbaum am Ende des Fensters ausgewählt werden kann. Wie bei den internen Links wird das Fenster automatisch geschlossen, nachdem die Datei ausgewählt wurde. 2007 - www.techdivision.com Seite 30 von 40
Eine eingebundene Datei erkennt man bei späterer Bearbeitung daran, dass ein kleiner roter Pfeil vor dem Dateinamen blinkt: Dateiupload Zum Dateiupload klappt man in der Navigationsspalte den Eintrag Datei auf und klickt auf Dateiliste. Es erscheint dann daneben der Verzeichnisbaum mit der Dateiablage. 2007 - www.techdivision.com Seite 31 von 40
Soll die Datei in einen der bereits vorhandenen Ordner gespeichert werden, kann der Ordner per Mausklick geöffnet werden. Die Innenansicht des Ordners hat folgendes Aussehen: Über den Button Datei-Upload gelangt man zur nächsten Ansicht, in der der Datei- Upload tatsächlich gestartet wird. In einem Schritt können bis zu 10 Dateien hochgeladen werden. Die im ersten Auswahlfeld festgelegte Menge an Dateien bestimmt die Menge der angezeigten Felder für den Dateipfad mit Durchsuchen-Schaltfläche. Nachdem mit der Auswahl der Dateien begonnen wurde, kann die Anzahl der Dateien nicht mehr ohne Datenverlust geändert werden. Klickt man auf die Schaltflächen Durchsuchen, öffnet sich ein Browser-Fenster, in dem die gewünschte Datei ausgewählt werden kann. Mit Öffnen schließt man das Browser-Fenster, und der Pfad wird im Feld dargestellt. Sind alle Dateien selektiert und alle Pfade in den Feldern vorhanden, kann der eigentliche Upload mit der Schaltfläche Upload gestartet werden. Sollen die bisher 2007 - www.techdivision.com Seite 32 von 40
im Ordner gespeicherten Dateien ersetzt werden, muss ein Haken bei Überschreibe existierende Dateien gesetzt werden. Ist der Upload erfolgreich abgeschlossen, wird die Dateiliste angezeigt. Fährt man mit dem Mauszeiger über das Dateisymbol, ist über einen Klick mit der rechten Maustaste ein Kontextmenü erreichbar, über das Änderungen an der Datei vorgenommen werden können. Zum Umbenennen wird der Dateiname im Feld geändert und mit der Schaltfläche Umbenennen bestätigt. Über Info kann man einsehen, ob bzw. wo die Datei eingebunden ist. Über Löschen (im Kontextmenü) schließlich wird die Datei nach Bestätigung der Sicherheitsabfrage gelöscht. Je nach Berechtigung kann es sein, dass es nicht erlaubt ist, einen gefüllten Ordner zu löschen. Dann müssen zunächst die Dateien und etwaige Unterordner - beginnend auf der untersten Hierarchiestufe - einzeln gelöscht werden. Zum Kopieren, Ausschneiden und anschließenden Einfügen benutzt man am besten das Klemmbrett. Es wird mit einem Haken im Feld Klemmbrett anzeigen aktiviert. Neben der Datei erscheinen dann zwei Schaltflächen zum Kopieren und Ausschneiden und das Klemmbrett, das man sich auch als Zwischenablage vorstellen kann. 2007 - www.techdivision.com Seite 33 von 40
Wird nun bei einer Datei auf die Schaltfläche für Kopieren gedrückt, verändert diese ihr Aussehen. Zusätzlich erscheint eine weitere Schaltfläche in der Kopfzeile, und die ausgeschnittene Datei wird auf dem Klemmbrett angezeigt. Wechselt man dann im Verzeichnisbaum in den Zielordner, kann man die ausgeschnittene oder kopierte Datei mit der Schaltfläche mit dem halbrunden grünen Pfeil einfügen. Die andere Schaltfläche mit dem nach rechts zeigenden grünen Pfeil würde die Datei in den in der Zeile gezeigten Ordner einfügen. Wird die Kopie der Datei nicht mehr benötigt, kann sie mit dem roten Kreuz vom Klemmbrett gelöscht werden. Ordner anlegen Sollen Dateien in einen neuen Ordner hochgeladen werden, muss der Verzeichnisbaum an der gewünschten Stelle geöffnet werden. Soll der neue Ordner 2007 - www.techdivision.com Seite 34 von 40
ein weiterer Unterordner eines bestehenden Ordners werden, zeigt sich folgende Ansicht: Über die Schaltfläche Neu gelangt man zur nächsten Ansicht: Auch hier gilt wie bei den Dateien, dass zunächst die Anzahl der anzulegenden Ordner festgelegt werden muss. Danach können die Namen der Ordner in die Felder eingetragen werden: Über die Schaltfläche Ordner anlegen werden die Ordner angelegt. Sie sind anschließend im Verzeichnisbaum sichtbar. Dort steht über die rechte Maustaste ebenfalls ein Kontextmenü zur Verfügung, in dem die von den Dateien bekannten Funktionen auch für Ordner angeboten werden. 2007 - www.techdivision.com Seite 35 von 40
Über Datei-Upload kann man alternativ zum vorher beschriebenen Verfahren Dateien in den betreffenden Ordner laden. Über Neu können neben weiteren Ordnern auch Text-Dateien angelegt werden. Dazu wird in das Feld im unteren Teil ein Dateiname mit einer der oberhalb des Feldes angezeigten Dateiendungen eingegeben. Über die Schaltfläche Datei erzeugen wird die Datei angelegt. Sucht man die Datei im Ordner kann man wiederum über das Kontextmenü den Eintrag Bearbeiten wählen. Er gibt Zugang zu einem einfachen Editor, in dem die Datei gefüllt, gespeichert, geändert und geschlossen werden kann. 4.3.10 Email senden Auch das automatische Öffnen eines Mailfensters mit vorbelegter Zieladresse funktioniert ähnlich wie das Einbinden von Links. Im Pop-Up-Fenster muss oben die Option Email gewählt werden. Nach Eingabe der Mailadresse muss hier allerdings wieder explizit der Button Link setzen gedrückt werden, um die Werte zu speichern und das Fenster zu schließen. 2007 - www.techdivision.com Seite 36 von 40
4.4 Verwaltung der Elemente Wenn Änderungen an einer bestehenden Seite vorgenommen werden sollen, muss die Seite über den Seitenbaum geöffnet werden. Auf der Übersichtsseite sind die Elemente in folgender Systematik hintereinander dargestellt: Die Symbole in der zweiten Zeile haben folgende Bedeutung: 2007 - www.techdivision.com Seite 37 von 40
öffnet das Element zur Bearbeitung fügt ein neues Element nach dem aktuellen Element ein verschiebt das Element vor das vorherige Element verschiebt das Element hinter das nächste Element verbirgt das Element bzw. macht ein verborgenes Element wieder sichtbar löscht das Element Zum Öffnen eines Elements gibt es über die oben genannte Schaltfläche hinaus etliche weitere Möglichkeiten: Fährt man mit der Maus über den Titel, Text oder Inhalt eines Elements, verändert sich die Farbe. Der Bereich kann dann angeklickt werden. Fährt man mit dem Cursor über das Symbol links neben der Typbezeichnung des Elements und klickt dann auf die rechte Maustaste, öffnet sich ein Kontextmenü mit den oben bereits genannten und einigen weiteren Befehlen. Für Änderungen am Text gibt es mehrere Zugriffsmöglichkeiten auf den Rich Text Editor. Am besten klickt man unter dem Text auf den Balken In Rich Text Editor bearbeiten. Die gewünschten Änderungen können im Editor vorgenommen und gespeichert werden. Fährt man mit der Maus über den Text, wechselt dieser seine Farbe und wird zum Link. Der Link führt zur Seiteninhalts-Seite, die ebenfalls ein Feld zur Texteingabe enthält: 2007 - www.techdivision.com Seite 38 von 40
Wird der Text hier trotz einiger Wartezeit nicht angezeigt, gelangt man auch über das Symbol auf der rechten Seite zum Rich Text Editor. 4.5 versteckte Seite freigeben Wenn eine versteckte Seite fertig bearbeitet ist, kann sie freigegeben werden. Dazu muss man 1. über Seite den Seitenbaum öffnen und dort auf die gewünschte Seite klicken 2. im Seitenüberblick mit der Maus über das Symbol in der linken oberen Ecke fahren, bis es einen farbigen Rand erhält 3. und dann mit der rechten Maustaste das Kontextmenü öffnen und die Option Einblenden wählen. Alternativ kann auch die Schaltfläche gedrückt werden und in der Seitenübersicht das Häkchen bei Seite verstecken entfernt werden: 2007 - www.techdivision.com Seite 39 von 40
Seite. 5 Sonstige Hinweise Nach dem Speichern verschwindet das Sperrsymbol an der 5.1 Übertragen von Texten aus Word in TYPO3 Beim Anlegen neuer Dokumente/Inhalte muss folgendes unbedingt beachtet werden: Durch interne, nicht sichtbare Formatierungsanweisungen kann es zu Darstellungsproblemen in TYPO3 kommen, wenn Texte direkt aus Word über Copy/Paste eingefügt werden. Aus diesem Grund gehen Sie bitte mit vorliegenden Word-Dokumenten wie folgt vor: 1. Öffnen Sie die Word-Datei 2. Markieren Sie die zu kopierenden Textstellen und kopieren Sie diese 3. Öffnen Sie den Editor (über Start alle Programme Zubehör Editor) 4. Fügen Sie den kopiertentext in den Editor ein. Dadurch gehen sämtliche Word-Formatierungen verloren. 5. Markieren Sie den gesamten Text im Editor und kopieren Sie ihn. 6. Fügen Sie den markierten Text in den TYPO3-Texteditor ein. 2007 - www.techdivision.com Seite 40 von 40