Redaktions-Schulung Verein Netwerk Logistik 7. März 2008 Ralph Zimmermann Ablauf Redaktionssystem Allgemein Login Aufbau von Typo3 Seitenelemente Seitenelemente - Editieren /Hinzufügen Neue Seite anlegen Templates Seite übersetzen Live Workspace Schulungs Unterlagen Online verfügbar: Schulungsunterlagen (PDF) Typo3 Handbuch (PDF) Typo3 ein Open Source Content-Management-System (CMS) Inhalte (Texte, Bilder,...) ohne technisches Know How (HTML, CSS,...) eingeben Autoren -> Kernaufgaben Anlegen neuer Inhalte und die Aktualisierung bestehender Inhalte Einheitlicher Aufbau der Website
Zugang zu Typo3 Login Vorläufige Logins zur neuen Website: Frontend (Webseite) http://vn000001.host.inode.at/ Backend Login zu Typo3 http://vn000001.host.inode.at/typo3/ Username: vnlx Password: sunflower http://vn000001.host.inode.at/typo3 Aufbau Typo3 - Startseite Aufbau - Modulleiste Wichtigstes Modul Web/Seite Nach der Sitzung - Abmelden (Verlassen)
Aufbau von Typo3 Aufbau - Seitenbaum Seitenstruktur für Modul Web Struktur entspricht exakt dem Aufbau der Webseite Linksklick auf den Seitennamen -> Seite bearbeiten Rechtsklick -> Kontextmenü Aufbau - Arbeitsfläche Aufbau von Typo3 1 2 3 Arbeitsoberfläche - Schreibtisch Bearbeiten der Seite/ Seitenelemente
Eigene Seite für Schulung Menüpunkt Schulung im Seitenbaum Je Benutzer eine eigene Unterseite Links Klick auf Seitenname - Seite in der Arbeitsfläche Schulungsseiten sind nur intern zu sehen Seitenelemente Header & Footer werden von TYPO3 erstellt Seitenlemente des Hauptbereichs eine Seite kann aus mehreren Seitenelementen bestehen Texte, Bilder, Links,... Bsp.: Medienkultur und Kunsttheorien Seitenelemente II Seiteninhalte ändern Seiteninhalte ändern (Text, Bild,...) zu bearbeitende Seite finden - 2 Möglichkeiten Seitenbaum ID der Seite
Seite finden - Seitenbaum Seite finden - ID I Seiten ID Frontend = ID Backend Links Klick Seite wird im Arbeitsbereich geladen Seiten ID = 584 Seiten ID = 585 Seite finden - ID II Seiteninhalte ändern SeitenID in Bearbeiten/ Suchen einfügen ENTER gewünschte Seite wird auf der Arbeitsfläche geladen Das gewünschte Element durch Klick auf Bleistift im Element editieren
Text editieren Aufgabe 1 Überschrift = Titel Rich Text Editor (RTE) Text ist editierbar wie bspw. im Word Nach dem editieren Speichern (Diskette) Text der eigenen Seite (TestSeiteX) editieren Ergebnisse online Neue Seiteninhalte I Neue Seiteninhalte/-elemente (Texte, Bilder, Links,...) zu bestehenden Seiten hinzufügen Neue Seiteninhalte II oder auf neuer Seite oder bei bestehender Seite an gewünschter Stelle neues Seitenelement einfügen Klick auf
Seitenelemente in Typo3 Gewünschtes Element wählen Text Text & Bild(er) Bilder Links (Dateiverweise) Neues Seitenelement Bild I Überschrift = Titel Bilder lokal suchen & durch Speichern hochladen Bei mehreren Bildern nach jedem Bild speichern Position (Textfluss) Bildtext = Bildunterschrift Bei mehreren Bildern - pro Bild eine Zeile Neues Seitenelement Bild II 2 Neues Seitenelement Bild III 1 weitere Optionen Anzahl der Spalten Klick-vergrössern = Bild bei Klick vergrössern Nach Bearbeiten Speichern
Neues Seitenelement Bild IV Aufgabe II WICHTIG: Bildqualität/-bearbeitung auf Keine setzen!!! Nach Bearbeiten Speichern zu eigener Seite ein neues Seitenelement (Bild mit Text) hinzufügen in dieses Element ein Bild sowie Text einfügen Ergebnisse online Seitenelemente kopieren, ausschneiden, löschen,... Bearbeiten Kopieren Verknüpfen Ausschneiden Löschen Kopieren/Verknüpfen/Ausschneiden ist auch seitenübergreifend möglich!! kopieren/verknüpfen/ausschneiden 2 1 Art der Bearbeitung wählen und an gewünschter Stelle einfügen Mögliche Stellen sind mit dem Klemmbrett gekennzeichnet
Aufgabe III Dateien in Typo3 auf eigener Seite das letze Seitenelement (Bild mit Text) kopieren unterhalb des Seitenelementes wieder einfügen Bilder, Pdfs, Word Dokumente,... Im entsprechenden Ordner hochladen Ordnersystem entsprechend der Struktur der Website Ergebnisse online Dateien in Typo3 II Modul Datei - Dateiliste Ordnerstruktur sollte der Struktur der Website entsprechen Dateien in Typo3 III Neuen (Unter-)Ordner anlegen Datei in den ausgewählten Order hochladen
Datei(en) hochladen bis zu 10 Dateien gleichzeitig hochladen Datei auswählen Dateien verwenden Bsp. Bild Durch Klick auf das Ordnersymbol kann aus den hochgeladenen Dateien ausgewählt werden Dateiliste/-verweise Dateiliste/-verweise Liste von Dateien z.b. Pdfs zum downloaden Dateiverweise - Seitenelement mit einer Liste von Dateien z.b. Pdfs
Dateiliste/-verweise Dateiliste - VNL Durch Klick auf das Ordnersymbol kann aus den hochgeladenen Dateien ausgewählt werden Blaue Box mit Titel um die Dateiliste Grösse wird angezeigt Dateiliste - VNL Dateiliste - VNL Spezielles Element Blauer Rahmen Dateiliste innerhalb des neuen Elements einfügen. Also innerhalb der Box
Aufgabe IV auf eigener Seite ein Seitenelement (Dateiverweise) einfügen, Beliebige Dateien auswählen und die Dateigrösse anzeigen Dateiliste mit blauem Rahmen erstellen Ergebnisse online Neue Seite anlegen I Menüpunkt Schulung Je User eine eigene Unterseite Rechtsklick auf Seitensymbol - Kontextmenü - Neu Neue Seite anlegen II Neue Seite anlegen III Position der neuen Seite wählen Template VNL.at wählen
Neue Seite anlegen IV Seite verstecken Seitentitel (Pflichtfeld) Aliasnamen Speichern Neue Seite anlegen V (Links-Klick) Seiteneigenschaften Alle Seiteneigenschaften (Titel, Im Menü verstecken, externe Links,...) können über Seiteneigenschaften geändert werden. Rechts Klick - Kontextmenü - Seiteneigenschaften bearbeiten oder über Arbeitsfläche Bleistift links Aufgaben V Eigene Seite umbenennen Ergebnisse online
Seiten in Englisch I Seiten in Englisch II 1 Tab Übersetzungen klicken Teile der Webseite sind zweisprachig Standard Sprache (default language) ist Deutsch 2 Sprache wählen Seiten in Englisch III Seiten in Englisch IV Englischen Seitentitel eingeben Speichern & Schließen Bei ausgewählte Sprache English wählen Englische Seite bearbeiten
Aufgaben VI Live/Workspace Eigene Seite in Englisch anlegen (Seitentitel + Übersetzung) Ergebnisse online 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 Live/Workspace II Entwurfs-Workspace auswählen gewünschte Seite auswählen Seite bearbeiten Speichern und ansehen Live/Workspace III Publish page
Aufgabe VII Eigene Seite im Entwurfs-Workspace bearbeiten und anschliessend freischalten Ergebnisse online Vielen Dank für Ihre Aufmerksamkeit!