1 Einleitung... 1 2 Einstieg... 2 2.1 Frontend... 2 2.2 Backend... 2 3 Überblick und Aufbau... 3 3.1 Verwaltung... 3 3.2 Seiten... 4 4 Editieren von Seiten... 5 4.1 Neuer Eintrag / Seiteninhalt bearbeiten... 5 4.1.1 Sonderregelung für Seiteninhalte Kontakt, Download, Hinweis... 6 5 Dateien/Bilder zum Download zu Verfügung stellen... 7 5.1 Hochladen von Dateien und Bildern... 7 5.2 Verlinken von Bildern und Dateien... 8 5.2.1 Datei als Download... 8 5.2.2 Einzelbild/er in einem Seiteninhalt... 10 5.2.3 Galerie (Bildersammlung)... 11 6 Umgang mit Bildern... 13 1 Einleitung Typo3 ist ein Content-Management-System (CMS), mit dem die Web-Seiten erstellt und editiert werden. Diese Kurzanleitung soll der Einstieg in die Arbeit mit Typo3 erleichtern und als Gedächtnisstütze beim unregelmässigen Gebrauch dienen. Es werden nicht alle möglichen Funktionen beschrieben. Weiterführende Informationen: http://www.boku.ac.at/typo3einf/typo3einf-42.pdf Änderungen im Typo3 haben unmittelbaren Einfluss auf die Webseite www.kirche-thurnen.ch. D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 1/13
2 Einstieg 2.1 Frontend Das so genannte Frontend von TYPO3 ("vordere Seite") ist der Web-Server, der die Web-Seiten den Internet- Surfern anzeigt. Der Zugriff kann mit jedem beliebigen Web-Browser erfolgen. www.kirche-thurnen.ch 2.2 Backend Das so genannte Backend von TYPO3 ("hintere Seite") ist das Content-Management-System, mit dem die Web- Seiten erstellt und editiert werden. Der Zugriff ist nur für berechtigte Personen möglich. www.kirche-thurnen.ch/typo3 Abb. 1 Login für ins Backend D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 2/13
3 Überblick und Aufbau 3.1 Verwaltung Nach erfolgreichem Login erscheint ein Begrüssungsfenster mit Erklärung zur Navigation am linken Rand: Abb. 2 Backend Wird in der Navigation auf Seite geklickt, wird die Seitennavigation aufgerufen. Mit einem weiteren Klick auf eine Seite, wird diese rechts daneben geöffnet. 1) Seite 2) Home Abb. 3 Backend, Seitenverwaltung D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 3/13
3.2 Seiten Die Seiten sind im Backend gleich wie im Frontend strukturiert. Inhalte werden in der Mitte platziert. Für Informationen zu Kontakt, Hinweise und Downloads ist die rechte Spalte bestimmt. Anhand eines Beispiels mit der Home-Seite wird dies verdeutlicht. 1 2 3 4 5 Abb. 4 Home im Backend 3 1 4 5 2 Abb. 5 Home im Frontend D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 4/13
4 Editieren von Seiten Seite in Navigation wählen Neuer Eintrag erstellen (unter- oder oberhalb eines bereits bestehenden Eintrags) Eintrag bearbeiten Abb. 6 Editieren von Seiteninhalte in einer Seite Symbole Eintrag verbergen (für Besucher nicht mehr sichtbar) Eintrag löschen 4.1 Neuer Eintrag / Seiteninhalt bearbeiten Eine Seite hat einzelne oder mehrere Inhalte, welche einzeln editiert werden können. Register Allgemein - Titel des Eintrages Der Typ des Eintrages kann hier gewählt werden. z. Bsp. Text oder Text / mit Bild Abb. 7 Seiteninhalt, Register Allgemein D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 5/13
Register Text - Bearbeiten und Formatieren des Textes Abb. 8 Seiteninhalt, Register Text Register Medien (nur vorhanden, wenn im Register Allgemein als Typ Text m/bild gewählt ist) - Wählen des Bilden - Position des Bildes festlegen - Grösse definieren (optional) Vorher unbedingt Kapitel 5 Dateien/Bilder zum Download zu Verfügung stellen lesen. Abb. 9 Seiteninhalt, Register Medien (optional) 4.1.1 Sonderregelung für Seiteninhalte Kontakt, Download, Hinweis In den Seiteninhalten auf der rechten Seite wird mit einem Zeilenumbruch (Enter) zwischen zwei Zeilen eine dünne Linie eingefügt. Damit werden Inhalten klar getrennt. Ein einfacher Zeilenumbruch wird mit Shift und Enter eingefügt. Einfacher Zeilenumbruch (Shift + Enter) Dünner Strich zum Trennen von Informationen (Enter) Abb. 10 Absatzregeln im Seiteninhalt der rechten Seite D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 6/13
5 Dateien/Bilder zum Download zu Verfügung stellen 5.1 Hochladen von Dateien und Bildern Zum veröffentlichen von Dateien wird die jeweilige Datei immer zuerst in eine definierte Ordnerstruktur auf dem Server abgelegt. 1) Dateiliste 4) Dateien hochladen 2) Kategorie / Termingruppe 3) passender Unterordner Hinweis: Der Ordner Front gibt es bei Kategorien mit Unterteilungen und ist für Dateien auf der jeweiligen Hauptseite gedacht. Abb. 11 Verzeichnis wählen (hochladen eines Bildes) 5) hochzuladende Dateien auswählen Auch Mehrere auf einmal möglich! Abb. 12 Datei auswählen Nach dem auswählen der Datei/en wird mit dem übertragen begonnen. Vor dem hochladen von Bildern, bitte vorher das Kapitel 6 Umgang mit Bildern lesen. D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 7/13
5.2 Verlinken von Bildern und Dateien Nach dem erfolgreichen übertragen der Datei, ist diese auf dem Server. Damit diese Datei jemand findet, muss diese noch verlinkt werden. 5.2.1 Datei als Download 1) Seite 2) Element bearbeiten oder neu anlegen Abb. 13 Seiteninhalt öffnen 3) Text wählen 4) Text schreiben Abb. 14 Beschreibung zur Datei schreiben 5) Text markieren 6) Link einfügen Abb. 15 Text markieren D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 8/13
7) Datei 8) neues Fenster 9) Verzeichnis mit Datei wählen 10) Datei wählen Abb. 16 Ziel und Datei auswählen 11) Speichern Abb. 17 Seiteninhalt speichern D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 9/13
5.2.2 Einzelbild/er in einem Seiteninhalt 1) Seite 2) Kategorie / Termingruppe 3) Editieren von Seiten Siehe Kapitel 4 4) Medien Voraussetzung: Im Reiter Allgemein Text m/bild 4) Dateien durchblättern Abb. 18 Bild in einen Seiteninhalt einfügen 5) Verzeichnis wählen 6) Bild auswählen Abb. 19 Bild auswählen D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 10/13
5.2.3 Galerie (Bildersammlung) Alle Bilder in ein neues, eigenes Verzeichnis laden. Siehe Kapitel: 6 Umgang mit Bildern und 5.1 Hochladen von Dateien und Bildern Weiterführend zu Kapitel 5.1 zwischen Punkt 3 und 4: 3.1) Neu Abb. 20 Ordner anlegen 3.2) Ordnername 3.3) Ordner anlegen Abb. 21 Ordner anlegen Nach dem hochladen der Bilder ein neuer Eintrage erstellen (Kapitel 4). Plug-In: Einfache Galerie wählen Abb. 22 Plug-In Einfache Galerie D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 11/13
1) Plug-In 2) Ordner mit Bilder wählen Abb. 23 Einstellungen Plug-In Einfache Galerie Nach dem Speichern werden alle Bilder als Galerie im erstellten Seiteninhalt angezeigt. D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 12/13
6 Umgang mit Bildern Bilder sollten nicht direkt von der Digitalkamera auf die Webseite geladen werden. Bereits herkömmliche Digitalkameras machen Fotos von hoher Qualität und Grösse, welche für die direkte Verwendung im Web, viel Datenverkehr und unnötig lange Ladezeiten verursacht. Als Empfehlung alle Bilder konvertieren, so dass die längere Seite 600 Pixel ist (Die andere Seite ergibt sich dadurch). Diese Verarbeitung machen Grafikprogramme, zum Beispiel für alle Bilder aus einem Ordner, in kurzer Zeit. 600px Hochformat Querformat 600px Abb. 24 Konvertierung von Bildern Wie z.b. Iranview (Download unter: http://www.irfanview.de/) D:\Dokumente\KG Thurnen\Webseite\Anleitungen\Typo3 KurzanleitungRedaktionWebseite.doc 13/13