Handbuch Typo3 für Redakteure IZZ-on.de Grundlegende Funktionen 1. Anmelden Bitte melden Sie sich mit Ihrem Namen und dem Passwort hier: zbw.pic-develop.de/typo3 an. Dies ist der Zugang zur Test- und Entwicklungsumgebung. Änderungen, die Sie in dieser Website einpflegen sind im Live-System nicht sichtbar. Bei der ersten Anmeldung haben wir das Menü Einstellungen als Startpunkt gewählt. Sie können hier Ihre persönlichen Informationen eintragen, das Passwort ändern und festlegen, welcher Menüpunkt beim nächsten Anmelden als erstes angezeigt werden soll. In der linken Marginalspalte finden Sie die Punkte WEB DATEI BENUTZERWERKZEUGE HILFE Mit Hilfe des kleinen Dreiecks können Sie die Menüs auf- bzw. zuklappen. Da für Redakteure nur die notwendigen Menüpunkte angezeigt werden, können Sie die Menüs auch aufgeklappt lassen. Handbuch Typo3 für Redakteure 1
Zum Arbeiten mit dem System, d.h. zum Anlegen von Seiten, Bearbeiten von Texten und dem Verwalten von Dateien benötigen Sie die Punkte WEB und Datei. 2. Menü WEB Hier finden Sie alle notwendigen Elemente zum Bearbeiten ihrer Seiten. Ihre Anmeldedaten regeln zugleich die Möglichkeiten, die Sie zum Bearbeiten der Website haben. Menü Seite In der zweiten Spalte von links wird die Baumstruktur der Website dargestellt. Der Hauptpunkt ist der Eintrag Start, dies entspricht dem Eintrag in der waagrechten Navigationsleiste oben. Die Unterpunkte IZZ-on, ZBW etc. stellen die Subnavigation dar. Durch klicken auf den Punkt Anzeigen in der linken Spalte wird die Seite in der Browseransicht dargestellt. Handbuch Typo3 für Redakteure 2
Auswählen der Seitenelemente Wählen Sie aus dem Seitenbaum die Seite aus, die Sie bearbeiten möchten. Wichtig! Ein Klick auf das kleine Seiten-Icon vor dem Namen öffnet ein Kontextmenü, das zum Bearbeiten des Seitenbaums dient. Hier können Sie die Seite ausblenden (Deaktivieren), Infos anzeigen oder über das Untermenü Seitenaktionen neue Seiten anlegen bzw. die Seite samt Inhalt kopieren. Wenn Sie auf den Seitennamen klicken, sehen Sie in der Spalte rechts alle Inhaltselemente der Seite. Sie können diese bearbeiten oder neue Elemente hinzufügen. Es stehen die Inhaltselemente linke Marginalspalte (left), 2-spaltiger Hauptteil (center) und rechte Marginalspalte (right). Die drei Bereiche werden durch graue Flächen symbolisiert. Zum Überprüfen im Webbrowser klicken Sie auf das Icon Dokument speichern und anzeigen (s. 8. Anhang) über dem Bereich. Hier wird im Gegensatz zum Menüpunkt Anzeigen die Seite als zweiter Tab im Browser geöffnet und versteckte Menüpunkte nicht angezeigt. Handbuch Typo3 für Redakteure 3
Klicken Sie in einen Bereich. Sie können mittels Neues Inhaltselement einfügen Elemente über, dazwischen oder unter dem letzten Element einfügen. Platzieren Sie die Maus in die Titelzeile eines Elementes, so können Sie dieses bearbeiten, das Element verbergen oder ganz löschen. Ob ein Element auf der Website angezeigt wird oder nicht, wird durch das Glühlampensymbol visualisiert. Zusätzlich erhalten verborgene Elemente ein Sperrsymbol im Statusbalken (Icons s. Anhang). 3. Inhaltselemente festlegen Haben Sie sich entschieden ein Element einzufügen, klicken Sie auf das Icon Neues Element. Die Platzierung können Sie später jederzeit ändern, indem Sie den Mauszeiger in die Statuszeile des Elements setzen (die Cursorform wechselt zum Verschiebesymbol) und Sie können bei gedrückter Maustaste das Element zu einer neuen Position bewegen. Mit der folgenden Dialogbox können verschieden Elementtypen gewählt werden. Handbuch Typo3 für Redakteure 4
Die Möglichkeit Plug-Ins einzufügen steht nicht zur Verfügung. Von der Möglichkeit, reines HTML einzufügen, sollten Sie nur Gebrauch machen, wenn Sie mit HTML gut vertraut sind. Handbuch Typo3 für Redakteure 5
4. Bearbeiten von Seitenelementen Klicken Sie auf das Stiftsymbol, um den Editor zu öffnen. Sie können über das Pulldown-Menü jederzeit den Typ des Inhaltselements ändern. Die mögliche Auswahl entspricht den Elementaufzählungen der vorherigen Seiten. Handbuch Typo3 für Redakteure 6
Über die das Pulldown-Menü Typ steuern Sie das Layout des Artikels. Die Formatierung der Titelzeilezeile entspricht den Formatierungen des Pulldow-Menüs für Überschriften innerhalb des Textblocks. Im Bereich Text geben Sie den Text der Website ein. Sie können den Text auch in die Textbox kopieren. Wichtig! Wenn Sie Webseiten, PDF-Dateien oder Word-Dateien als Quellen wählen, kopieren Sie den Text unbedingt in einen formatfreien Editor wie z.b. NotePad (Win) oder Mail (MacOS). So verhindern Sie unerwünschte und oftmals fatale Reaktionen des Systems auf etwaige unsichtbare Formatierungsanweisungen. Handbuch Typo3 für Redakteure 7
Die Formatierungspalette des Texteditors entspricht den Möglichkeiten eines gängigen Textverarbeitungsprogramms. Der Vollständigkeit halber sehen Sie hier eine Übersicht über die Funktion der Icons. Denken Sie daran, in regelmäßigen Abständen ihre Arbeit durch klicken auf Dokument speichern zu sichern. Dokument speichern und anzeigen sichert das Element und öffnet eine zweites Browserfenster/Tab zur Kontrolle des Layouts (Icons s. Anhang). Handbuch Typo3 für Redakteure 8
5. Platzieren von Bildern Platzieren Sie den Cursor, um die Position des Bildes festzulegen. Wählen Sie das Icon Bild einfügen und folgen Sie den Anweisungen der Dialogbox. Dialog zum einfügen des Bildes Handbuch Typo3 für Redakteure 9
Standardmäßig wir Ihr persönlicher Upload-Bereich angezeigt, d.h. user-upload. Hier finden Sie die Bilder, die bereits hochgeladen wurden. Wählen Sie eines der Bilder durch Klicken aus und nutzen Sie das Icon Auswahl importieren um das Bild zu laden (s. Sceenshot oben). Haben Sie noch kein Bild hochgeladen, ist es nicht notwendig, die Bearbeitung abzubrechen um zum Punkt Dateiliste zu wechseln. Nutzen Sie den Scrollbalken und gehen Sie nach unten. Hier finden Sie die Möglichkeit, Bilder direkt in den Ordner user-upload hochzuladen. Klicken Sie auf durchsuchen und Sie gelangen zu dem Dialog, der die Auswahl eines Bildes auf ihrem Laufwerk erlaubt. Sie müssen hier die Bilder einzeln auswählen und das Hochladen der Bilder mit Hilfe des Buttons Hochladen starten. Danach stehen die Bilder zur Verfügung und können im Text platziert werden. Haben Sie das Bild mit der Option Zauberbild eingeladen, können Sie es mit der Maus markieren und über die rechte Maustaste das Kontextmenü Bild verändern aufrufen. Handbuch Typo3 für Redakteure 10
Mit Hilfe dieses Dialoges können die Eigenschaften des Bildes beliebig angepasst werden: Das Bild kann frei zwischen Absätzen stehen, beim Umfließen des Bildes können Position und Abstand zwischen Text und Bild eingestellt werden. Quittieren Sie die Eingaben mit dem Button Aktualisieren und prüfen Sie das Ergebnis mit der Vorschau-Funktion. Handbuch Typo3 für Redakteure 11
6. Tabellen anlegen. Sie können mit Hilfe der Tabellenfunktion auf einfache Weise Tabellen einfügen. Wählen Sie den gewünschten Bereich aus, drücken Sie den Button Neues Inhaltselement zufügen und klicken anschließend auf das Icon Tabelle Danach öffnet sich die Dialogbox zum Bearbeiten der Tabelle. Geben Sie die notwendigen Metainformationen ein, wie z.b. die Überschrift und deren Formatierung. Klicken Sie danach auf den Reiter Tabelle. Handbuch Typo3 für Redakteure 12
Hier befüllen Sie die Tabelle mit Inhalt. Wenn Sie die Tabelle neu angelegen, geben Sie die erste Zeile im Textfeld ein. Die Tabellenspalten werden durch das Pipe-Zeichen symbolisiert. Nach dem ersten Sichern erscheint auf der rechten Seite des Eingabefeldes das Symbol für den Tabellenassistenten. Sie können bequem neue Spalten oder Zeilen hinzufügen oder löschen. Klicken Sie hier einfach auf die entsprechenden Icons. Zeile nach oben verschieben Zeile nach unten verschieben Zeile/Spalte löschen Ganz nach unten verschieben Ganz nach oben verschieben Die Symbole für die Spalten verhalten sich entsprechend. Speichern Sie die Tabelle und rufen Sie die Vorschau auf Handbuch Typo3 für Redakteure 13
Die fertige Tabelle im Frontend Handbuch Typo3 für Redakteure 14
7. Dateiverwaltung Mit Hilfe des Menüs Dateiliste können Sie Dokumente für die Website verwalten und zur Verfügung stellen. Hier laden Sie die Bilder für Ihre Seiten hoch oder stellen Dokumente zum Download, z.b. PDF oder.doc, zur Verfügung. Um die Daten zu strukturieren stellt das Typo3-System hier die Ordnerstruktur ähnlich wie beim Windows- Explorers dar. Der Ordner user_upload wird als Standard bereitgestellt, wenn Sie Ordner anlegen sollten Sie das innerhalb dieses Ordners bewegen. Wie beim Menü Seite öffnet ein Klick auf den Namen das zugehörige Inhaltsfenster in der dritten Spalte, ein Klick auf das Ordnersymbol öffnet das Kontextmenü. Im folgenden Screenshot sehen Sie das geöffnete Kontetxmenü, es ermöglicht Ihnen den Ordner umzubenennen, Dateien in den Ordner hochzuladen und einen neuen Ordner unterhalb anzulegen. Über Kopieren und Ausschneiden ist es möglich, die Ordnerstruktur generell zu ändern. Seien Sie bitte mit dem Löschen der Ordner vorsichtig. Dialog zum Anlegen eines neuen Ordners. Der Punkt Textdatei erzeugen ist für Ihre Arbeit nicht relevant. Handbuch Typo3 für Redakteure 15
Der neu angelegte Ordner Schulung befindet sich nun unterhalb des Ordners meine_bilder. Alternativ zur Benutzung des Kontextmenüs können Sie über die Icons Dateien hochladen und Neu verwenden. Innerhalb des Ordnerfensters lassen sich die Informationen zu den Daten ändern. Klicken Sie hierzu einfach auf die gewünschte Funktion. Handbuch Typo3 für Redakteure 16
8. Seiten anfügen Um eigene Seiten in die bestehende Navigationsstruktur einzufügen, nutzen Sie das Kontextmenü und wählen den Bereich Seitenaktionen/Neu. Handbuch Typo3 für Redakteure 17
Danach gelangen Sie zur Dialogbox, in der Sie die Position der Seite festlegen. Klicken Sie auf eine der möglichen Positionen, diese werden durch den Linkspfeil symbolisiert. Die gewählte Position wird grün hervorgehoben. Ein Doppelklick auf diesen Pfeil öffnet die Dialogbox Seite neu erstellen. Hier legen Sie fest, ob die neue Seite mit Inhalten gefüllt werden soll, Typ Standard, oder ob Sie nur einen Menüpunkt zur Navigation auf andere Seiten anlegen wollen (Verweis, Link zu externer URL). Handbuch Typo3 für Redakteure 18
Über den Reiter Zugriff können Sie festlegen, ob die Seite sofort sichtbar oder in einem bestimmten Zeitabschnitt veröffentlicht werden soll. Über die Zugriffsrechte können Sie auch festlegen, dass nur angemeldete User diese Seite sehen. Haben Sie die Bearbeitung abgeschlossen, drücken Sie auf das Icon sichern und die neue Seite erscheint im Seitenbaum. Handbuch Typo3 für Redakteure 19
9. Anhang Überblick Seitensymbole Handbuch Typo3 für Redakteure 20
Überblick Bearbeitungssymbole Handbuch Typo3 für Redakteure 21
Kontakt: PIC Crossmedia GmbH Heinrich-Hertz-Strasse 9 40699 Erkrath 02173-6999081-9 Hellinger 02173-6999081-3 Engeldinger Fragen, Fehler, Änderungswünsche bitte per E-Mail an: support@pic-crossmedia.de Handbuch Typo3 für Redakteure 22