Hubert Partl, Tobias Müller-Prothmann Das Einsteigerseminar TYPO3

Transkript

1 Hubert Partl, Tobias Müller-Prothmann Das Einsteigerseminar TYPO3 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, 2005). 1

2 Inhalt Vorwort... 9 Einleitung Thema des Buches...10 Zielgruppe und Vorkenntnisse...11 Benötigte Software...12 Umfang und Aufbau Content-Management Was ist TYPO3? Was ist ein Content-Management-System? Welche Vorteile bietet das? Zusammenfassung und Fragen Zugang Alles im Web-Browser Frontend Backend Login zum Editieren Editieren im Frontend Zusammenfassung und Fragen Die Benutzeroberfläche Überblick Modulleiste Modulbereiche in TYPO Modulbereich Web

3 Modulbereich Datei...25 Modulbereich Benutzer...25 Modulbereich Hilfe Navigationsansicht Seitenbaum...26 Navigation...27 Kontextmenü...28 Dateiliste Detailansicht Beispiel 1: Modul Seite...29 Beispiel 2: Modul Anzeigen Zusammenfassung und Fragen Schritt für Schritt Neue Seiten anlegen Eine neue Web-Page in fünf Schritten...33 Seitentypen Inhalte erstellen Ein neuer Inhalt in drei Schritten...36 Inhaltstypen Inhalte editieren Editier-Möglichkeiten...39 Frontend-Editing...40 Rich Text Editor (RTE) Seiten und Inhalte löschen

4 4.5 Bilder einbinden Dateien und Links einbinden Alles unter Kontrolle Zusammenfassung, Fragen und Übungen Rich Text Editor Absatzarten und Überschriften Schriftarten Aufzählungen und Nummerierungen Hyperlinks Ausrichtung Abschluss Zusammenfassung, Fragen und Übungen Bilder und Dateien Bildbearbeitung Bilder- und Datei-Upload Zusammenfassung, Fragen und Übungen Tipps aus der Praxis Ihr Web-Auftritt Besucher...68 Web-gerechte Information Ihre Web-Seiten Seitenangaben...72 Seiten-Aufbau und Inhalt...73 Überschriften

5 Absätze und Zeilenumbruch...76 Textgestaltung Zweisprachige Seiten Englische Übersetzung einer Seite anlegen...79 Englischsprachige Inhalte erstellen und editieren Tipps zu den Seitentypen Standard...83 Erweitert...83 Externe URL...84 Shortcut...85 nicht im Menü Tipps zu den Inhaltstypen Text...88 Text mit Bild...89 Bild...91 Aufzählung...91 Tabelle...92 Mail-Formular Sichtbarkeit und Ablaufdatum Sichtbarkeit von Seiten...96 Sichtbarkeit von Seiteninhalten Tipps zur Arbeitsweise Seiten verschieben...98 Inhalte verschieben

6 Seiten kopieren Inhalte kopieren Texte kopieren Änderungen rückgängig machen Kontrollen und Freigaben Nachträgliche Kontrolle Vorherige Freigabe Zusammenfassung, Fragen und Übungen Zweck und Ziel WWW Was ist das? Inhalt der Web-Pages Was dürfen Sie im Web veröffentlichen? Was sollen Sie im Web veröffentlichen? Frisch geplant ist halb gewonnen! Inhalt und Form Das Internet besteht nicht aus Papier Wie funktioniert dieses logische Markup? Richtiges HTML Was ist richtig? Format der Markup-Befehle (HTML-Tags) Multimedia im Web Bilder Die Wirkung auf den Menschen Barriere-freie Web-Pages (WAI)

7 8.7 Organisation der Web-Pages Lebenszyklus einer Web-Site Die Web-Pages erstellen Die Web-Pages testen und kontrollieren Die Web-Pages veröffentlichen Die Web-Pages bekannt machen Die Web-Pages aktualisieren Web-Pages löschen Zusammenfassung und Fragen Praktische Übungen Vorbereitung Einladungsseite Ablaufseite Kontaktseite Externer Link Bild Mail-Formular Weitere Seiten Navigationshilfen Abschluss-Übung Internet-Adressen Informationen über TYPO TYPO3-Startseite TYPO3-Entwicklerseite

8 TYPO3-Dokumentationen TYPO3-Einführung Informationen über Web-Pages W3-Consortium FAQ SELFHTML HTML-Einführung Zusammenfassung Lösungen Glossar Index

9 Vorwort TYPO3 ist ein Content-Management-System, mit dem Web-Autoren ohne spezielle Vorkenntnisse sehr einfach, rasch, bequem und leicht verständlich Web-Pages 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, und wir wenden uns darin auch nur an die Web-Autoren, die TYPO3 für die Veröffentlichung ihrer Texte und Bilder einsetzen wollen, nicht an die Administratoren, die das TYPO3-System am Web-Server installieren und konfigurieren sowie die so genannten Templates für das Layout der Web-Pages einrichten. Wir verwenden TYPO3 für unsere eigenen Web-Pages, und wir halten regelmäßig Schulungen für Web-Autoren, Sachbearbeiter und Redakteure, die ihre Web-Pages mit TYPO3 erstellen wollen: Tobias Müller-Prothmann an der Freien Universität in Berlin, Hubert Partl an der Universität für Bodenkultur in Wien. Das Einsteigerseminar baut auf unseren praktischen Erfahrungen und auf unseren Schulungsunterlagen auf. Hubert Partl und Tobias Müller-Prothmann 9

10 Einleitung Thema des Buches Web-Pages sind (neben ) der populärste und wichtigste Internet-Dienst. Erfunden wurden die Web-Pages in den 80er-Jahren des vorigen Jahrhunderts im Europäischen Kernforschungszentrum in der Schweiz. Damals wurden die ersten Web-Pages noch mit der Hand in einfachen, zeilen-orientierten Text- Editoren erstellt, also die Texte mit allen HTML-Befehlen in den spitzen Klammern. In den 90er-Jahren kamen HTML-Editoren wie HoTMetaL, FrontPage und Dreamweaver heraus, mit denen Web-Pages 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 uneinheitlich bezüglich Layout und Navigation erschienen und wegen des hohen Aufwandes oft auch nicht mehr aktualisiert wurden. Die Lösung dafür kam um die Jahrtausendwende mit den Content-Management- Systemen. Damit können auch große Mengen von Web-Pages sehr einfach und bequem erstellt und verwaltet werden. Die 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. 10

11 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 Web-Seiten und Hunderten Benutzern. Andererseits ist die Anwendung durch die Web-Autoren trotzdem sehr einfach und bequem und überhaupt keine Hexerei. Schon ein paar Stunden Einführung genügen, und Sie können die ersten Web-Pages mit TYPO3 erstellen. Wenn Sie dieses Einsteigerseminar durchgehen, werden Sie sehen, dass dies keine Übertreibung ist. Zielgruppe und Vorkenntnisse Unser Einsteigerseminar richtet sich an Web-Autoren, Redakteure, Sachbearbeiter und Schreibkräfte, die Web-Pages auf einem TYPO3-Web-Server anlegen, veröffentlichen und editieren wollen. Sie brauchen dafür keine HTML- Kenntnisse und keine Software-Kenntnisse außer der Bedienung eines einfachen Web-Browsers. 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 EDV-Spezialisten, die diese Voraussetzungen für Sie geschaffen haben: die Programmierer, die die TYPO3-Software oder so genannte Extensions programmieren, die System-Administratoren, die die TYPO3-Software auf dem Web-Server installieren und konfigurieren, und die Web-Administratoren, die den Server betreiben und die so genannten Templates für das Layout der Web- Pages einrichten. 11

12 Benötigte Software Wenn Sie die in diesem Einsteigerseminar vorgeschlagenen praktischen Übungen durchführen wollen, brauchen Sie die folgende Software: Auf dem Web-Server 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 muss ein Username und Passwort mit der Berechtigung für diesen Seitenbereich eingerichtet sein. Auf Ihrem Rechner (PC) brauchen Sie dann nur irgendeinen halbwegs modernen Web-Browser. Wenn Sie den so genannten Rich Text Editor verwenden wollen, sollte dies möglichst der Internet Explorer Version 6 sein, ansonsten kann es aber auch irgendein anderer Browser sein, wie z.b. Netscape, Mozilla, Firefox, Opera etc. Und natürlich brauchen Sie eine Internet-Verbindung zu Ihrem TYPO3-Server. Hinweis: TYPO3 zeigt jedem Benutzer immer nur das an, wofür er berechtigt ist. Die Anzeige in Ihrem System und mit Ihrem Usernamen kann also durchaus anders aussehen als in den hier gezeigten Beispielen. Um dies deutlich zu machen, zeigen wir in diesem Buch auch Beispiele, die aus verschiedenen TYPO3- Installationen stammen, nämlich an der Freien Universität Berlin und an der Universität für Bodenkultur Wien. Die Abbildungen wurden mit TYPO3 Version 3.6 erstellt. Unser Einsteigerseminar eignet sich aber auch für alle anderen TYPO3-Versionen. 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 und in Beispielen vorgeführt: 12

13 Im Text sind jeweils die deutschen und englischen Bezeichnungen der Module, Menüs, Eingabefelder und Schaltflächen angeführt. Die Abbildungen in den ersten, grundlegenden Kapiteln zeigen die deutsche Version von TYPO3, um Ihnen den Einstieg in die einfachen Grundbegriffe zu erleichtern. Die Abbildungen in den weiteren, mehr ins Detail gehenden Kapiteln 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 diese Möglichkeiten zu sehen bekommen und auf diese Weise kennen lernen, wie Sie diese 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 Web-Autoren 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 Web-Pages mit TYPO3 erstellen kann. 13

14 Die weiteren Kapitel dienen dazu, diese technischen Fähigkeiten zu vertiefen, Tipps für die praktische Anwendung zu erfahren und typische Anwendungsfehler zu vermeiden. Ergänzt wird dieser Teil durch allgemeine Hinweise zu Konzept, Aufbau, Gestaltung und Wirkungsweise von Web-Pages. Auf über dieses Einsteigerseminar hinausgehende, ausführlichere Informationen zu TYPO3 wird in Kapitel 10 verwiesen. Am Schluss des Buches finden Sie die Antworten auf die Übungsfragen, einen Glossar mit den Erklärungen zu den im Buch verwendeten Fachausdrücken und ein Stichwortverzeichnis (Index). 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 und an der folgenden Internet-Adresse verfügbar sind: Dort finden Sie auch weitere Informationen über TYPO3, die laufend aktualisiert werden. 14

15 1 Content-Management Was ist TYPO3 und wofür ist das gut? 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. Mehr über TYPO3 erfahren Sie auf den in Kapitel 10 angeführten Web-Sites. 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 (Workflow). 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 15

16 sehr einfach zu erlernen, man braucht keine Vorkenntnisse in HTML oder JavaScript. 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. 1.4 Zusammenfassung und Fragen Zusammenfassung TYPO3 ist ein Content-Management-System zum Erstellen von Web- Pages. Fragen 1. Was unterscheidet Content-Management-Systeme wie TYPO3 von HTML-Editoren wie FrontPage und Dreamweaver? 2. Was unterscheidet (abgesehen vom Preis) Open-Source-Produkte wie TYPO3 von kommerziellen Herstellerprodukten? 16

17 2 Zugang Was brauchen Sie, um TYPO3 zu verwenden? 2.1 Alles 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 Das so genannte Frontend von TYPO3 ( vordere Seite ) ist der Web-Server, der die Web-Pages den Internet-Surfern anzeigt. Der Zugriff kann mit jedem beliebigen Web-Browser erfolgen, auch mit älteren Versionen und auch ohne spezielle Funktionen wie Cookies oder JavaScript. 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 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 17

18 Redakteure, möglich (Login, siehe unten). 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. Die Verwendung des speziellen Rich Text Editors (siehe Kapitel 4 und Kapitel 5) ist derzeit nur mit Internet Explorer Version 6 möglich (Stand Dezember 2004). Der Zugriff auf das Backend erfolgt im Allgemeinen über einen URL der Form Cookies und JavaScript müssen eingeschaltet sein. Im Internet Explorer können Sie die Einstellungen z.b. so vornehmen: Menü Extras / Internetoptionen Datenschutz / niedrig = Cookies erlaubt Sicherheit / lokales Intranet / niedrig = JavaScript u.a. erlaubt Internet Explorer schließen und neu starten 18

19 2.4 Login zum Editieren Wenn Sie die Adresse des TYPO3-Backends in Ihrem Web-Browser eingeben, erscheint eine Seite mit folgendem Dialogfeld: Geben Sie bitte Benutzername und Passwort ein und klicken Sie auf Log In. Bei erfolgreichem Login erscheint Ihre persönliche Benutzeroberfläche (siehe Kapitel 3). 2.5 Editieren im Frontend Nach einem Login ins Backend sehen Sie beim Betrachten der Web-Pages im Frontend bei allen Seitenelementen, bei denen Sie die Berechtigung zum Editieren haben, ein Bleistift-Symbol. Mit einem Klick auf dieses Symbol können Sie direkt in den Editor zum Bearbeiten dieses Elementes springen (Details siehe in Kapitel 4). Hinweis: Falls dieses Bleistift-Symbol nicht automatisch erscheint, muss das durch den Administrator in den TYPO3-Einstellungen eingeschaltet werden. 19

20 2.6 Zusammenfassung und Fragen Zusammenfassung Der Zugriff auf TYPO3 erfolgt über das Internet mit einem Web- Browser. Das Editieren von Web-Pages ist über Username und Passwort vor Unbefugten geschützt. Fragen 1. Welche Software brauchen Sie zum Ansehen von Web-Pages, die mit TYPO3 erstellt wurden? 2. Welche Software brauchen Sie zum Erstellen und Editieren von Web- Pages, die auf einem TYPO3-Server liegen? 20

21 3 Die Benutzeroberfläche Hinweis: TYPO3 zeigt jedem Benutzer immer nur das an, wofür er berechtigt ist! Die Anzeige in Ihrem System und mit Ihrem Usernamen kann also durchaus anders aussehen als in den hier gezeigten Beispielen. 3.1 Überblick Nach dem Einloggen finden Sie eine Übersicht und eine kurze Beschreibung der vorhandenen Module. Klicken Sie auf das Modul Web / Seite (Web / Page). In der mittleren Spalte erscheint eine Navigationsleiste mit Ihrem Arbeitsbereich, also mit den Bereichen von Web-Seiten, für die Sie eine Berechtigung haben. Klicken Sie in der Navigationsleiste auf die Basisseite Ihres Arbeitsbereichs oder auf eine andere Seite. 21

22 In der rechten Seite erscheint die Detailansicht, in diesem Fall die Arbeitsfläche für die Bearbeitung dieser Seite: Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche unterteilt. Modulleiste (links): In der Modulleiste können Sie Ihr gewünschtes Arbeitsmodul auswählen: Was wollen Sie tun? 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-Page oder Datei wollen Sie bearbeiten? 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 Elemente angezeigt. Hier wird gearbeitet! 22

23 Auf der Oberfläche sind darüber hinaus immer verfügbar: Logout: 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. Benutzer: Es wird immer der aktuell angemeldete Benutzer angezeigt. Seiten ID bearbeiten (Edit Page Id): Über das Feld haben Sie die Möglichkeit, schnell eine gewünschte Seite zur Bearbeitung aufzurufen. Falls Ihre Bildschirmauflösung oder Ihr Browser-Fenster so klein ist, dass die drei Spalten zu eng werden, können Sie eventuell im Modul Benutzer / Einstellungen (User / Setup) auch eine ein- oder zweispaltige Anzeige einstellen (sofern dieses Modul für Sie zugänglich und nicht nur dem Administrator vorbehalten ist): condensed mode = platzsparende Anzeige navigation mode = Modulauswahl im oberen statt im linken Bereich Einstellungen sichern, Logout und neuerliches Login, damit die neuen Einstellungen wirksam werden. 3.2 Modulleiste Die Modulleiste erscheint standardmäßig in der linken Spalte. 23

24 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 (File) Benutzer (User) Hilfe (Help) 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 (Page): Sie können Seiten anlegen, Inhaltselemente eingeben und bearbeiten. Anzeigen (View): Sie können sich die Seiten vor der Veröffentlichung in der Vorschau anzeigen lassen und in der Vorschau auch direkt editieren. Liste (List): Sie können mehrere Seiten oder Inhaltselemente bearbeiten, kopieren oder löschen. 24

25 Modulbereich Datei Der Modulbereich Datei (File) liefert Ihnen eine Übersicht über die von Ihnen verwendeten Ressourcen. Hier können Sie Ihre Dateien wie z.b. Bilder hochladen und organisieren. Dateiliste (Filelist): zeigt die auf dem Server geladenen Dateien einschließlich der Bilder an und erlaubt Ihnen, weitere Dateien hochzuladen. Bilder (Images): wie Dateiliste, aber nur die Bilddateien. Modulbereich Benutzer Im Modulbereich Benutzer (User) kann jeder Benutzer (wenn dieser Modul für ihn verfügbar ist) Einstellungen zu seinem Benutzer-Account und seiner persönlichen Oberfläche machen. Aufgaben (Tasks): Hier können Sie sich Notizen machen und anderen Benutzern Ihres Arbeitsbereichs Notizen hinterlassen. Einstellungen (Setup): Hier können Sie Einstellungen an der Ansicht Ihrer Benutzeroberfläche vornehmen (z.b. Sprache, Bildschirmaufbau) sowie Sicherheitseinstellungen Ihres Accounts (z.b. Passwort ändern). 25

26 Modulbereich Hilfe Der Modulbereich Hilfe (Help) beinhaltet eine Sammlung nützlicher Tipps und kleiner Beispiele sowie Informationen über TYPO3. Über Module (About modules): Ein Überblick über alle für diese Seite vorhandenen Module mit kurzer Erklärung. Über TYPO3 (About): Allgemeine Informationen zu TYPO3, Versionsinformationen und Lizenzbedingungen. In manchen Versionen von TYPO3 gibt es auch einen Punkt Willkommen (Welcome), der Ihnen ein kurzes Einführungstutorial anzeigt, das aus mehreren Seiten mit animierten Bildern besteht. 3.3 Navigationsansicht Die Navigationsansicht erscheint in der mittleren Spalte. Seitenbaum Die Navigationsansicht steht Ihnen für alle Module des Modulbereichs Web (Seite, Page, Anzeigen, View, Liste, List) zur Verfügung. Sie stellt die Struktur Ihrer Web-Site baumartig dar. Jeder Benutzer sieht hier nur den Seitenbaum bzw. die Seitenbäume, für den bzw. für die er eine Zugriffsberechtigung hat. Dies ist Ihr Arbeitsbereich. Auf diese Seiten und Inhalte haben Sie vollen Zugriff zur Bearbeitung. 26

27 Eventuell sehen Sie auch noch einen oder mehrere 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. Navigation Einzelne Ebenen können Sie mit einblenden oder mit ausblenden und nach Änderungen der Seitenstruktur mit (Reload) die Ansicht erneuern. 27

28 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): Dateiliste Die Navigationsansicht steht Ihnen auch in den Modulen des Modulbereichs Datei (File, Dateiliste, Filelist, Bilder, Images) zur Verfügung. In diesen Modulen stellt sie die Struktur Ihrer Datenbereiche dar, in die sie Bilder und sonstige Dateien hochladen können, sowie eventuelle weitere Datenbereiche, deren Inhalte sie nur lesend verwenden dürfen. Die baumartige Darstellung, die Navigation und die Kontextmenüs funktionieren ebenfalls so wie oben für den Seitenbaum beschrieben. 28

29 3.4 Detailansicht Die Detailansicht ist die zentrale Arbeitsoberfläche. Sie erscheint in der rechten Spalte. 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. Beispiel 1: Modul Seite Wählen Sie im Modulbereich Web das Modul Seite (Page) und klicken Sie dann in der Navigationsansicht auf die Start-Seite Ihres Arbeitsbereichs: 29

30 Sie erhalten nun die Detailansicht für das Modul Seite (Page) der Homepage 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 (Page) 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! 30

31 Beispiel 2: Modul Anzeigen Wählen Sie im Modulbereich Web das Modul Anzeigen (View) aus und klicken Sie dann wie im vorigen Beispiel in der Navigationsansicht auf die Startseite Ihres Arbeitsbereichs. Sie erhalten nun die Detailansicht für das Modul Anzeigen (View) der Homepage 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 Kapitel 4.3). 31

32 3.5 Zusammenfassung und Fragen Zusammenfassung Die linke Spalte dient zur Auswahl, welche Arbeit ausgeführt werden soll. Die mittlere Spalte dient zur Auswahl, welche Web-Seite oder welcher Datei-Ordner bearbeitet werden soll. Die rechte Spalte dient zur Durchführung der jeweiligen Arbeit oder zur Anzeige der Ergebnisse. Fragen 1. Was sehen Sie in der linken Spalte des TYPO3-Fensters? 2. Was sehen Sie in der mittleren Spalte des TYPO3-Fensters? 3. Was sehn Sie in der rechten Spalte des TYPO3-Fensters? 4. Welche Möglichkeiten haben Sie, um die von Ihnen erstellten oder veränderten Web-Seiten anzusehen? 5. Wie erreichen Sie das Kontext-Menü des Web-Browsers? 6. Wie erreichen Sie die Kontext-Menüs der einzelnen TYPO3-Elemente? 32

33 4 Schritt für Schritt Hinweis: Hier geben wir Ihnen einfache Kochrezepte für die wichtigsten Anwendungsfälle. Weitere Details dazu finden Sie in den nachfolgenden Kapiteln. 4.1 Neue Seiten anlegen Eine neue Web-Page in fünf 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 TYPO3-Kontext-Menü den Punkt Neu (New): 33

34 In der Detailansicht erscheint nun die Übersicht Neuer Datensatz (New record). Schritt 2: Wählen Sie den Menüpunkt Erzeuge neue Seite (Create a new page): Schritt 3: Wählen Sie nun eine Position für Ihre neue Seite: Schritt 4: Entfernen Sie das Häkchen Seite verstecken (Hide page), wählen Sie den Seitentyp (Type) Erweitert (Advanced) und setzen Sie das Häkchen Zweite Optionspalette anzeigen (Show secondary options), sofern nicht schon voreingestellt: 34

35 Fügen Sie die weiteren Angaben zu Ihrer neuen Seite ein: Seitentitel (Pagetitle) = Navigationstitel, bitte möglichst kurz! Vorlage (Template), an der BOKU z.b. Seite mit oder ohne aktuellen Hinweisen aus dem Veranstaltungskalender eventuell weitere Angaben wie Untertitel (lang), Navigationstitel, Autor und -Adresse, Stichwörter zum Inhalt Ihrer Seite, Beschreibung Schritt 5: Klicken Sie dann auf Speichern (save). Fertig! Ihre neue Seite ist angelegt. Tipp: Wenn Sie mehrere zusammengehörende Seiten erstellen, können Sie die weiteren Seiten auch gleich mit dem Punkt neue Seite (new page) aus der Seitenansicht der Oberseite anlegen. In diesem Fall können Sie die neue Position besonders einfach als Unterseite (Kind-Seite) oder als weitere Seite auf derselben Ebene (Geschwister-Seite) auswählen. 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) mithilfe der verschiedenen Pfeil-Symbole bei den jeweiligen Seiten, siehe auch Kapitel

36 Seitentypen Neben Erweitert (Advanced) stehen Ihnen auch andere Seitentypen zur Verfügung, die Sie aber nur selten brauchen werden. Hinweise dazu finden Sie in Kapitel 7.4). 4.2 Inhalte erstellen Ein neuer Inhalt in drei Schritten Einzelne Seiten bestehen aus den Seitenangaben (siehe Schritt 4 oben in der Anleitung Eine neue Web-Page in fünf Schritten ) und Inhaltselementen. Inhalte sind in Inhaltselemente (content elements) zerlegt. Unten sehen Sie ein Beispiel, wie in einer Mitarbeiterseite eines Arbeitsbereiches die Angaben zu jedem Mitarbeiter in einem eigenen Inhaltselement angelegt sind. 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 einzelnes 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. Für die Inhaltselemente stehen verschiedene Inhaltstypen zur Verfügung (content type, siehe unten). Zu jedem Inhaltstyp stellt Ihnen TYPO3 eine eigene Eingabemaske in der Detailansicht mit Feldern für die erforderlichen Angaben zur Verfügung. 36