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

Transkript

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

2 Ablauf Redaktionssystem Allgemein Login Aufbau von Typo3 Seitenelemente Seitenelemente - Editieren /Hinzufügen Neue Seite anlegen Templates Seite übersetzen Live Workspace 2

3 Schulungs Unterlagen Schulungsunterlagen (PDF) Bilder für Übungsaufgaben Typo3 Handbuch (PDF) 3

4 Typo3 ein Open Source Content-Management-System (CMS) Inhalt, Struktur und Layout sind getrennt Inhalte (Texte, Bilder,...) ohne technisches Know How (HTML, CSS,...) Autoren -> Kernaufgaben Anlegen neuer Inhalte und die Aktualisierung bestehender Inhalte Einheitlicher Aufbau der Website 4

5 Zugang zu Typo3 Frontend (Webseite) Backend Login zu Typo3 5

6 Login Username: testuserxx Password: kunstuni 6

7 Aufbau von Typo3 7

8 Aufbau - Modulleiste Wichtigstes Modul Web/Seite Nach der Sitzung - Abmelden (Verlassen) 8

9 Aufbau - Seitenbaum Seitenstruktur für Modul Web Seite durch Linksklick in der Arbeitsfläche Kontextmenü durch Rechtsklick (abhängig vom Modul) 9

10 Aufbau - Arbeitsfläche detaillierte Arbeitsoberfläche abhängig vom Modul Bsp. Seitenelemente 10

11 Seitenelemente Header & Footer werden von TYPO3 erstellt Seitenlemente des Hauptbereichs eine Seite kann aus mehreren Seitenelementen bestehen Bsp.: Medienkultur und Kunsttheorien Texte, Bilder, Links,... Seiteninhalte bestehender Seiten ändern 11

12 Seiteninhalte ändern zu bearbeitende Seite finden Seitenbaum ID der Seite Seiteninhalte ändern (Text, Bild,...) 12

13 Seite finden - Seitenbaum Links Klick Seite wird im Arbeitsbereich geladen 13

14 Seite finden - ID I Seiten ID Frontend = Backend Seiten ID = 296 Seiten ID = 83 14

15 Seite finden - ID II SeitenID in Bearbeiten/ Suchen einfügen ENTER gewünschte Seite wird auf der Arbeitsfläche geladen 15

16 Seiteninhalte ändern Das gewünschte Element durch Klick auf Bleistift im Element editieren 16

17 Text editieren Überschrift = Titel Rich Text Editor (RTE) Text ist editierbar wie bspw. im Word Nach dem editieren Speichern 17

18 eigene Seite für Schulung Menüpunkt Schulung im Seitenbaum Je Benutzer eine eigene Unterseite Links Klick - Seite editieren 18

19 Aufgabe 1 Text der eigenen Seite (testuser_xx) editieren Ergebnisse online 19

20 Neue Seiteninhalte I Neue Seitenelemente zu bestehenden Seiten hinzufügen Seitenelemente löschen Seitenelemente kopieren 20

21 Neue Seiteninhalte II auf neuer Seite oder bei bestehender Seite an gewünschter Stelle oder neues Seitenelement einfügen 21

22 Seitenelemente in Typo3 Gewünschtes Element wählen Text Text & Bild(er) Bilder Links 22

23 Neues Seitenelement Bild I Überschrift = Titel Bilder lokal suchen & durch Speichern hochladen Bei mehreren Bildern nach jedem Bild speichern Bildtext = Bildunterschrift Bei mehreren Bildern - pro Bild eine Zeile 23

24 Neues Seitenelement Bild II Anzahl der Spalten Klick-vergrössern = Bild bei Klick vergrössern WICHTIG: Bildqualität/-bearbeiung auf Keine setzen!!! Nach Bearbeiten Speichern 24

25 Seitenelement kopieren/löschen Kopieren/Ausschneiden und an gewünschter Stelle einfügen Löschen 25

26 Aufgabe II zu eigener Seite ein neues Seitenelement (Text with Image) hinzufügen in dieses Element ein Bild sowie Text einfügen Ergebnisse online 26

27 Dateien in Typo3 Bilder, Pdfs, Word Dokumente,... Im entsprechenden Ordner hochladen Ordnersystem entsprechend der Homepage 27

28 Dateien in Typo3 II Module Datei - Dateiliste Orderstruktur sollte der Struktur der Homepage entsprechen 28

29 Dateien in Typo3 II Neuen (Unter-) Ordner anlegen Datei in den ausgewählten Order hochladen 29

30 Seitenelemente/ Templates Inhaltselemente - Bilder, Texte, Links,... Template - generelle Aufbau & Aussehen 30

31 Templates können für jede Seite ausgewählt werden regeln Header & Footer und Hauptbereich einspaltiges Template z.b. Leitungsgremien zweispaltiges Template 50:50 Template z.b. Orientierung/Profil Links 240 px Template z.b. Bibliothek ÖH - Template z.b. ÖH 31

32 Neue Seite anlegen I Menüpunkt Schulung Je User eine eigene Unterseite Rechtsklick auf Seitensymbol - Kontextmenü - Neu 32

33 Neue Seite anlegen II Assistent 33

34 Neue Seite anlegen III 1-Spaltiges Template 2-Spaltiges Template 50:50 2-Spaltiges Template links 260px breit 34

35 Neue Seite anlegen IV Seite verstecken Seitentitel (Pflicht) Speichern 35

36 Neue Seite anlegen V links Klick 36

37 Seiteneigenschaften Alle Seiteneigenschaften (Titel, Template,...) können über Seiteneigenschaften geändert werden. Rechts Klick - Kontextmenü - Seiteneigenschaften bearbeiten oder über Arbeitsfläche Bleistift links 37

38 Aufgaben III Eigene Seite umbenennen 2 spaltiges Template auswählen Links - Seitenelement mit Foto einfügen Rechts - Seitenelement mit kurzer Vorstellung einfügen Ergebnisse online 38

39 Seiten in Englisch I viele Seiten zweisprachig Standard Sprache (default language) ist Deutsch Sprachen werden von Typo3 unterstützt 39

40 Seiten in Englisch II 40

41 Seiten in Englisch III Englischer Page Title Speichern 41

42 Seiten in Englisch IV Englisch auswählen Englische Seite bearbeiten 42

43 Seite verschieben Rechts Klick - Kontextmenü Weitere Einstellungen - Seite verschieben In der Arbeitsfläche an gewünschter Stelle einfügen 43

44 Aufgaben IV Seite in Englisch anlegen (Seitentitel + Übersetzung) Ergebnisse online 44

45 Live/Workspace Sinnvoll bei umfangreichen Änderungen Änderungen sind nicht am Live System - daher keine halbfertigen Seiten Änderungen auf viel frequentierten Seiten Erst nach einem freischalten im Live System 45

46 Live/Workspace II Entwurfs-Workspace auswählen gewünschte Seite auswählen Seite bearbeiten 46

47 Live/Workspace III Zum Freischalten gibt es 2 Möglichkeiten Publish page Speichern und ansehen 47

48 Live/Workspace IV Workspace veröffentlichen Klick auf Symbol 48

49 Aufgabe V Eigene Seite im Entwurfs-Workspace bearbeiten und anschliessend freischalten Ergebnisse online 49

50 Vielen Dank für Ihre Aufmerksamkeit! 50