TYPO3 4.0 für Webautoren

Transkript

1 Hubert Partl, Tobias Müller-Prothmann Das Einsteigerseminar TYPO3 4.0 für Webautoren 1

2 Dies ist ein Manuskript in einem vereinfachten Layout und einem vereinfachten Umbruch. Das richtige Layout und die richtigen Seitennummern finden Sie in der gedruckten Buchversion (ISBN , BHV / vmi-buch / Redline GmbH, 2006). 2

3 Titelseite... 3

4 4

5 Inhalt Vorwort...13 Einleitung...15 Thema des Buches...15 Zielgruppe und Vorkenntnisse...17 Benötigte Software...17 Umfang und Aufbau...19 Teil I: Lernen Content-Management...23 Was ist TYPO3?...23 Was ist ein Content-Management-System?...23 Welche Vorteile bietet das?...23 Zusammenfassung Zugang...25 Alles im Webbrowser...25 Frontend...25 Backend...25 Login zum Editieren...26 Zusammenfassung Die Benutzeroberfläche...29 Aufbau...29 Modulleiste...30 Seitenbaum

6 6 Arbeitsfläche...33 Zusammenfassung Seiten und Inhalte...37 Eine neue Seite anlegen...37 Inhalte erstellen...41 Seitenüberschrift einfügen...42 Formatierten Text einfügen...45 Die Seite kontrollieren und freigeben...46 Vorschau...47 Sichtbarkeit...47 Seiten und Inhalte löschen...49 Die wichtigsten Icons...49 Seiten...50 Inhaltselemente...50 Seiten und Inhalte bearbeiten...50 Zusammenfassung Der Rich Text Editor...53 Die wichtigsten Icons im RTE...55 Kontextmenüs im RTE...56 Links setzen...57 Tabellen...60 Zusammenfassung Bilder und Dateien...65 Bildbearbeitung...65 Bilder- und Datei-Upload...65 Bilder einbinden...70 Bilder im Rich Text Editor...70 Bilder als eigenes Inhaltselement...73 Dateien zum Download einbinden...75

7 Zusammenfassung Zweisprachige Seiten...77 Die englische Version einer Seite anlegen...78 Englische Inhalte erstellen...79 Englische Übersetzungen erstellen...80 Unabhängige englische Inhalte erstellen...86 Die englische Version freigeben...88 Zusammenfassung...89 Teil II: Üben Übungen zu Kapitel L Übungen zu Kapitel L Übungen zu Kapitel L Übungen zu Kapitel L Übungen zu Kapitel L Übungen zu Kapitel L Übungen zu Kapitel L Weitere Übungen

8 Teil III: Anwenden Tipps aus der Praxis Allgemeine Tipps Spezielle Tipps Zusammenfassung Ihr Webauftritt Besucher Webgerechte Information Barrierefreie Information Zusammenfassung Ihre Webseiten Seitenangaben Seitenaufbau und Inhalt Überschriften Absätze und Zeilenumbruch Textgestaltung Zusammenfassung Seitentypen Standard Erweitert Externer URL Shortcut Nicht im Menü Zusammenfassung Inhaltstypen

9 Überschrift Text Bild Text mit Bild Aufzählung Tabelle Datei-Links Mailformular HTML-Code Zusammenfassung Sichtbarkeit und Ablaufdatum Sichtbarkeit von Seiten Sichtbarkeit von Seiteninhalten Zusammenfassung Tipps zur Arbeitsweise Verschieben und Kopieren Seiten verschieben Inhalte verschieben Seiten kopieren Inhalte kopieren Texte kopieren Versionen und Freigaben Änderungen rückgängig machen Kontrollen und Freigaben Nachträgliche Kontrolle Vorherige Freigabe Versionierung und Workspaces Die TYPO3-Module Welches Modul für welchen Zweck Web / Seite oder Liste Web / Ansicht oder Vorschau

10 10 Benutzer / Einstellungen Hilfe / Über Module Zusammenfassung Die klassische Ansicht TemplaVoila oder klassisch Schaltflächen Auswahlmenü Spalten Sprachen Zusammenfassung Zweck und Ziel Inhalt der Webseiten Was wollen Sie im Web veröffentlichen? Was dürfen Sie im Web veröffentlichen? Frisch geplant ist halb gewonnen! Inhalt und Form Das Internet besteht nicht aus Papier Wie funktioniert dieses logische Markup? Format der Markup-Befehle (HTML-Tags) Multimedia im Web Bilder Die Wirkung auf den Menschen Aufteilung der Informationen Zusammenfassung Internetadressen Informationen über TYPO TYPO3-Startseite TYPO3-Entwicklerseite TYPO3-Dokumentation...219

11 TYPO3-Community TYPO3-Einführung Informationen über Webseiten W3-Konsortium FAQ SELFHTML HTML-Einführung Zusammenfassung Glossar Index

12 12

13 Vorwort TYPO3 ist ein Content-Management-System, mit dem Webautoren ohne spezielle Vorkenntnisse sehr einfach, rasch, bequem und leicht verständlich Webseiten erstellen können, die schön und übersichtlich und gut zu gebrauchen sind. Seit einigen Jahren erfreut sich TYPO3 immer größerer Beliebtheit. Wir haben uns bemüht, unser Einsteigerseminar nach denselben Grundsätzen zu schreiben: Es richtet sich an Leser ohne spezielle Vorkenntnisse, soll einfach, bequem und rasch zu lesen, leicht verständlich, schön, übersichtlich und gut zu gebrauchen sein, und wir hoffen, dass es sich auch großer Beliebtheit erfreuen wird. Im Gegensatz zu anderen, dicken, möglichst vollständigen Handbüchern und Referenzen haben wir uns bemüht, dieses Einsteigerseminar kurz und kompakt zu gestalten. Wir wenden uns darin gezielt an die Webautoren, Sachbearbeiter und Redakteure, die TYPO3 für die Veröffentlichung ihrer Texte und Bilder einsetzen wollen, nicht an die Administratoren, die das TYPO3-System am Webserver installieren und konfigurieren sowie die so genannten Templates für das Layout der Webseiten einrichten. Wir verwenden TYPO3 für unsere eigenen Webseiten, und wir halten regelmäßig Schulungen ab für Webautoren, Sachbearbeiter und Redakteure, die ihre Webseiten mit TYPO3 erstellen wollen: Hubert Partl an der Universität für Bodenkultur in Wien, Tobias Müller-Prothmann zuletzt an der Freien Universität in Berlin. Das Einsteigerseminar baut auf unseren praktischen Erfahrungen und auf unseren Schulungsunterlagen auf. Wir haben es in zwei Versionen geschrieben: ISBN für TYPO3 Version 3.x, ISBN für TYPO3 Version 4.x. Hubert Partl und Tobias Müller-Prothmann 13

14 14

15 Einleitung Ich höre und ich vergesse. Ich sehe und ich erinnere mich. Ich tue und ich verstehe. Treffender als mit diesem chinesischen Sprichwort lässt sich das Konzept der Buchreihe Das Einsteigerseminar nicht beschreiben: Learning by doing! Lernen durch Tätigsein? Das klingt im ersten Moment sehr nach Arbeit, und tatsächlich werden Sie wohl nicht umhinkommen, selbst aktiv zu werden, um einen schnellen und dauerhaften Lernerfolg zu erzielen das kann Ihnen auch diese Buchreihe leider nicht völlig abnehmen. Das Einsteigerseminar schafft allerdings die Rahmenbedingungen, um Ihnen diesen Weg so weit wie möglich zu erleichtern und interessant zu gestalten. Lernen Üben Anwenden: der sichere Weg zum Lernerfolg! Thema des Buches Webseiten Webseiten sind (neben ) der populärste und wichtigste Internetdienst. Erfunden wurden die Webseiten Anfang der 90er-Jahre des vorigen Jahrhunderts im Europäischen Kernforschungszentrum in der Schweiz. Damals wurden die ersten Webseiten noch mit der Hand in einfachen, zeilenorientierten Text- Editoren erstellt, also die Texte mit allen HTML-Befehlen in den spitzen Klammern. In den späten 90er-Jahren kamen HTML-Editoren wie HoTMetaL, FrontPage und Dreamweaver heraus, mit denen Webseiten am Bildschirm in ihrem grafischen Layout erstellt wurden. Aber auch da waren es noch immer einzelne HTML-Dateien, die jede für sich angelegt wurden und daher meist sehr 15

16 uneinheitlich bezüglich Layout und Navigation erschienen und wegen des hohen Aufwandes oft auch nicht mehr aktualisiert wurden. CMS Die Lösung dafür kam um die Jahrtausendwende mit den Content-Management- Systemen. Damit können auch große Mengen von Webseiten sehr einfach und bequem erstellt und verwaltet werden. Die Webautoren, Redakteure, Sachbearbeiter und Schreibkräfte in den für die Inhalte zuständigen Fachabteilungen können ihre Informationen einfach und bequem eingeben und brauchen dazu keine HTML-Kenntnisse. Im einfachsten Fall geben sie nur eine Überschrift und einen Text ein, und schon erscheint diese Information automatisch im richtigen und einheitlichen Layout und mit der einheitlichen und vollständigen Navigation. Und sie können ihre Informationen auch jederzeit selbst verbessern und aktualisieren, ohne auf die Hilfe von EDV-Spezialisten angewiesen zu sein. TYPO3 Eines der besonders häufig eingesetzten Content-Management-Systeme ist das Open-Source-Produkt TYPO3. Diese Software ist einerseits sehr mächtig, enthält viele nützliche Funktionen und eignet sich auch für große Unternehmen mit Tausenden Webseiten und Hunderten Benutzern. Andererseits ist die Anwendung durch die Webautoren trotzdem sehr einfach und bequem und überhaupt keine Hexerei. Schon ein paar Stunden Einführung genügen, und Sie können die ersten Webseiten mit TYPO3 erstellen. Wenn Sie dieses Einsteigerseminar durchgehen, werden Sie sehen, dass dies keine Übertreibung ist. 16

17 Zielgruppe und Vorkenntnisse Webautoren Unser Einsteigerseminar richtet sich an Webautoren, Redakteure, Sachbearbeiter und Schreibkräfte, die Webseiten auf einem TYPO3-Webserver anlegen, veröffentlichen und editieren wollen. Sie brauchen dafür keine HTML- Kenntnisse und keine Softwarekenntnisse außer der Bedienung eines einfachen Webbrowsers. Dabei gehen wir davon aus, dass Sie bereits ein funktionierendes TYPO3- System zur Verfügung haben. Sie finden hier also keine Anleitungen für die IT- Spezialisten, die diese Voraussetzungen für Sie geschaffen haben: die Programmierer, die die TYPO3-Software oder so genannte Extensions programmieren, die Systemadministratoren, die die TYPO3-Software auf dem Webserver installieren und konfigurieren, und die Web-Administratoren, die den Server betreiben und die so genannten Templates für das Layout der Webseiten einrichten. Benötigte Software Wenn Sie die in diesem Einsteigerseminar vorgeschlagenen praktischen Übungen durchführen wollen, brauchen Sie die folgende Software: TYPO3 Auf dem Webserver muss ein TYPO3-System installiert sein. Darin muss ein Bereich von Seiten eingerichtet sein, in dem Sie Übungsseiten erstellen, bearbeiten und löschen dürfen. Für Sie müssen ein Benutzername und ein Passwort mit der Berechtigung für diesen Seitenbereich eingerichtet sein. Webbrowser Auf Ihrem Rechner (PC) brauchen Sie dann nur irgendeinen halbwegs modernen Webbrowser. Wenn Sie den so genannten Rich Text Editor verwenden wollen, sollte dies Mozilla, Firefox oder Internet Explorer sein, 17

18 ansonsten kann es auch ein anderer Browser sein, wie z.b. Opera. Und natürlich brauchen Sie eine Internetverbindung zu Ihrem TYPO3-Server. Tipp Version Tipp Sprache Welche Möglichkeiten TYPO3 einem Benutzer anzeigt, hängt erstens davon ab, welche TYPO3-Module und Extensions vom Administrator installiert und konfiguriert wurden, und zweitens, für welche Aktivitäten der Benutzer berechtigt ist. Die Anzeige in Ihrem System und mit Ihrem Benutzernamen kann deshalb anders aussehen als in den hier gezeigten Beispielen. Die Abbildungen wurden mit TYPO3 in der Version 4.0 mit TemplaVoila erstellt. Unser Einsteigerseminar eignet sich aber auch für andere TYPO3- Versionen ab 4.x. Sollte bei Ihnen TYPO3 in der älteren Version 3.x installiert sein, dann verweisen wir Sie auf unser Einsteigerseminar TYPO3 für die Version 3.x (ISBN ). TYPO3 ist mehrsprachig. Allerdings ist die deutsche Übersetzung unvollständig und nicht ganz fehlerfrei. TYPO3 wird deshalb auch von deutschsprachigen Benutzern meist in der englischsprachigen Version verwendet. Sie finden deshalb in diesem Einsteigerseminar beide Versionen beschrieben: Im Text sind jeweils die deutschen und englischen Bezeichnungen der Module, Menüs, Eingabefelder und Schaltflächen angeführt. Die Abbildungen zeigen meist die englische Version von TYPO3, damit Sie darin die richtigen Begriffe für die technischen Details finden anstelle der teilweise verwirrenden falschen deutschen Übersetzungen. Außerdem wird in den Abbildungen bewusst zwischen den verschiedenen Darstellungsformen von TYPO3 gewechselt, wie z.b. kompakte oder erweiterte Ansicht, mit oder ohne Hilfstexte, damit Sie alle Möglichkeiten zu sehen 18

19 bekommen und auf diese Weise kennen lernen, wie Sie die verschiedenen Möglichkeiten bei Bedarf auswählen und einsetzen können. Umfang und Aufbau In diesem Einsteigerseminar werden alle wichtigen Möglichkeiten, die TYPO3 bietet, kurz und in der Form von einfachen Kochrezepten Schritt für Schritt gezeigt. Es eignet sich als Schulungsunterlage für eine ein- oder zweitägige TYPO3-Schulung für Webautoren ohne spezielle Vorkenntnisse. Weil TYPO3 so leicht und einfach zu verwenden ist, reichen ein oder zwei Tage vollkommen aus im Gegensatz zu Einsteigerseminaren über kompliziertere Themen wie HTML, Java, JavaScript, PHP, XML etc., bei denen meist eine oder mehrere Wochen benötigt werden. Die ersten vier Kapitel sind besonders knapp und kompakt gehalten. Damit soll es dem Leser oder dem Schulungsteilnehmer ermöglicht werden, innerhalb von zwei, drei Stunden so weit zu sein, dass er einfache Webseiten mit TYPO3 erstellen kann. Die weiteren Kapitel enthalten dann weiter gehende Informationen über die Möglichkeiten, die Ihnen TYPO3 bietet, sowie Tipps und Hinweise zur praktischen Anwendung und zur Vermeidung von typischen Anwendungsfehlern. Auf über dieses Einsteigerseminar hinausgehende, ausführlichere Informationen zu TYPO3 wird im Kapitel Internetadressen verwiesen. Am Schluss des Buches finden Sie ein Glossar mit den Erklärungen zu den im Buch verwendeten Fachausdrücken und ein Stichwortverzeichnis (Index). Der Aufbau folgt der bewährten Aufteilung in die drei Bereiche Lernen Üben Anwenden: 19

20 Lernen Der erste Teil Lernen soll Sie mit den notwendigen Grundlagen versorgen. Schritt für Schritt werden Sie mit den wesentlichen Funktionen und Features von TYPO3 vertraut gemacht. Nach der Durcharbeitung dieses Teils sollten Sie in der Lage sein, mithilfe von TYPO3 und dem Rich Text Editor einfache Webseiten mit Überschriften, Texten, Bildern, Internetlinks und mehrsprachigen Übersetzungen anzulegen. Üben Im zweiten Teil Üben geht es darum, Ihr Wissen zu vertiefen und zu festigen. Dazu finden Sie diverse kapitelbezogene Fragen und praktische Übungsaufgaben für das Learning by Doing. Ausführliche, kommentierte Lösungen folgen direkt im Anschluss an die jeweilige Frage, damit der Lernfortschritt jederzeit sofort überprüft werden kann. Anwenden Im dritten Teil Anwenden schlagen wir eine Brücke zwischen Theorie und Praxis. Anhand von detaillierten Tipps aus der Praxis wird das in Teil I erlernte Grundwissen angewendet und umgesetzt. Sie erfahren, welche Möglichkeiten ihnen TYPO3 bietet, für welche Zwecke Sie welche Möglichkeiten am besten einsetzen und was Sie beachten sollten, damit Sie mit Ihren Webseiten den besten Erfolg bei Ihren Lesern erreichen. Dieses Buch baut auf den von den beiden Autoren an der Freien Universität Berlin und an der Universität für Bodenkultur Wien erstellten Schulungsunterlagen auf, die der Open Content License unterliegen. Web Diese Schulungsunterlagen sowie weitere Informationen über TYPO3 sind an der Internetadresse verfügbar und werden dort laufend aktualisiert. 20

21 Teil I: Lernen 21

22 22

23 1 Content-Management Was ist TYPO3 und wofür ist das gut? 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. Die hier beschriebene Version 4 ist seit 2006 verfügbar. Mehr über TYPO3 erfahren Sie auf den im Kapitel Internetadressen angeführten Websites. 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 (Workflow). Das hat für die Autoren, Sachbearbeiter und 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. Welche Vorteile bietet das? Die Inhalte (Texte, Bilder, Dateien zum Downloaden, Tabellen, Statistiken usw.) der Website können jetzt von den inhaltlich zuständigen Personen über einen Webbrowser selbstständig erstellt und gepflegt werden und zwar ohne besonderes technisches Know-how. Das Content-Management-System TYPO3 23

24 ist sehr einfach zu erlernen, man braucht keine Vorkenntnisse in HTML oder JavaScript. Die Vorteile liegen auf der Hand: Für die Webautoren und Redakteure werden das Anlegen neuer Inhalte und die Aktualisierung bestehender Inhalte erleichtert, und für die Besucher und Leser der Website erhöht sich das Surfvergnügen durch hoffentlich mehr und aktuelle Inhalte, die außerdem noch leichter zu finden sind. Zusammenfassung TYPO3 ist ein Content-Management-System zum Erstellen von Webseiten. 24

25 2 Zugang Was brauchen Sie, um TYPO3 zu verwenden? Alles im Webbrowser TYPO3 ist ein Online-Redaktionssystem und verwendet als Client nur einen üblichen Webbrowser. Sie können jederzeit von jedem Ort mit Internetzugang Veränderungen an Ihrer Website vornehmen. Frontend Das so genannte Frontend von TYPO3 ( vordere Seite ) ist der Webserver, der die Webseiten den Internetsurfern anzeigt. Der Zugriff kann mit jedem beliebigen Webbrowser erfolgen, auch mit älteren Versionen und auch ohne spezielle Funktionen wie Cookies oder JavaScript. Im Allgemeinen ist auch kein Login notwendig (nur bei passwortgeschützten Webseiten). Der Zugriff auf die Webseiten erfolgt im Allgemeinen über einen URL der Form Backend Das so genannte Backend von TYPO3 ( hintere Seite ) ist das Content- Management-System, mit dem die Webseiten erstellt und editiert werden. Der Zugriff ist nur für berechtigte Personen, die so genannten Webautoren oder Redakteure, möglich (Login, siehe unten). Sie brauchen dafür einen 25

26 Benutzernamen und ein Passwort mit einer entsprechenden TYPO3- Berechtigung. Der Zugriff kann mit allen gängigen neueren Webbrowsern erfolgen. Cookies und JavaScript müssen eingeschaltet sein und Popup-Fenster müssen für diesen Server erlaubt sein. Die Verwendung des speziellen Rich Text Editors (siehe das Kapitel Der Rich Text Editor ) ist derzeit nur mit Mozilla oder Firefox oder mit dem Internet Explorer ab Version 6 möglich (Stand Sommer 2006). Der Zugriff auf das Backend erfolgt im Allgemeinen über einen URL der Form Login zum Editieren Wenn Sie die Adresse des TYPO3-Backends in Ihrem Webbrowser eingeben, erscheint eine Seite mit folgendem Dialogfeld: 26

27 Geben Sie bitte Benutzername und Passwort ein und klicken Sie auf Log In. Bei erfolgreichem Login erscheint Ihre persönliche Benutzeroberfläche (siehe das Kapitel Die Benutzeroberfläche ). Zusammenfassung Der Zugriff auf TYPO3 erfolgt über das Internet mit einem Webbrowser. Das Editieren von Webseiten ist über Benutzername und Passwort vor Unbefugten geschützt. 27

28 28

29 3 Die Benutzeroberfläche Tipp TYPO3 zeigt jedem Benutzer immer nur das an, wofür er berechtigt ist! Die Anzeige in Ihrem System und mit Ihrem Benutzernamen kann also durchaus anders aussehen als in den hier gezeigten Beispielen. Aufbau Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche unterteilt. 1. Links sehen Sie die Modulleiste. Hier wählen Sie aus, welche Art von Arbeiten Sie durchführen wollen. 2. In der Mitte sehen Sie den Seiten- oder Dateienbaum. Hier wählen Sie aus, welche Webseite oder welchen Dateiordner Sie bearbeiten wollen. 29

30 3. Rechts sehen Sie die Arbeitsfläche. Hier führen Sie Ihre Arbeiten durch. Die Anordnung der drei Bereiche entspricht auch der Reihenfolge bei der Arbeit: 1. Zuerst in der Modulleiste das Modul auswählen (z.b. Web / Seite), 2. dann im Seitenbaum die Webseite auswählen (z.b. Wegbeschreibung) und 3. dann in der Arbeitsfläche die eigentliche Arbeit an dieser Webseite durchführen. Tipp Die hier gezeigten Beispiele stammen von einer TYPO3-Installation in Wien, deshalb wird hier die österreichische Fahne als Symbol für Inhalte in der Hauptsprache Deutsch angezeigt. Bei TYPO3-Installationen in Deutschland wird für deutschsprachige Inhalte die deutsche Fahne angezeigt. Modulleiste Jeder Benutzer sieht nur die Module, zu deren Verwendung er berechtigt ist. Durch Klicken auf die dunkelgrauen Gruppenbezeichnungen mit den Minusund Plus-Symbolen oder auf die Checkbox Alle aufklappen (Expand all) können die Modulgruppen zu- und aufgeklappt werden: 30

31 Module Durch Klicken auf die hellgrauen Modulbezeichnungen gelangen Sie in den entsprechenden Arbeitsbereich. Die drei wichtigsten Module sind: Web / Seite (Web / Page) Web / Liste (Web / List) Datei / Dateiliste (File / Filelist) Tipp Logout Praktische Tipps zur Auswahl, welches Modul Sie für welche Zwecke verwenden, und Hinweise zu weiteren Modulen finden Sie im Abschnitt Die TYPO3-Module im Kapitel Tipps zur Arbeitsweise. Unter den Modulen sehen Sie die Logout- Schaltfläche und die Anzeige, unter welchem Benutzernamen Sie eingeloggt sind. 31

32 Tipp Zum Beenden einer Arbeitssitzung melden Sie sich aus Sicherheitsgründen bitte immer mit der Logout-Schaltfläche ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an diese Stelle zurück. Seitenbaum Der Seitenbaum steht Ihnen für alle Module der Modulgruppe Web zur Verfügung. Er stellt die Struktur Ihrer Website baumartig dar. In der Modulgruppe Datei wird stattdessen der Dateienbaum angezeigt. Er stellt die Struktur der Ordner (Folder) für den Upload von Dateien baumartig dar. In beiden Fällen können Sie Teilbäume durch Klicken auf die Plus- und Minuszeichen auf- und zuklappen: Jeder Benutzer sieht nur den Seitenbaum bzw. die Seiten- oder Dateienbäume, für die er eine Zugriffsberechtigung hat. In den meisten Fällen ist dies Ihr Webbereich, auf den Sie vollen Zugriff zur Bearbeitung haben. Eventuell sehen Sie aber auch noch einen oder mehrere andere Bereiche oder die gesamte Website, auf die Sie nur Lesezugriff haben. Dort können Sie dann zwar alle 32

33 Inhalte anzeigen lassen und auch in Ihren eigenen Bereich kopieren, jedoch nicht verändern oder löschen. Kontextmenüs Im Seiten- und Dateienbaum sind Kontextmenüs mit vielen nützlichen Befehlen verfügbar. Diese Kontextmenüs werden durch einen Klick mit der rechten oder linken Maustaste auf das jeweilige Symbol vor dem Text oder mit der rechten Maustaste auf den Text aufgerufen. Arbeitsfläche Der große rechte Teil ist die detaillierte 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 Arbeitsfläche) sind abhängig von dem jeweiligen Modul, mit dem Sie gerade arbeiten. Details dazu finden Sie in den folgenden Kapiteln. Beispiel Hier zeigen wir Ihnen als ein Beispiel die Arbeitsfläche für das Editieren eines Inhaltselementes: 33

34 Im Kopf der Arbeitsfläche finden Sie in der Regel den Pfad für das geöffnete Element und Icons zur weiteren Bearbeitung. 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. Kontextmenüs Die Arbeitsfläche bietet Ihnen ebenfalls die für die einzelnen Objekte spezifischen Kontextmenüs an. 34

35 Auch im Rich Text Editor (siehe das Kapitel Der Rich Text Editor ) stehen Kontextmenüs zur Verfügung, die Sie durch Klicken mit der rechten Maustaste in das entsprechende Element erhalten. Überall sonst öffnet sich beim Klicken mit der rechten Maustaste das Kontextmenü des Webbrowsers. Tipp Manche Arbeitsflächen enthalten am unteren Rand ein Icon In neuem Fenster öffnen (Open in new window). Falls Ihnen der für die Arbeitsfläche innerhalb des Webbrowsers zur Verfügung stehende Platz nicht ausreicht, können Sie durch einen Klick auf dieses Icon die Arbeitsfläche bzw. den Editor als ein eigenes, den Bildschirm ganz ausfüllendes Browserfenster öffnen. Zusammenfassung Die Modulleiste in der linken Spalte dient zur Auswahl, welche Arbeit ausgeführt werden soll. Der Seiten- oder Dateienbaum in der mittleren Spalte dient zur Auswahl, welche Webseite oder welcher Dateiordner bearbeitet werden soll. Die Arbeitsfläche in der rechten Spalte dient zur Durchführung der jeweiligen Arbeit oder zur Anzeige der Ergebnisse. 35

36 36

37 4 Seiten und Inhalte Hier geben wir Ihnen einfache Kochrezepte für die wichtigsten Anwendungsfälle. Weitere Details dazu finden Sie in den nachfolgenden Kapiteln. Tipp Die Anleitung und die Abbildungen in diesem und den folgenden Kapiteln gelten für TYPO3 in der Version 4.x mit TemplaVoila. Welche Unterschiede für Sie gelten, wenn TYPO3 bei Ihnen in der so genannten klassischen Ansicht ohne TemplaVoila installiert ist, ist im Kapitel Die klassische Ansicht beschrieben. Eine neue Seite anlegen Seitenbaum Die Grundstruktur Ihres Webauftritts ist bereits in TYPO3 angelegt. Sie fügen also an einer beliebigen Stelle Ihres Seitenbaums eine neue Seite ein. Dazu verwenden Sie das Modul Web / Seite (Web / Page). Schritt 1: Suchen Sie im Seitenbaum die Seite, unter oder neben der Sie eine neue Seite anlegen wollen. Klicken Sie auf das Icon dieser Seite und wählen Sie im Kontextmenü den Punkt Neu (New). 37

38 Neu Schritt 2: In der Arbeitsfläche erscheint nun das Auswahlfenster Neuer Datensatz (New record). Wählen Sie den Menüpunkt Erzeuge neue Seite (Create a new page). Position Schritt 3: Wählen Sie nun eine Position für Ihre neue Seite. 38

39 Vorlage Schritt 4: In manchen TYPO3-Installationen erscheint nun noch ein weiteres Auswahlfenster, in dem Sie das Seitenlayout aus mehreren verschiedenen Möglichkeiten (Vorlage, Template) auswählen. An der BOKU Wien haben Sie z.b. die Wahl zwischen zweispaltigen Seiten mit aktuellen Hinweisen aus dem Veranstaltungskalender und einspaltigen Seiten ohne diese Hinweise. In manchen TYPO3-Installationen können Sie diese Auswahl erst später treffen (in einem Auswahlmenü Vorlage auswählen, Select a template, bei den Seiteneigenschaften, siehe Schritt 5), oder es gibt nur ein einheitliches Seitenlayout ohne Auswahl. 39

40 Seiteneigenschaften Schritt 5: Nun erscheint die Arbeitsfläche für die Seiteneigenschaften (Page properties). Setzen Sie, falls es nicht schon gesetzt ist, das Häkchen Seite verstecken (Hide page), damit die Seite noch nicht öffentlich angezeigt wird, solange Sie noch daran arbeiten, und geben Sie im Eingabefeld Seitentitel (Pagetitle) die kurze Bezeichnung an, unter der die Seite in der Navigationsleiste erscheinen soll. Tipp Wenn Sie auf das Stiftsymbol (Seiteneigenschaften editieren, Edit page properties) klicken, können Sie auch weitere Seiteneigenschaften angeben (siehe die Kapitel Ihre Webseiten und Seitentypen ). Speichern Schritt 6: Klicken Sie auf Speichern und schließen (Save and close). Fertig! Ihre neue Seite ist angelegt und scheint im Seitenbaum auf. Allerdings ist die Seite noch leer, sie hat noch keinen Inhalt (siehe den nachfolgenden 40

41 Abschnitt Inhalte erstellen ) und sie ist auch noch nicht öffentlich sichtbar (siehe den Abschnitt Die Seite kontrollieren und freigeben ). Tipp Wenn Sie die Reihenfolge der Seiten nachträglich ändern wollen, können Sie das auf verschiedene Arten erreichen, unter anderem im Modul Web / Liste (Web / List) mit eingeschalteter erweiterter Ansicht (extended view) mithilife der verschiedenen Pfeilsymbole bei den jeweiligen Seiten, siehe auch den Abschnitt Verschieben und Kopieren im Kapitel Tipps zur Arbeitsweise. Inhalte erstellen Einzelne Seiten bestehen aus den Seitenangaben (siehe oben) und einem oder mehreren Inhaltselementen (content elements). Für die Inhaltselemente stehen verschiedene Inhaltstypen zur Verfügung (siehe das Kapitel Inhaltstypen ). Zu jedem Inhaltstyp stellt Ihnen TYPO3 eine eigene Eingabemaske in der Arbeitsfläche mit Feldern für die erforderlichen Angaben zur Verfügung. Tipp Verwenden Sie nicht bloß einen formatierten Textblock für die ganze Seite, sondern legen Sie für jeden logisch für sich stehenden Teil der Seite ein eigenes Inhaltselement an. Dies macht es Ihnen leichter, die Seite später um weitere Informationen zu ergänzen oder die Reihenfolge der Informationen zu verändern oder einzelne Inhalte vorübergehend unsichtbar zu machen. Hier zeigen wir Ihnen, wie Sie zunächst die Hauptüberschrift der Seite und dann einen Textblock in die Seite einfügen. Diese Trennung in zwei Inhaltselemente macht es Ihnen möglich, bei Bedarf zwischen Überschrift und normalem Text noch einen aktuellen Hinweis oder dergleichen einzufügen. Auch dafür verwenden Sie das Modul Web / Seite (Web / Page). 41

42 Seitenüberschrift einfügen Seite Schritt 1: Klicken Sie im Seitenbaum auf die Seite, in der Sie den Inhalt einfügen wollen. Inhalt Typ Tipp Schritt 2: In der Arbeitsfläche erscheint eine Übersicht über die Seite, die noch leer ist. Klicken Sie auf das Icon mit dem grünen Pluszeichen (Neuen Inhalt einfügen, Create new element). Schritt 3: Wählen Sie den Typ des Inhaltselements aus, in unserem Fall ein Normales Textelement (Regular text element). Hinweise zu den anderen Inhaltstypen finden Sie im Kapitel Inhaltstypen. 42

43 Überschrift Schritt 4: Es erscheint die Arbeitsfläche für das Editieren eines Inhaltselements. Im Fall der Seitenüberschrift geben Sie nur die Überschrift (Header) ein und lassen alle anderen Felder leer. 43

44 Speichern Schritt 5: Klicken Sie auf das Icon Speichern und anzeigen (Save and view). Sie sehen nun die Seite in einem zweiten Browserfenster. Kontrollieren Sie die Überschrift auf Tippfehler und korrigieren Sie etwaige Fehler im ursprünglichen TYPO3-Fenster. Wenn alle Fehler korrigiert sind, klicken Sie auf das Icon Speichern und schließen (Save and close). Fertig! Ihre Seite enthält bereits die Überschrift. Allerdings fehlt noch der restliche Inhalt (siehe den nachfolgenden Abschnitt), und die Seite ist auch weiterhin noch nicht öffentlich sichtbar. Tipp Tipp Klicken Sie niemals auf andere Seiten im Seitenbaum oder auf andere Module in der Modulleiste, solange Sie Ihre Eingabe noch nicht gespeichert haben! Ihre Eingaben würden in diesem Fall verloren gehen und Sie müssten alles, was noch nicht gespeichert wurde, nochmals eingeben. Wenn Sie einen Popup-Blocker in Ihrem Webbrowser aktiviert haben, dann funktionieren die Schaltfläcnne Speichern und anzeigen (Save and view) und Speichern und schließen (Save and close) nicht, sondern Sie müssen stattdessen zuerst die Schaltfläche Speichern (Save), dann die Schaltfläche 44