Typo3 - Dokumentation Studierende im Praktischen Jahr Einführung in das Content-Management-System Typo3 - Inhaltspflege, Dateiupload... www.davis-creativ-media.de
Seite 2
Seite 3 Einloggen in der Typo3-Umgebung unter: www.studiendekanat-med-uni-bonn.de/typo3/index.php mit Nachname und Passwort
Seite 4 Hauptnavigation Subnavigation Unterpunkte der Hauptnavigation Seiteninhalt Seitenspalte für Aktuelles Hier finden Sie markiert, welche Bereiche der Website Sie bearbeiten können.
Seite 5 Was ist Typo3? Typo3 ist eines der beliebtesten und am weitest verbreiteten Open Source Content Management Systeme der Welt. Ein Content Management System (CMS) ist eine Software, die hilft, Websites zu erstellen, zu verwalten und alle für das WWW relevanten Publikationsformate zu handhaben. Gewisse Grundmerkmale finden Sie in den meisten Content Management Systemen: Trennung von Content, Struktur und Design Die Teilung der drei Grundbestandteile jeder Website bringt entscheidende Vorteile während des Lebenszyklus einer Website - und sogar darüber hinaus. Zuerst wird das Design erstellt, erweitert oder relauncht, ohne dass anschliessend der Inhalt extrahiert und erneut eingefügt werden müsste - Design und Inhalt arrangieren sich von alleine. Einfache Content-Produktion, keine Programmierkenntnisse notwendig In der grafischen Benutzeroberfläche können Autoren Texte schreiben, Bilder und Multimedia-Daten einfügen, Inhalte zeitlich steuern und noch viel mehr, und so eine dynamische Website aufbauen und pflegen. Open Source bedeutet in diesem Zusammenhang, dass der Programmier-Code, in dem die Software geschrieben wurde, offen gelegt ist und deshalb von Programmierern weltweit stetig weiter entwickelt und ausgebaut wird. Durch diese Beteiligung von zahlreichen Entwicklern weltweit verfügt das Typo 3 CMS über sehr viele frei verfügbare Erweiterungen und Module, die interessierte Unternehmen und Privatpersonen in ihre Anwendungen einbauen können. So gibt es Module für Foren, Gästebücher, Shopsysteme oder Formulare, über die Besucher der Seite Kontakt mit dem Betreiber aufnehmen oder Informationen anfordern können. Ein sehr praktisches Feature des Typo 3 CMS ist die Möglichkeit, eine unbegrenzte Anzahl von Profilen für verschiedene Nutzer anzulegen. Diese können mit unterschiedlichen Berechtigungen versehen werden, damit bestimmt werden kann, welcher Redakteur welche Rubriken und welche Unterseiten verändern und betreuen kann. Mehr Infos unter www.typo3.org
Seite 6 Nach dem erfolgreichen Einloggen wird die Typo3-Umgebung (Backend) sichtbar. In der linken Spalte sehen Sie das Bearbeitungsmenü, mittig den Navigationsbaum der Webseite und rechts den Inhaltsbereich. Um einen Inhalt angezeigt zu bekommen, müssen Sie links Seite anwählen und mittig den gewünschte Menüpunkt.
Seite 7 Um neue Inhalte anzulegen oder bestehende zu bearbeiten, haben Sie verschiedene Möglichkeiten und Menüs. Oben rot markiert werden Ihnen die Optionen dargestellt. Zur Bearbeitung eines Inhaltselementes können Sie auch einfach mittig auf den Text klicken - es öffnet sich dann die Maske zur Bearbeitung des Elements. Neue Seite anlegen Neuen Inhalt erstellen Inhaltselement der Seite verschieben Änderungsverlauf anzeigen Seiteneigenschaften bearbeiten Seite in der Vorschau betrachten Ein weiteres Kontextmenü erhält man, wenn man mit der Maus auf das Symbol vor dem Menüpunkt klickt.
Seite 8 Neue Seiten anlegen Um eine neue Seite (neuen Menüpunkt) anzulegen, klicken Sie im Seitenbaum auf das Symbol und wählt im Kontextmenü Seitenaktionen > NEU aus. Alternativ können Sie auch auf das rot markierte Symbol klicken. Sie erhalten die gleiche Maske. Nun erscheint eine neue Abfrage - hier wählen Sie den Assistenten zur Erstellung der neuen Seite. Der Assistent fragt Sie nun, ob Sie eine neue Seite, einen Seiteninhalt oder sonstiges erstellen möchten. Sie haben die Wahl, einen neue Seite IN zu erstellen oder eine neue Seite NACH! Wenn Sie IN auswählen, erstellen Sie eine Unterseite.
Seite 9 Nun öffnet sich eine Eingabemaske für den neuen Navigationspunkt. Bis auf den Seitentitel müssen Sie hier eigentlich nichts einstellen. Wenn Sie allerdings eine Seite erst komplett fertigstellen möchten und noch nicht ohne Inhalt im Netz haben möchten, haben Sie die Möglichkeit die Seite zu verstecken. Wenn Sie die Seite nicht über die Navigationsleiste aufrufbar machen möchten, z.b. für weiterführende Infos zu einer Veranstaltung oder ähnliches, dann wählen Sie die Einstellung Im Menü verstecken.
Seite 10 Neuen Seiteninhalt anlegen Nun haben Sie eine neue Seite erstellt. Bisher gibt es auf der Seite noch keinen Inhalt. Um hier ein Inhaltselement zu hinterlegen, klicken Sie auf den Button Seiteninhalt erstellen oder oben auf das rot markierte Symbol.
Seite 11 In der nächsten Maske werden Sie gefragt, welchen Seitentyp Sie erstellen möchten. Für textliche Beiträge ist Text mit Bild zu empfehlen. Hier haben Sie auch die Option ein Bild einzufügen. Im nächsten Schritt können Sie dann ganz einfach die Positionierung der neuen Seite wählen. Sollte auf der Seite noch kein Inhalt verfügbar sein, wird der Inhalt einfach platziert. Bitte platzieren Sie den Inhalt immer nur in der Spalte NORMAL.
Seite 12 Mittels der Reiter kann man von Überschrift, über Texteingabe und bis hin zur Einstellung der Bilder wechseln. Nun öffnet sich die Eingabemaske und Sie haben oben die Möglichkeit zwischen den Reitern zu wechseln. Im ersten Bereich wird die Überschrift des Inhalts festgelegt, im zweiten Bereich der Text mit den Verlinkungen und Auszeichnungen und im letzten die Bilder hochgeladen und verknüpft. Unter dem Reiter Text finden Sie einen Editor in welchem man Textelemente bearbeiten kann (ähnliche Funktionalitäten wie WORD). Änderungen in einem Inhaltselement müssen immer gespeichert werden, bevor man sich eine andere Seite anschaut o.ä., da sonst alle Änderungen verloren gehen!
Seite 13 Mittels des Texteditors können Seiten, Dateien etc. verlinkt werden - hier wird die Symbolik gängiger Editoren verwendet Hierbei ist unbedingt darauf zu achten, dass Verlinkungen die von der Seite wegführen (externe Webseiten) sowie Dokumente in einem neuen Fenster geöffnet werden! Ziel > neues Fenster Verlinkungen, die auf der Seite bleiben (Ein Link von Downloads zu Kontakt) werden im gleichen Fenster geöffnet: Ziel > oben
Seite 14 1 2 3 4 5 6 7 Zur Bearbeitung und Einpfleg der Bilder gibt es einen separaten Reiter (MEDIEN). Hier können die Bilder aus der Dateiliste (Erläuterung hierzu folgt den nächsten Seiten) geladen werden und die Positionierung, Größe etc. bestimmt werden. Bild-ALT-Texte etc. werden im unteren Bereich eingegeben. Wichtig sind folgende Felder (durchnummiert von 1-7) 1. Datei laden 2. Positionierung des Bildes im Text 3. Spalten - wenn man mehrere Bilder hat, bietet es sich an zwei oder drei Spalten anzuwählen 4. Rahmen um das Bild (Farbe und Stärke sind schon vordefiniert) 5. Bildmaße (Pixelhöhe mittels Breite oder Höhe) Bilder im Text sollten zwischen 150-250 Pixel breite haben. 6. Klick-Vergrößern - auf Mouseklick öffnet sich in einem neuen Fenster eine vergrößerte Darstellung des Fotos 7. Bildunterschrift (wenn Sie mehrere Bilder einfügen: Mittels Enter erstellen Sie eine neue Bildunterschrift)
Seite 15 Daten-Upload Neuer Ordner Mittels des Menüpunktes Dateiliste können die Bilddaten in die jeweiligen Ordner geladen werden und stehen somit dem Einfügen in den Inhaltselementen zur Verfügung. Hier sollte eine klare Strukur eingehalten werden um später die Bilder einfach wiederfinden zu können. Einen neuen Ordner erstellen Sie mit dem Symbol für Neuer Ordner. Hierbei müssen Sie auf die Hierachie achten. Wenn Sie schon in einem Ordner drin sind - wie hier in Bilder - wird der Unterordner auch in Bilder erstellt.
Seite 16 Daten-Upload Mittels des Datei-Uploads können Sie Daten von der Festplatte hochladen. Hier können auch PDF-Daten etc. hochgeladen werden, die später zum Download zur Verfügung gestellt werden sollen.
Seite 17 Cache löschen Cache löschen - auf den Blitz klicken und dann Alle Caches löschen auswählen, dann wird der ganze Speicher der Seite gelöscht.
Seite 18 Seitenspalte - Inhalte einfügen Die Seitenspalte mit den aktuellen Inhalten wird genauso gepflegt wie ein ganz normaler Inhalt. Hier muss zur Darstellung der Inhalte aber immer der Seitencache gelöscht werden. Seitenspalte für Aktuelles
Seite 19
davis creativ media GmbH Bonner Strasse 101 D-53173 Bonn Telefon: +49 (0) 228-36758-55 Telefax: +49 (0) 228-36758-20 Email: a.malzahn@davis-creativ-media.de