TYPO3-Benutzerhandbuch



Ähnliche Dokumente
TYPO3-Benutzerhandbuch

TYPO3-Benutzerhandbuch

Einführung in das redaktionelle Arbeiten mit Typo3 Schulung am 15. und

Ablauf. Redaktions-Schulung. Schulungs Unterlagen. Typo3

Aufklappelemente anlegen

2.1 Grundlagen: Anmelden am TYPO3-Backend

6 Das Kopieren eines bereits bestehenden Inhaltselements

TYPO3 Redaktoren-Handbuch

TYPO3 4.3 für Webautoren

Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken.

Photoalben anlegen und verwalten.

TYPO3-Kurzreferenz für Redakteure

Argelander Institut für Astronomie. Persönliche Website

Anlegen von Serviceboxen

Version Pädagogische Hochschule Freiburg, Peter Huppertz

TYPO3-Blockseminar. am 23. und 30. September Sibylle Nägle, Tanja Bode. TYPO3 Blockseminar, Seite 1

Fremdsprachen bearbeiten

Dateien hochladen und einfügen

LuVHS. Version: ARONET GmbH Alle Rechte vorbehalten.

TYPO3 Einführung für Redakteure. Astrid Tessmer

Contao für Redakteure

Redaktions-Schulung. Redaktionssystem der Kunstuniversität Linz 12. Oktober Daniel Hoschek & Ralph Zimmermann

Anleitung: Ändern von Seiteninhalten und anlegen eines News Beitrags auf der Homepage des DAV Zorneding

Die Dateiablage Der Weg zur Dateiablage

Veranstaltungen anlegen und bearbeiten

TYPO3-Schulung für Redakteure Stand:

Webseite innerhalb der TYPO3-Oberfläche anzeigen. Datei Verzeichnisbaum und Dateien anzeigen und bearbeiten

Webseite innerhalb der TYPO3-Oberfläche anzeigen. Newsletter-Adressen verwalten. Datei Verzeichnisbaum und Dateien anzeigen und bearbeiten

Typo3 Tutorial Bildarchiv

Nachrichten (News) anlegen und bearbeiten

Datenaustausch mit dem BVK Data Room

TYPO3-Blockseminar. am 23. und 30. September Sibylle Nägle, Tanja Bode. TYPO3 Blockseminar, Seite 1

Lehrende der KPH Wien/Krems können unter ihren eigenen Bereich (Webspace) selbst verwalten.

RÖK Typo3 Dokumentation

Anleitung zum Anlegen und Bearbeiten einer News in TYPO3 für

Anleitungen zum Publizieren Ihrer Homepage

Einführung in TYPO3. Patrick Flügel Rechenzentrum Universität Passau. 14. August 2014

Anleitung zum Login. über die Mediteam- Homepage und zur Pflege von Praxisnachrichten

Anleitung für TYPO Bevor Sie beginnen Newsletter anlegen Inhalt platzieren und bearbeiten Neuen Inhalt anlegen...

Modul Bildergalerie Informationen zum Bearbeiten des CMS-Systems für den SV Oberteisendorf

Ablauf. Festigung des Gelernten Login und Struktur. Umgang mit Plugins: Ändern persönl. Einstellungen. Fachgebietslogo einfügen Anlegen neuer Seiten

Inhaltsverzeichnis. 1. Einführung 2. Login 3. Persöhnliche Daten 4. Meine Webseite 5. Navigation 6. Backups

TYPO3-Zusatzkurs für

Typo3 Tutorial Dateilistenmanagement

S TAND N OVEMBE R 2012 HANDBUCH DUDLE.ELK-WUE.DE T E R M I N A B S P R A C H E N I N D E R L A N D E S K I R C H E

Anleitung TYPO3 Version 4.0

Kurz FAQ - Typo3. Login zum Editieren

Dokumentation Typo3. tt - news - Nachrichtenmodul

Anleitung für den Zugriff auf Mitgliederdateien der AG-KiM

Datenaustausch mit dem BVK Data Room

Tutorial: Wie kann ich Dokumente verwalten?

Content Management System (CMS) Manual

Was ist neu bei Typo3 mit Version 6.2

Die Anmeldung. Die richtigen Browser-Einstellungen. Microsoft Explorer 5.x, 6.x

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Dokumentation_Internetseiten_für_Schornsteinfeger

TYPO3- Benutzerhandbuch

Anleitung für die Registrierung und das Einstellen von Angeboten

1. Login und Logout S Sitzung starten S Sitzung beenden S Passwort vergessen S Navigation, Downloads und Uploads S.

Beispiel Shop-Eintrag Ladenlokal & Online-Shop im Verzeichnis 1

Benutzerverwaltung mit Zugriffsrechteverwaltung (optional)

Die Formatierungsregeln (die so genannte Wiki-Syntax) für Texte in DokuWiki sind zu großen Teilen die selben, wie in anderen Wiki-Systemen.

Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage

Kleines Handbuch zur Fotogalerie der Pixel AG

Anleitungen TYPO 3 Eingaben tätigen

Einstellungen im Internet-Explorer (IE) (Stand 11/2013) für die Arbeit mit IOS2000 und DIALOG

Anleitung für das Content Management System

Start Sie benötigen eine TYPO3 Umgebung mit eigenen Zugangsdaten und etwas Zeit zum kreativen Schaffen.

Einfache Datenpflege mit typo3

Schulung für den Webauftritt Neues Gymnasium Feuerbach mit Typo3

Schulung ISUP-Webseite in Karlsruhe

Leitfaden für die Veränderung von Texten auf der Metrik- Seite

DER WEG ZUR VISITENKARTE IHRES VEREINS AUF

TeamSpeak3 Einrichten

1. Anmeldung in das Content Management System WEBMIN CMS

5 Zweisprachige Seiten

Umstellung News-System auf cms.sn.schule.de

Anleitung für den Euroweb-Newsletter

Folgende Fremdsprachen stehen für die Übersetzung zur Verfügung:

Anmeldung bei einem registrierten Konto (Account)

FTP-Server einrichten mit automatischem Datenupload für

Übersicht... 2 Dateiupload... 3 Administratorfunktionen... 4

Bedienungsanleitung. Matthias Haasler. Version 0.4. für die Arbeit mit der Gemeinde-Homepage der Paulus-Kirchengemeinde Tempelhof

Migration von statischen HTML Seiten

Anleitungen zum Einfügen eines Partnerlinks in Ihre Website

Workshop der VkIB Herzogsägmühle,

Persönliche Daten bearbeiten

ClubWebMan Veranstaltungskalender

TYPO3 Einführung für Redakteure

Persönliche Daten bearbeiten

Das Content Management System Typo3: eine kurze Redakteurseinführung V 1.0

Schritt für Schritt durch Stiftungen online :

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Anleitung Typo3 LVBI

Kurzanleitung Drupal. 1. Anmeldung

- Frontend

Selly WEBSITE. Seite 1 von 6, Version :26:00

Inhalt. meliarts. 1. Allgemeine Informationen Administration Aufruf Das Kontextmenü Vorlagen...

TYPO3 Schritt für Schritt - Einführung für Redakteure

Einleitung: Frontend Backend

Transkript:

TYPO3-Benutzerhandbuch Bedienung der Website durch den Redakteur Seite 1 von 27

Inhalt Seite 1 Einführung...4 1.1 Was ist TYPO3?...4 1.2 Was ist ein Content-Management-System?...4 1.3 Welche Vorteile bietet das?...4 2 Zugang...5 2.1 Bearbeitung im Web-Browser...5 2.2 Frontend...5 2.3 Backend...5 2.4 Login zum Editieren...6 3 Die Benutzungsoberfläche...7 3.1 Überblick...7 3.1.1 Modulbereiche in TYPO3...9 3.1.2 Modulbereich Web...9 3.1.3 Modulbereich Datei...9 3.1.4 Modulbereich Benutzer (Einstellungsmodul)...9 3.1.5 Modulbereich Hilfe...10 3.1.6 Modulbereich Toolbox...10 3.2 Navigationsansicht...11 3.2.1 Seitenbaum...11 3.2.2 Kontextmenü...12 3.3 Detailansicht...12 3.3.1 Ihre zentrale Arbeitsfläche...12 3.3.2 Beispiel 1: Modul Seite...13 3.3.3 Beispiel 2: Modul Anzeigen...14 4 Schritt für Schritt...16 4.1 Neue Seiten anlegen...16 4.1.1 Eine neue Web-Seite in 5 Schritten...16 4.1.2 Seitentypen...17 4.2 Inhalte erstellen...18 4.2.1 Ein neuer Inhalt in 3 Schritten...18 4.2.2 Inhaltstypen...18 4.3 Inhalte editieren...19 4.3.1 Editier-Möglichkeiten...19 4.3.2 Frontend-Editing...19 4.3.3 Rich Text Editor (RTE)...20 4.3.4 Seiten und Inhalte übersetzen...21 4.3.5 Seiten und Inhalte übersetzen...21 Seite 2 von 27

4.4 Seiten und Inhalte löschen / verstecken...23 Bilder einbinden...25 4.5 Dateien und Links einbinden...26 4.6 Vorschau auf die Seite...26 5 Bilder und Dateien...27 5.1 Bildbearbeitung...27 5.2 Bilder- und Datei-Upload...27 6 News erstellen... Fehler! Textmarke nicht definiert. 6.1 3 Schritte zu einem neuen News EintragFehler! Textmarke nicht definiert. 6.2 Verwalten von News-Beiträgen... Fehler! Textmarke nicht definiert. 7 Veranstaltungen erstellen... Fehler! Textmarke nicht definiert. 7.1 3 Schritte zu einem neuen Veranstaltungs -EintragFehler! Textmarke nicht definiert. Seite 3 von 27

1 Einführung 1.1 Was ist TYPO3? TYPO3 ist ein freies Open Source Content-Management-System für Internetund Intranetauftritte. TYPO3 wird seit 1997 von dem Dänen Kasper Skårhøj mit der Hilfe und Anregung von Usern entwickelt. 1.2 Was ist ein Content-Management-System? Content-Management-Systeme trennen Inhalt, Struktur und Layout von Dokumenten und integrieren die Bearbeitung und Pflege von Dokumenten in einen definierten Arbeitsablauf). Das hat für die Redakteure den Vorteil, dass sie sich ganz auf die Pflege und Aktualisierung von Texten konzentrieren können, ohne sich um das Layout, die Einbindung ihrer Seite oder andere technische Aspekte kümmern zu müssen. 1.3 Welche Vorteile bietet das? Die Inhalte (Texte, Bilder, Dateien zum Downloaden, Tabellen, Statistiken usw.) der Web-Site können jetzt von den inhaltlich zuständigen Personen der jeweiligen Departments und Einrichtungen über einen Web-Browser selbständig erstellt und gepflegt werden und zwar ohne besonderes technisches Know-how. Das Web Content-Management-System TYPO3 ist sehr einfach zu erlernen, man braucht keine Vorkenntnisse in HTML oder Java Script. Die Vorteile liegen auf der Hand: Für Redakteure wird das Anlegen neuer Inhalte und die Aktualisierung bestehender Inhalte erleichtert, für Web-Site- Besucher erhöht sich das Surfvergnügen durch hoffentlich mehr und aktuelle Inhalte, die außerdem noch leichter zu finden sind. Seite 4 von 27

2 Zugang 2.1 Bearbeitung im Web-Browser TYPO3 ist ein Online-Redaktionssystem und verwendet als Client nur einen üblichen Web-Browser. Sie können jederzeit von jedem Ort mit Internet- Zugang Veränderungen an Ihrer Web-Site vornehmen. 2.2 Frontend Unter "Frontend" ("vordere Seite") werden, die dem Besucher der Website präsentierten Seiten verstanden. Der Zugriff kann mit jedem beliebigen Web- Browser erfolgen. Im Allgemeinen ist auch kein Login notwendig (nur bei passwort-geschützten Web-Pages). Der Zugriff auf die Web-Pages erfolgt im Allgemeinen über einen URL der Form http://www.domain.cc 2.3 Backend Das so genannte Backend von TYPO3 ("hintere Seite") ist das Content- Management-System, mit dem die Web-Pages erstellt und editiert werden. Der Zugriff ist nur für berechtigte Personen, die so genannten Web-Autoren oder Redakteure möglich (Login, siehe Abschnitt 2.4). Sie brauchen dafür einen Benutzernamen und ein Passwort mit einer entsprechenden TYPO3- Berechtigung. Der Zugriff kann mit allen gängigen neueren Web-Browsern erfolgen. Cookies und JavaScript müssen eingeschaltet sein. Der Zugriff auf das Backend erfolgt im Allgemeinen über einen URL der Form http://www.domain.cc.at/typo3 Seite 5 von 27

2.4 Login zum Editieren Wenn Sie diese Backend-Adresse in Ihrem Web-Browser eingeben, erscheint eine Seite mit folgendem Dialogfeld: Geben Sie bitte Benutzername und Passwort ein und klicken Sie Anmelden. Bei erfolgreichem Anmelden im Backend erscheint Ihre persönliche Benutzeroberfläche (siehe Kapitel 3). Seite 6 von 27

3 Die Benutzungsoberfläche Das Interface und dessen Optionen werden entsprechend der funktionellen Aufgaben pro Redakteurs-Gruppe vom Administrator definiert. In Folge sind die Funktionen und das Interface der inhaltlichen Redakteurs-Gruppe abgebildet. 3.1 Überblick Nach dem Einloggen finden Sie eine Übersicht und eine kurze Beschreibung der vorhandenen Module. Klicken Sie auf das Modul Web - Seite und in der Navigationsleiste auf die Basisseite Ihres Arbeitsbereichs: Seite 7 von 27

Die Arbeitsoberfläche von TYPO3 ist in Hauptbereiche unterteilt. 1 - Modulleiste (links): In der Modulleiste können Sie Ihr gewünschtes Arbeitsmodul auswählen: Was wollen Sie tun? 2 - Navigationsansicht (Mitte): In der Navigationsansicht wird die komplette Seitenstruktur baumartig visualisiert. In gewohnter Art und Weise können Sie durch die einzelnen Web-Seiten und Strukturen navigieren: Welche Web-Seite oder Datei wollen Sie bearbeiten? 3 - Detailansicht (rechts): Die Detailansicht (auch Datenansicht) stellt die eigentliche Arbeitsfläche für den Nutzer dar. In diesem Bereich werden die Details zu den in der Navigationsansicht ausgewählten Elementen angezeigt. Hier wird gearbeitet! Auf dieser Oberfläche ist immer verfügbar: 4 - Logout-Button: zum Beenden einer Arbeitssitzung melden Sie sich mit dem Logout-Button ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an diese Stelle zurück. Weiters: Seite 8 von 27

Benutzer: Es wird immer der aktuell angemeldete Benutzer angezeigt. Seiten ID bearbeiten: Über das Feld haben Sie die Möglichkeit, schnell eine gewünschte Seite zur Bearbeitung aufzurufen. 3.1.1 Modulbereiche in TYPO3 TYPO3 beinhaltet verschiedene Module zur Verwaltung und Bearbeitung Ihrer Web-Site. Folgende Modulbereiche stehen Ihnen als Redakteur zur Verfügung: Web, Datei Benutzer Hilfe Toolbox 3.1.2 Modulbereich Web Der Modulbereich Web wird für Sie als Redakteur der am häufigsten verwendete sein. Hier finden Sie die wichtigsten Module zur Pflege der Inhalte. Seite: Sie können Seiten anlegen, Inhaltselemente eingeben und bearbeiten. Anzeigen: Aufruf einer Seiten-Vorschau in der rechten Detail-Ansicht. In dieser Vorschau können Inhalte direkt editiert werden. Liste: Hier wird die Ansicht der Seite geordnet nach Elementen auf der Info:.!!!!!!!!!!!!! 3.1.3 Modulbereich Datei Der Modulbereich Datei liefert Ihnen eine Übersicht über die von Ihnen verwendeten Ressourcen. Hier können Sie Ihre Dateien wie z.b. Bilder hochladen und organisieren. Dateiliste: Zeigt die auf dem Server geladenen Dateien (einschließlich der Bilder) an und erlaubt Ihnen, weitere Dateien hochzuladen. 3.1.4 Modulbereich Benutzer (Einstellungsmodul) Seite 9 von 27

Aufgaben:!!!!!!!! Einstellungen: Hier können Sie Einstellungen an der Ansicht Ihrer Benutzungs- Oberfläche vornehmen (z.b. Sprache, Bildschirmaufbau) sowie Sicherheitseinstellungen Ihres Accounts (z.b. Passwort ändern). 3.1.5 Modulbereich Hilfe Der Modulbereich Hilfe beinhaltet eine Sammlung nützlicher Tipps und kleiner Beispiele sowie Informationen über TYPO3. Über Module: Ein Überblick über alle für diese Seite vorhandenen Module mit kurzer Erklärung. Über TYPO3: Allgemeine Informationen zu TYPO3, Versionsinformationen und Lizenzbedingungen. Handbuch [R] Lokales TYPO3-Handbuch 3.1.6 Modulbereich Toolbox!!!!!!!!! Seite 10 von 27

3.2 Navigationsansicht 3.2.1 Seitenbaum Die Navigationsansicht steht Ihnen für alle Module des Modulbereichs Web (Seite, Anzeigen, Liste) zur Verfügung. Sie stellt die Struktur Ihrer Web-Site baumartig dar. Jeder Benutzer sieht hier nur den Seitenbaum, für die er eine Zugriffsberechtigung hat. Dies ist Ihr Arbeitsbereich. Auf diese Seiten und Inhalte haben Sie vollen Zugriff zur Bearbeitung. Eventuell sehen Sie auch noch einen oder mehre andere Bereiche oder die gesamte Web-Seite, auf die Sie nur Lese-Zugriff haben. Hier können Sie sich alle Inhalte anzeigen lassen und auch in Ihren eigenen Bereich kopieren, jedoch nicht verändern oder löschen. Einzelne Ebenen können Sie einblenden oder ausblenden und nach Änderungen der Seitenstruktur die Ansicht erneuern Seite 11 von 27

3.2.2 Kontextmenü In der Navigationsansicht ist ein Kontextmenü mit vielen nützlichen Befehlen verfügbar. Dieses wird durch einen Klick mit der linken Maustaste auf das jeweilige Symbol vor dem Text aufgerufen (nicht wie meist üblich mit der rechten Maustaste, denn die rechte Maustaste zeigt das Kontextmenü des Web-Browsers an): 3.3 Detailansicht 3.3.1 Ihre zentrale Arbeitsfläche Die Detailansicht ist die zentrale Arbeitsoberfläche. Hier werden die einzelnen Bestandteile des von Ihnen ausgewählten Elementes angezeigt. Die Bearbeitungsoptionen (und damit auch die Art der Darstellung in der Detailansicht) sind abhängig von dem jeweiligen Modul, mit dem Sie gerade arbeiten. Die Detailansicht bietet Ihnen ebenfalls die für die einzelnen Objekte spezifischen Kontextmenüs an. Als Beispiele werden zwei Detailansichten dargestellt, mit denen Sie als Redakteur meist arbeiten werden. Seite 12 von 27

3.3.2 Beispiel 1: Modul Seite Wählen Sie im Modulbereich Web das Modul Seite (1) und klicken Sie dann in der Navigationsansicht auf eine Seite Ihres Arbeitsbereichs (2): Seite 13 von 27

Sie erhalten nun die Detailansicht für das Modul Seite der ausgewählten Seite Ihres Arbeitsbereichs: Im Kopf der Detailansicht finden Sie in der Regel den Pfad für das geöffnete Element und Icons zur weiteren Bearbeitung. Da Sie das Modul Seite gewählt haben, werden die Inhaltselemente Ihrer Seite und Bearbeitungsmöglichkeiten zum Ändern, Löschen und Erstellen neuer Inhaltselemente angezeigt. Tipp: Alle Icons (Bildschaltflächen) zur Bearbeitung Ihrer Seiten und Inhalte sind mit einer sensitiven Hilfe versehen. Das heißt, wenn Sie mit dem Mauszeiger über die Icons fahren, wird Ihnen deren Funktion angezeigt! 3.3.3 Beispiel 2: Modul Anzeigen Wählen Sie im Modulbereich Web das Modul Anzeigen und klicken Sie dann wie in Beispiel 1 (siehe Abschnitt 3.3.2) in der Navigationsansicht eine Seite Seite 14 von 27

Ihres Arbeitsbereichs. Sie erhalten nun die Detailansicht für das Modul Anzeigen der Seite Ihres Arbeitsbereichs: Das Modul Anzeigen zeigt in der Detailansicht eine Vorschau auf Ihre Seite. In dieser Vorschau befindet sich neben den einzelnen Inhaltselementen ein Stiftsymbol. Durch Anklicken des Stiftsymbols können Sie Ihre Inhalte direkt bearbeiten (Frontend-Editing, siehe Abschnitt 4.3.2). Seite 15 von 27

4 Schritt für Schritt einfache "Kochrezepte" für die wichtigsten Fälle 4.1 Neue Seiten anlegen 4.1.1 Eine neue Web-Seite in 5 Schritten Die Grundstruktur Ihrer Arbeitsbereichsseite ist bereits in TYPO3 angelegt. Sie fügen also an einer beliebigen Stelle Ihres Seitenbaums eine neue Unterseite ein. Schritt 1: Klicken Sie mit der linken Maustaste in der Navigationsansicht auf die Seite, unter der Sie eine neue Seite anlegen wollen. Wählen Sie im Kontextmenü Neu: In der Detailansicht erscheint nun die Übersicht Neuer Datensatz: Schritt 2: Wählen Sie den Punkt zum Aufruf des Assistenten Schritt 3: Wählen Sie nun eine Position für Ihre neue Seite: Seite 16 von 27

Schritt 4: Mit dem Häkchen Seite verstecken, können Sie die Sichtbarkeit im Frontend definieren. Wählen Sie einen Seitentyp (siehe Kap. 4.1.2) für Ihre neue Seite. Fügen Sie einen Seitentitel hinzu. Seitentitel = Navigationstitel Schritt 5: Klicken Sie dann auf speichern. Fertig! Ihre neue Seite ist angelegt. 4.1.2 Seitentypen Neben Standard stehen Ihnen auch andere Seitentypen zur Verfügung: - Erweitert: entspricht dem Typ Standard, es werden jedoch zusätzliche Felder angeboten - Externe URL: ein Verweis auf eine andere Seite im WWW - Nicht in Menü: Seite wird nicht in der Website-Navigation angezeigt (ist für die Öffentlichkeit unsichtbar). - Shortcut: Verweist beim Aufruf auf eine andere Seite. Wird besonders bei so genannten Knotenseiten verwendet (z.b. Punkt in der ersten Navigationsebene verweist gleich auf die erste Seite der 2. Ebene). Seite 17 von 27

4.2 Inhalte erstellen TIPP: Verwenden Sie nicht nur einen formatierten Textblock für die ganze Seite, sondern legen Sie für jeden Abschnitt (logisch für sich stehenden Teil) der Seite ein einzelnes Inhaltselement an. Dies macht es Ihnen leichter, die Seite später um weitere Informationen zu ergänzen, die Reihenfolge der Informationen zu verändern oder einzelne Inhalte vorübergehend auf der Website unsichtbar zu machen. 4.2.1 Ein neuer Inhalt in 3 Schritten Einzelne Seiten bestehen aus den Seitenangaben (siehe Schritt 4 in der Anleitung "Eine neue Web-Seite in 5 Schritten" in Abschnitt 4.1.1) und Inhaltselementen. Inhalte sind in Inhaltselemente zerlegt. Unten sehen Sie ein Beispiel, wie in einer Mitarbeiterseite eines Arbeitsbereiches die Angaben zu jedem Mitarbeiter in einem eigenen Inhaltselement angelegt sind. Für die Inhaltselemente stehen verschiedene Inhaltstypen zur Verfügung (siehe unten in Abschnitt 4.2.2). Zu jedem Inhaltstyp stellt Ihnen TYPO3 eine eigene Eingabemaske in der Detailansicht mit Feldern für die erforderlichen Angaben zur Verfügung. Schritt 1: Schritt 2: Schritt 3: Seitentitel bearbeiten Angaben überprüfen und ergänzen. Neuer Inhalt neue Inhaltselemente anlegen. (vorhandene) Inhalte in Rich Text Editor bearbeiten. 4.2.2 Inhaltstypen Die wichtigsten Inhaltstypen sind: Normaler Text Seite 18 von 27

Text mit darunter oder daneben liegendem Bild Aufzählung Dateiverweise Sitemap Mailformular 4.3 Inhalte editieren 4.3.1 Editier-Möglichkeiten Wie für (fast) alle Aufgaben, stellt TYPO3 auch zum Editieren von Inhalten nicht nur eine, sondern verschiedene Möglichkeiten zur Verfügung: Schaltflächen (selbsterklärend), Stift-Icon und als wichtigste und einfachstes Instrumente das so genannte Frontend-Editing und den Rich Text Editor (RTE). 4.3.2 Frontend-Editing Wenn Sie als Redakteur eingeloggt sind und Ihre Inhalte in der Vorschau oder im Modul Anzeigen betrachten, befinden sich neben den einzelnen Inhaltselementen Stiftsymbole (siehe Abschnitt Fehler! Verweisquelle konnte nicht gefunden werden. Fehler! Verweisquelle konnte nicht gefunden werden. und Beispiel 2: Modul Anzeigen in Abschnitt 3.3.3). Durch Anklicken eines Stiftsymbols können Sie Ihre Inhalte direkt bearbeiten: Seite 19 von 27

4.3.3 Rich Text Editor (RTE) Für die Inhaltstypen Text und Text mit Bild steht Ihnen in TYPO3 der so genannte Rich Text Editor (RTE) zur Verfügung. Dies ist ein Word-ähnlicher Editor, der ein einfaches und intuitives Arbeiten am Bildschirm ermöglicht. Mit Hilfe des RTE können Sie Ihre Texte formatieren und Tabellen oder Links einfügen. Die Icons des RTE sind mit einer sensitiven Hilfe versehen. Das heißt, wenn Sie mit dem Mauszeiger über die Icons fahren, wird Ihnen deren Funktion angezeigt! Tipp: Beim Kopieren aus Programmen wie MS Word empfiehlt es sich, die Funktion Formatierung entfernen anzuwenden: Es öffnet sich hier ein Dialog, bei den Sie MS Word- oder HTML- Formatierungen löschen können. Dies verhindert, dass der RTE mit nicht kompatiblen Formatierungen das Ergebnis unzufriedenstellend wiedergibt. Seite 20 von 27

4.3.4 Seiten und Inhalte übersetzen Die Standard-Sprache der TU WIEN Website ist Deutsch. Sie können jedoch auf einfache Weise die Seiten und Seiteninhalte ins Englische übertragen. Übersetzung der Seite (der Container für Inhalte) Im oberen Bereich der Detailansicht (Web / Seite) befindet sich das Auswahlfeld: Neue Übersetzung dieser Seite anlegen: Hier die gewünschte Seitensprache aus der Liste auswählen. Die Anzeige verändert sich nun: Neuen Seitentitel (in EN) eingeben. Abschließend speichern. Dieser Seitentitel wird später auch im Menü der Alternativsprache angezeigt. Die Seite also der Container für Inhalte - ist nun übersetzt, Sie haben nun den Inhaltsbereich in beiden Sprachen zur Verfügung (in unserem Beispiel Standard-NL und FR) 4.3.5 Seiten und Inhalte übersetzen Die Standard-Sprache Ihrer Website ist Englisch. Wenn für Ihre Website Alternativsprachen vorgesehen sind, können Sie einfach Seiten und Seiteninhalte (also einzene Texte) übersetzen. Übersetzung der Seite (der Container für Inhalte) Seite 21 von 27

Im oberen Bereich der Detailansicht (Web / Seite) befindet sich das Auswahlfeld: Neue Übersetzung dieser Seite anlegen: Hier die gewünschte Seitensprache aus der Liste auswählen. Die Anzeige verändert sich nun: Neuen Seitentitel (in Landessprache) eingeben. Abschließend speichern. Dieser Seitentitel wird später auch im Menü der Alternativsprache angezeigt. Die Seite also der Container für Inhalte - ist nun übersetzt, Sie haben nun den Inhaltsbereich in beiden Sprachen zur Verfügung. Seiteninhalte übersetzen: Noch einfacher ist das Übersetzen von Inhalten (Content). Wir sehen (im linken Bereich des Bildes) einen Text, der übersetzt werden soll: Seite 22 von 27

Als zweiten Schritt auf die Schaltfläche Standard-Inhalte kopieren [1] klicken. Nun wird der Originaltext der deutschen Sprache in den englischen Bereich kopiert: Nun kann der Übersetzter den als zu übersetzen gekennzeichneten Text übersetzen und bearbeiten. 4.4 Seiten und Inhalte löschen / verstecken Tipp: Wenn Sie ein Inhaltselement oder eine Seite nicht für immer löschen, sondern nur vorübergehend unsichtbar machen wollen, verwenden Sie stattdessen die Möglichkeit, Elemente zu verstecken und somit unsichtbar auf der Website zu machen. Inhaltselement verstecken: Zum Löschen von Inhaltselementen steht Ihnen das Icon Mistkübel zur Verfügung. Analog können Sie im Kontext Menü einer Seite auch die gesamte Seite löschen. Wenn Sie eine Seite mit Unterseiten löschen wollen, müssen Sie Seite 23 von 27

zuerst alle Unterseiten löschen oder an eine andere Stelle verschieben und können erst dann die Seite, die keine Unterseiten mehr besitzt, löschen Seite 24 von 27

Bilder einbinden Wenn das Bild neben oder über oder unter dem Text erscheinen soll, gehen Sie so vor: Sie wählen als Inhaltstyp Text m/bild (siehe Abschnitt 4.2.2). Sie wählen das gewünschte Bild (oder mehrere Bilder) über das Ordner-Symbol (Auswählen) aus (Schritt 1). Sie geben die Position des Bildes an (Schritt 2). Wichtig: Wenn es mehrere Bilder sind, geben Sie mit der Spaltenzahl an, wie die Bilder neben- oder untereinander erscheinen sollen. Wenn es nur ein Bild ist, können Sie optional die Breite, Höhe, ein Sprungziel (Verweis) oder einen Bildtext angeben. Schritt 1 Schritt 2 Seite 25 von 27

4.5 Dateien und Links einbinden Um Dateien in Ihre Inhalte einzubinden, wählen Sie im Rich Text Editor (RTE) das Symbol Link einfügen. Wählen Sie nun Ihre Datei aus Ihrem Dateiordner aus bzw. setzen Sie einen internen Link auf eine andere Seite innerhalb des TYPO3-Systems oder geben Sie eine externe URL (Internet- Adresse) oder E-Mail-Adresse an. Dieses Popup-Fenster öffnet sich beim Setzen eines Links: 4.6 Vorschau auf die Seite Sie können jederzeit Ihre Arbeit kontrollieren, indem Sie sich die Ergebnisse in der Vorschau anzeigen lassen. Dazu gibt es das Icon Lupe: Vorschau - öffnet sich in neuem Fenster Speichern und Vorschau - speichert Ihre Änderungen und zeigt dann die Vorschau. HINWEIS: Wenn Sie einen Popup-Blocker in Ihrem Web-Browser aktiviert haben, dann funktionieren die Buttons "Speichern und Vorschau" und "Speichern und Schließen" nicht, sondern Sie müssen stattdessen zuerst den Button "Speichern", dann den Button "Schließen" und dann den Button "Vorschau" anklicken. Seite 26 von 27

5 Bilder und Dateien 5.1 Bildbearbeitung Zur Bearbeitung von Bildern und sonstigen Dateien, wie z.b. PDF: verwenden Sie bitte Ihre gewohnten (Bildbearbeitungs-) Programme. Bilder und andere Dateien laden Sie dann über das Modul Datei - Dateiliste auf den TYPO3-Server (siehe unten). Zur Einbindung von Bildern in Inhaltselemente wählen Sie den Inhaltstyp Text mit Bild oder Bilder und wählen dann mit dem Symbol (Auswählen) das in die Dateiliste hochgeladene Bild aus. Für das Anbieten von Dateien zum Download erzeugen Sie einen entsprechenden Link im Rich Text Editor (siehe die Kapitel Schritt für Schritt und Rich Text Editor ). 5.2 Bilder- und Datei-Upload Alle Dateien (z.b. Bilder, PDF-Dateien), die Sie auf Ihren Seiten einbinden möchten, laden Sie im Modulbereich Datei im Modul Dateiliste auf den Server (Dateiliste Ihr Dateiordner linke Maustaste Kontextmenü Datei-Upload): Dieser Dialog folgt: Hier hochgeladene Dateien können Sie immer wieder verwenden und auch mehrfach in verschiedene Seiten einbinden (ein erneuter Upload ist nicht notwendig).. Seite 27 von 27