Einführung Typo3 Web Content Management an der TU Ilmenau. Henrik Eichstädt Typo3-Einführung 1

Transkript

1 Einführung Typo3 Web Content Management an der TU Ilmenau Henrik Eichstädt Typo3-Einführung 1

2 Typo3 ist ein Web Content Management System verwaltet (alle) Inhalte der Website gewährleistet einheitliches Layout Zugriff von zwei Seiten 'Backend': Pflege von Inhalten 'Frontend': Abruf der Inhalte durch Nutzer 'public pages', Website... Henrik Eichstädt Typo3-Einführung 2

3 Backend - Zugriff Zugriff Backend: grafischer Webbrowser Firefox, Netscape, Mozilla, Opera Internet Explorer nicht jeder darf Inhalte editieren Backend durch Login geschützt Login mit den TUI- -Daten (Nutzername, Passwort) Henrik Eichstädt Typo3-Einführung 3

4 bitte anmelden -> Bereich auswählen Hinweis auf Zertifikat von TU Ilmenau bestätigen Wechsel auf/von verschlüsselte/r Seite bestätigen Henrik Eichstädt Typo3-Einführung 4

5 Typo3 - Startscreen Kopfzeile (hier erscheint später je nach gewählter Funktion eine Optionsleiste) Modulleiste - Modulauswahl - Logout - Nutzername! beim Ende der Arbeit bitte Ausloggen Arbeitsbereich (ändert sich abhängig vom gewählten Modul, hier: 'Über Module') Henrik Eichstädt Typo3-Einführung 5

6 Arbeitsbereich Navigationsleiste / Treeviewsicht Sitestruktur - auf-/zuklappen über +/- - Aufruf Funktionen: - Klick auf Icon - Klick auf Titel (Modulfkt.) Arbeitsbereich Detailansicht Henrik Eichstädt Typo3-Einführung 6

7 neue Seite anlegen Modul 'Seite' anklicken => Treeview erscheint (Links-)Klick auf Icon der obersten Seite => Kontextmenü erscheint Seite im Frontend anschauen (in neuem Fenster) Seite bearbeiten => Arbeitsbereich Neue Seite anlegen => Arbeitsbereich Seite verstecken Seitentitel bearbeiten Henrik Eichstädt Typo3-Einführung 7

8 Seitentitel definieren Veröffentlichen Seitentyp Seitentitel angeben Unter- und Navigationstitel z.z. ohne bes. Wirkung Metadaten s. nächste Folie Allgemeine Optionen - Start- und/oder Endzeit - Gruppe für Zugriff Speichern etc. 'zweite Optionspalette' => Kopfzeile Feldbeschreibung an/aus Henrik Eichstädt Typo3-Einführung 8

9 Seitenheader 'Meta'-Informationen der Seite Eingabefelder abhängig vom Seitentyp => s. später Angeben Seitentitel => Anzeige in Navigation, aut. Übersichten Haken bei 'Seite verstecken' wegnehmen => Veröffentlichung der Seite optional: Inhaltsangabe (Typ 'erweitert') => genutzt in aut. Übersichten! eine Seite, die als 'versteckt' markiert ist, kann im Frontend nicht aufgerufen werden optional: Stichworte, Beschreibung (Typ 'erweitert') => für Meta-Tags in HTML-Seite Henrik Eichstädt Typo3-Einführung 9

10 1. speichern Toolbar-Leiste 2. speichern & ansehen 3. speichern & schließen 4. schließen (ohne speichern) 5. löschen 6. Auswahl geöffnete Dokumente 7. Funktionsmenü ! ein Dokument, das nicht geschlossen (3 & 4) wurde, steht in der zuletzt aufgerufenen Ansicht zur Auswahl (6) Henrik Eichstädt Typo3-Einführung 10

11 Seiteninhalte anlegen (Links-)Klick auf Icon der Seite 'Bearbeiten' oder: Modul 'Seite' anklicken auf Titel der Seite Klicken oder auch (langer Weg): Modul 'Liste' anklicken auf Titel der Seite klicken => Datensätze der Seite werden angezeigt neuen Datensatz anlegen (Typ Seiteninhalt) Henrik Eichstädt Typo3-Einführung 11

12 Inhaltsübersicht Seitentitel bearbeiten Seiteninhalt anlegen (hier: Spalte 'normal') Henrik Eichstädt Typo3-Einführung 12

13 Seitenlayouts (im Seitentitel festzulegen) Standard Layout - 1 Kopf/Nav/Links/Rechts/Haupt kein Rand Nav/Links/Rechts/Haupt/Rand alles sichtbar Kopf/Links/Rechts/Haupt keine Navi, kein Rand Links/Rechts/Haupt/Rand keine Navi 'Nav' 'normal' / 'Haupt' 'links' 'rechts' 'rand' Henrik Eichstädt Typo3-Einführung 13

14 Content Element (CE) auswählen jedes CE bietet zus. eine Überschrift an => Absatz, Kapitel Content Element Arten: Text, Text mit Bild, Bilder (als 'Bildermatrix') Aufzählung Tabelle Dateiverweise einfache Art, Downloadlisten anzubieten Sitemap automatisch erzeugte Liste von Unterseiten... (zus. Typen in CE-Ansicht) evtl.: nach CE-Auswahl Position festlegen Henrik Eichstädt Typo3-Einführung 14

15 Eingabe von Inhalten im CE CE-Typ Überschrift Eingabe Content (hier: Text und Bild) Attribute für Bild: - Position - Bildunterschrift Allgemeine Optionen - CE verstecken - Start- und/oder Endzeit - Gruppe für Zugriff Speichern etc.! Undo-Funktion 'zweite Optionspalette' => Kopfzeile Feldbeschreibung Henrik Eichstädt Typo3-Einführung 15

16 Rich Text Editor (RTE) im IEx: Texteingabe auch als Rich Text Editor sonst: reine Texteingabe RTE kann einzelne Content Elemente ersetzten => ausser für Text geeignet für Dateiliste Aufzählung HTML entfernen Bilder bitte ohne RTE pflegen! Henrik Eichstädt Typo3-Einführung 16

17 Checkliste: neue Seite erstellen 1. (Treeview:) Klick auf Icon Neu 2. 'Seite in' 3. Seitentitel ausfüllen 4. Speichern & Schließen 5. (Treeview:) Klick auf Icon Bearbeiten 6. Spalte wählen & 'Seiteninhalt hinzufügen' / 7. Content Element wählen 8. Inhalte eingeben 9. Speichern & Schließen Anm.: Assistent bei 2. - zus. Position d. Seite festlegen Henrik Eichstädt Typo3-Einführung 17

18 Modul 'Liste' Anzeige aller Datensätze einer Seite Inhalt, Unterseiten etc. alternativer Weg zu neuen Datensätzen (insbesondere neuem Inhalt) Henrik Eichstädt Typo3-Einführung 18

19 Modul 'Zugriff' Zugriffsrechte auf Seite kontrollieren / ändern i.d.r. nicht notwendig (evtl. außer: Bereich Lehrveranstaltungen) Zugriffsrechte bearbeiten Henrik Eichstädt Typo3-Einführung 19

20 'Assitent' um Modul 'Funktionen' mehrere Seiten zu erzeugen Seiten zu sortieren automatische Sortierung in 'Funktionen'-Modul ABC, Erstellungs-/Änderungsdatum aber: manuelle Sortierung einfach per 'Ausschneiden' und 'Einfügen nach' im Treeview Henrik Eichstädt Typo3-Einführung 20

21 Modul 'Dateiliste' 'Aufbewahrung' von Dateien (im Dateisystem) bitte selber Ordnung halten! Unterordner anlegen und nutzen (Links-)Klick auf Icon, dann Datei hochladen (bis 10 Stück / Upload) Verzeichnis anlegen (bis 10 Stück / Aktion) Henrik Eichstädt Typo3-Einführung 21

22 Nachschlag: Content Elemente Tabelle für Datentabelle Trennung der Spalten durch ' '-Strich => Assistenten nutzen Dateilinks einfache Liste für Datei-Downloads + direkter Datei-Upload + Darstellung mit Icon, Dateigröße konfigurierbar - verlinkter Text ist Dateiname => 'besser': RTE Dateiupload über 'Dateiliste'-Modul Dateiliste im RTE als Text & Links auf Dateien Henrik Eichstädt Typo3-Einführung 22

23 Seiten übersetzen jeder Redakteur eigenverantwortlich (=> keine zentrale Anlaufstelle für Übersetzungen) 'Übersetzungstabelle' von Ref. ÖA (demnächst) Henrik Eichstädt Typo3-Einführung 23

24 Seiten übersetzen 2 1.neue Übersetzung anlegen: englisch 2.englischen Seitentitel etc. festlegen 3.(ersten) Seiteninhalt anlegen! beim Bearbeiten einer Seite beachten: in Spaltenansicht gewählte Sprache 4.=> dann können CEe aus Sprache Standard kopiert und übersetzt werden oder CEe neu anlegen Henrik Eichstädt Typo3-Einführung 24

25 CE in neue Sprache kopieren (Links-)Klick auf CE-Icon Kontextmenü Henrik Eichstädt Typo3-Einführung 25

26 Seitentypen beim Anlegen einer Seite / 'Seitentitel bearbeiten' Erweitert 'Standard', zus. Felder für Inhaltsangabe genutzt in z.b. Sitemaps Stichworte, Beschreibung - Metainformationen Shortcut wie eine eigene Seite, springt zu einer anderen internen Seite Externe URL wie Shortcut, Sprung zu externer Seite (! in gleichem Fenster) Nicht im Menü Seite erscheint nicht in Navigation und Sitemaps weitere: i.d.r. nicht notwendig Henrik Eichstädt Typo3-Einführung 26

27 Hinweise Sitemap-Content-Element - Übersicht über CE einer Seite - Übersicht über Unterseiten einer Seite - Abbildung einer Unterstruktur Copy & Paste (mind.) unter Windows: Formatierungen werden mit kopiert => Zwischenschritt notwendig: Copy => Paste Texteditor => Copy => Paste Typo3 Aktualität Typo3 erlaubt es, Inhalte zu ändern: - schnell (Formulare ausfüllen) - von jedem (der Redakteur ist) - von überall (mit Browser & Netzzugang) - ohne Upload statischer Dateien auf einen Webserver Henrik Eichstädt Typo3-Einführung 27

28 finale Hinweise Elemente nicht wegen Ihrer Darstellung 'mißbrauchen' Wenn Bedarf für spezielle Funktionen => melden URL Frontend: Henrik Eichstädt Typo3-Einführung 28