Inhalt. 2 RÖK Typo3 Dokumentation

2012 RÖK Typo3 Dokumentation Hauptadmin RÖK Eine Hilfe für den Einstieg in Typo3. innpuls Werbeagentur GmbH 01.01.2012

2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden... 3 3) Seiten einfügen/bearbeiten und löschen... 4 3.1) Seite erstellen... 4 3.2) Seitentyp Standard... 5 3.2.1) Allgemein... 5 3.2.2) Zugriff... 5 3.2.3) Metadaten... 6 3.2.4) Erweitert... 6 3.3) Seitentyp Verweis... 6 3.4) Seitentyp Externe-URL... 7 3.5) Seiten bearbeiten und löschen etc... 7 4) Seiteninhalte einfügen/bearbeiten und löschen... 8 4.1) Text... 9 4.2) Text mit Bild... 10 4.2.1) Bilder auswählen und hochladen... 13 4.3) Nur Bilder... 14 4.4) Dateiverweise... 14 4.5) Powermail... 16 5) Gästebuch Beiträge löschen... 20 6) Galerie bearbeiten... 21 7) News für Startseite bearbeiten... 22 7.1) News erstellen... 24 8) Termine für Terminliste / Startseite ändern... 25 9) Benutzer für RÖK-Mitgliederdatenbank anlegen... 26

3 RÖK Typo3 Dokumentation 1) Was ist Typo3 Typo3 ist eines der beliebtesten und am weitest verbreiteten Open Source Content Management Systeme der Welt. Die Software dient dazu, Inhalte verschiedenster Art auf einer Webseite von mehreren verschiedenen Redakteuren oder Mitarbeiten pflegen zu lassen. Open Source bedeutet in diesem Zusammenhang, dass der Programmier-Code, in dem die Software geschrieben wurde, offen gelegt ist und deshalb von Programmierern weltweit stetig weiter entwickelt und ausgebaut wird. 2) Typo3 aufrufen und Anmelden 1. Diese Adresse bei Punkt 1 einfügen um zur Typo3 Seite zu gelangen. http://www.kleintierzucht-roek.at/typo3/index.php 2. Hier den Benutzernamen eingeben. 3. Hier das Passwort eingeben. 4. Um die Eingaben zu bestätigen den Anmelden Button drücken.

4 RÖK Typo3 Dokumentation 3) Seiten einfügen/bearbeiten und löschen 3.1) Seite erstellen Nachdem man sich in Typo3 eingeloggt hat erschein dieses Fenster. 1. Als erstes klickt man mit der rechten Maustaste auf eine der aktuellen Seiten, es erscheint ein neues Menü. 2. In diesem Menü kann man nun mehrere Punkte auswählen, um eine Neue Seite zu erstellen wählen wir den Punkt Seitenaktionen. 3. Jetzt muss man nur noch auf den Punkt Neu klicken. Es erscheint nun dieses neue Fenster, hier kann man nun bestimmen wo die neue Seite seinen platz findet. 1.Bei dem markierten Punkt sieht man einen kleinen Grauen Pfeil, bei jedem dieser Pfeile kann man die neue Seite platzieren. Dies geschieht indem man einen Links klick auf den grauen Pfeil macht.

5 RÖK Typo3 Dokumentation 3.2) Seitentyp Standard 3.2.1) Allgemein 1. Hier kann man den Seitentyp auswählen als erstes werde ich den Standard Typ erläutern. Mit diesem Typ kann man eine normale Seite erstellen. 2. Hier wird der Seitenname eingegeben der später angezeigt werden soll. 3. Hier wird eingegeben was später in der URL angezeigt wird. 3.2.2) Zugriff 1. Mit dieser auswahlbox kann man die Seite deaktivieren um sie nur noch mit Typo3 zu erreichen. 2. Mit dieser auswahlbox kann man die Seite im Menü unsichtbar machen und sie über die URL erreichen. 3. Hier kann man ein Datum eingeben mit dem die Seite Veröffentlicht wird und auch Abläuft.

6 RÖK Typo3 Dokumentation 3.2.3) Metadaten 1. Hier kann man Schlüsselwörter für die Suchmaschinen zb. Google eingeben. 2. Hier kann man eine Beschreibung für die Suchmaschinen eingeben. 3.2.4) Erweitert 1. Hier kann man den Namen der Seite eingeben für die Suchmaschinen. 3.3) Seitentyp Verweis Ein Verweis wird benützt wenn man nicht auf die Seite kommen will, sondern diese Seite auf eine andere Seite Verweisen soll. 1. Hier wählt man aus das es einen Verweis geben soll. 2. Hier wird später angezeigt wie die Seite heißt auf die Weitergeleitet wird.

7 RÖK Typo3 Dokumentation 3. Mit diesem Button kann man den Verweis löschen. 4. Mit diesem Button kann man die Seite auf die Weitergeleitet werden soll suchen. 5. Hier kann man die Seite wie bei Punkt 4 suchen. 6. Hier wird wieder ein Seitentitel eingetragen. 7. Hier wird eingegeben was später in der URL angezeigt wird. 3.4) Seitentyp Externe-URL Link zu externer URL wird verwendet wenn durch das Anklicken dieser Seite man auf eine externe Seite umgeleitet werden soll. 1. Hier wählt man den Menüpunkt aus. 2. Hier kann man verschieden Protokoll Typen auswählen wie http:// https:// ftp:// oder auto. 3. Hier wird die URL eingegeben zb. www.google.at. 4. Hier wird der Titel der Seite eingegeben. 3.5) Seiten bearbeiten und löschen etc 1. Zuerst wird mit rechtsklick wieder das Menü aufgerufen. 2. Mit diesem Button kann man die Seiten im Standard Browser ansehen

8 RÖK Typo3 Dokumentation 3. Mit diesem Button kann man die Seite Deaktivieren. 4. Mit diesem Button kann man die Seite Bearbeiten. 5. Mit diesem Button öffnet man eine neue Menü ebene. 6. Hier kann man wie vorhin schon gezeigt eine neu Seite erstellen. 7. Die Seite Ausschneiden. 8. Die Seite Kopieren. 4) Seiteninhalte einfügen/bearbeiten und löschen 1. Als erstes wählen wir die Seite aus die wir Bearbeiten wollen. 2. Danach klickt man auf den Button einen neuen Datensatz anlegen. Es öffnet sich ein neues Fenster und dort kann man nun auswählen welchen Seiteninhalt man einfügen will.

9 RÖK Typo3 Dokumentation 1. Mit diesem Punkt kann man ein normales Textelement mit Überschrift und Fließtext einfügen. 2. Mit diesem Punkt kann man eine beliebige Anzahl von Bildern mit umfließenden Text einfügen. 3. Mit diesem Punkt kann man eine beliebige Anzahl von in Zeilen und Spalten angeordneten Bildern mit Beschriftungen einfügen. 4. Mit diesem Punkt kann man eine Liste mit Dateien zum Herunterladen einfügen. 5. Mit diesem Punkt kann man ein neues Powermail Formular erstellen. 4.1) Text 1. Hier wird die Überschrift hineingeschrieben. 2. Mit diesem Menüpunkt kann man Aufzählungszeichen oder Nummerierungen einfügen. 3. Damit kann man einen Text von Formatierungen säubern. 4. Dieser Punkt wird verwendet um Bilder einzufügen. 5. Mit diesem Punkt kann man eine Tabelle erstellen. 6. Damit kann man das Format verändern. 7. Mit diesem Auswahlfeld kann man die Schriftgröße ändern. 8. Wird verwendet um die Farbe zu ändern. 9. Wird verwendet um eine Hintergrundfarbe einzufügen. 10. Hier wird der Fließtext hineingeschrieben.

10 RÖK Typo3 Dokumentation 4.1.1) Tabellen erstellen (Ergänzung zu Punkt 5) Nach klicken auf den Button Tabelle einfügen / bearbeiten hat, öffnet sich folgendes Fenster: 1. Hier kann man die Salten Anzahl der Tabelle definieren. 2. Hier kann man die Zeilen Anzahl der Tabelle definieren. 3. Hier kann man den Abstand zwischen dem Zellenrand und dem Inhalt der Zelle definieren. 4. Hier kann man den Abstand zwischen 2 Zellen definieren. 5. Hier kann man die Ausrichtung der Tabelle definieren (Zentriert, Links oder Rechtsbündig). 6. Hier kann man die Dicke des Rahmen definieren (0 = kein Rahmen, 1 = Rahmen mit 1px, usw) 7. Hier kann man die Breite der gesamten Tabelle definieren. 8. Hier kann man die Höhe der gesamten Tabelle definieren. 9. Hier kann man verschiedene Tabellenstiele auswählen: a. tabelle_mit_unterstrich: b. tabelle_mit_rahmen: c. tabelle_mit_hintergrund:

11 RÖK Typo3 Dokumentation d. tabelle_mit_hintergrund_2: Mit dieser Klasse kann man z.b. jede zweite Zeile in einer dunkleren Farbe gestalten: Dazu klickt man zuerst in die Zeile der jeweiligen Tabelle die man umfärben will, und danach auf den Button Eigenschaften der Zeile. Darauf öffnet sich ein Fenster in dem man unter CSS-Klasse tabelle_mit_hintergrund_2 auswählt und klickt auf Aktualisieren. 10. Hier kann man die Beschriftung der Tabelle aktivieren.

12 RÖK Typo3 Dokumentation 4.2) Text mit Bild Der Menüpunkt Allgemein bleibt gleich, hier kann wie gewohnt Fließtext bearbeitet werden. 1. Hier werden die verschiedenen Bilder angezeigt nachdem man sie eingefügt hat. 2. Mit dem Pfeil nach oben kann ein Bild um eine Position nach oben verschoben werden. 3. Mit dem Pfeil nach unten kann ein Bild um eine Position nach unten verschoben werden. 4. Mit dem X kann ein ausgewähltes Bild wieder gelöscht werden. 5. Mit diesem Symbol kann man die Bilder auswählen. (Erklärung bei Punkt 4.2.1) 6. In diesem Eingabefeld kann man eine Beschriftung für das Bild eingeben. Dabei ist zu beachten dass man für ein Bild immer die Zeile daneben hat um ein Bild zu beschreiben. 7. Diese Checkbox verändert das Verhalten der Bilder, wenn sie aktiviert ist kann man Bilder anklicken die danach Größer werden. 8. In dieser Box kann man Links von Bildern einfügen die man anzeigen soll, wenn es mehrere sein sollen müssen die Links mit einem Beistrich getrennt werden. 9. In dieser Box kann man für das Bild einen Text eingeben der Angezeigt wird wenn das Bild nicht geladen wurde. 10. In dieser Box kann man für das Bild einen Text eingeben der Angezeigt wird wenn man mit der Maus auf das Bild zeigt.

13 RÖK Typo3 Dokumentation 4.2.1) Bilder auswählen und hochladen 1. Hier werden alle Ordner angezeigt mit einem Links Klick kann man einen auswählen. 2. Mit dieser Funktion wird die aktuelle Auswahl umgedreht das heißt alle ausgewählten Bilder werden nicht mehr ausgewählt und alle nicht ausgewählten werden Ausgewählt. 3. Mit dieser Funktion kann man die Auswahl einfügen. 4. Hier werden die verschiedenen Bilder angezeigt die man auswählen kann. 5. Mit diesen Checkboxen kann man ein Bild auswählen. Wenn man in diesem Fenster ganz nach unten scrollt kann man eine Datei hochladen. 1. Hier wird der Pfad angezeigt, in den das Bild hochgeladen wird. Dieser kann mit klicken auf den jeweiligen Ordner geändert werden. 2. Nach drücken dieses Buttons kann ein Bild auf dem Computer gesucht werden das hochgeladen werden soll. (max. 3 auf einmal) 3. Dieser Button lädt die Bilder hoch. 4. Beim aktivieren dieser Checkbox werden Bilder mit dem gleichen Namen überschrieben.

14 RÖK Typo3 Dokumentation 1. Hier kann die Bildbreite angegeben werden. 2. Hier kann man die Ausrichtung des Bildes ändern. 3. Hier kann man die Anzahl der Spalten angeben. 4.3) Nur Bilder Diese Funktion wird genauso verwendet wie Text mit Bild nur das man hier keinen Fließtext schreiben kann. 4.4) Dateiverweise 1. In diesem Feld wir die Überschrift eingegeben. 2. Hier werden die Ausgewählten Dateien angezeigt. 3. Mit dem Pfeil nach oben kann eine Datei um eine Position nach oben verschoben werden. 4. Mit dem Pfeil nach unten kann eine Datei um eine Position nach unten verschoben werden. 5. Mit dem X kann eine ausgewählte Datei wieder gelöscht werden. 6. Mit diesem Symbol kann man die Datei auswählen. (Erklärung bei Punkt 4.2.1) 7. In diesem Feld kann man noch eine kurze Beschreibung für jede Datei hinzufügen.

15 RÖK Typo3 Dokumentation 1. Mit dieser Checkbox kann man Informationen zur Dateigröße anzeigen.

16 RÖK Typo3 Dokumentation 4.5) Powermail 1. Mit dieser Checkbox kann das Formular deaktiviert werden. 2. Hier kann man eine Überschrift einfügen. 1. Hier wird der Name des Formulars eingegeben. 2. Hier kann man einen Ordner auswählen in dem die E-Mails auch gespeichert werden. 3. Mit dieser Checkbox aktiviert man eine Bestätigungsseite.

17 RÖK Typo3 Dokumentation 1. Mit dieser Funktion kann man eine neue Formularseite erstellen. 2. Hier wird der Titel angezeigt. 3. Hier kann man einen Formulartitel eingeben. 4. Diese Checkbox verbirgt den Formulartitel. 5. Mit dieser Funktion kann man ein neues Eingabefeld anlegen. 6. Hier wird der Titel des Eingabefeldes angezeigt. 7. Hier kann man den Titel eingeben. 8. Diese Checkbox verbirgt das Eingabefeld. 9. In dieser Liste werden die verschiedenen Eingabefelder angezeigt, genaue Erklärung im nächsten abschnitt.

18 RÖK Typo3 Dokumentation 1. Das Eingabefeld ist für einen normalen einzeiligen Text. 2. Das Eingabefeld ist für einen mehrzeiligen Fließtext. 3. Mit diesem Feld kann man eine Auswahlbox einfügen. 4. Mit diesem Feld kann man eine Checkbox einfügen. 5. Mit diesem Feld kann man eine Liste von Auswahlbuttons einfügen. 6. Mit diesem Feld wird der Absenden Button eingefügt. 7. Mit diesem Feld kann man eine Captcha Abfrage einfügen. 8. Mit diesem Feld wird ein Button eingefügt mit dem man das Formular zurücksetzten kann. 1. Hier wird der Betreff für die E-Mail eingetragen. 2. Hier wird die E-Mail eingetragen an die das Formular gesendet werden soll.

19 RÖK Typo3 Dokumentation 3. Hier kann man einen Text hinzufügen und die E-Mail formatieren. (###POWERMAIL_ALL### durch diese Textzeile wird das ganze Formular in der E-Mail versendet) 1. Hier kann man einen Text festlegen der Angezeigt wird wenn man das Formular abgesendet hat. 2. Hier kann man festlegen ob man auf eine andere Seite weitergeleitet werden soll.

20 RÖK Typo3 Dokumentation 5) Gästebuch Beiträge löschen 1. Zuerst geht man in die Listen Ansicht. 2. Als nächstes wählt man das Gästebuch aus welches man bearbeiten möchte. 3. Hier werden alle Gästebucheinträge aufgelistet. 4. Mit diesem Button kann man Gästebucheinträge ändern. 5. Mit diesem Button kann man Gästebucheinträge verstecken. 6. Mit diesem Button kann man Gästebucheinträge löschen.

21 RÖK Typo3 Dokumentation 6) Galerie bearbeiten Um eine Galerie zu bearbeiten wechselt man auf die listen Ansicht und wählt danach die Seite mit der Galerie aus. 1. Mit dieser Checkbox kann man eine Galerie verbergen. 2. Hier wird der Galerietitel eingegeben. 3. Hier werden die Bilder angezeigt die sich in der aktuellen Galerie befinden. 4. Mit diesem Symbol kann man Bilder zur Galerie hinzufügen. (Erklärung bei Punkt 4.2.1) 5. Hier kann man für jedes Bild eine Beschreibung eingeben.

22 RÖK Typo3 Dokumentation 7) News für Startseite bearbeiten 1. Zuerst muss man auf die Listenansicht umschalten. 2. Danach klickt man auf die Seite News-Startseite.

23 RÖK Typo3 Dokumentation Es wird nun auf der rechten Seite diese Ansicht angezeigt. 1. Mit diesem Button kann man neue News erstellen. 2. Hier werden alle aktuellen News angezeigt. 3. Mit diesem Button kann man die News bearbeiten. 4. Mit diesem Button kann man den Änderungsverlauf anzeigen. 5. Mit diesem Button kann man News hinter der Aktuellen erstellen. 6. Mit dem Pfeil nach oben kann man die News eine Position weiter nach oben schieben, dadurch wird sie dann früher angezeigt. 7. Mit dem Pfeil nach unten kann man die News eine Position weiter nach unten schieben, dadurch wird sie dann später angezeigt. 8. Mit diesem Button kann man die News Sichtbar bzw. Unsichtbar machen. (Leuchtende Lampe sichtbar, nicht leuchtende Lampe unsichtbar) 9. Mit diesem Button kann man die News löschen.

24 RÖK Typo3 Dokumentation 7.1) News erstellen 1. Mit dieser Checkbox kann man die News verbergen. 2. Hier wird der Titel eingegeben. 3. Hier wird der Name des Bildes angezeigt. 4. Mit diesem Button kann man das ausgewählte Bild wieder löschen. 5. Mit diesem Button kann man ein Bild auswählen. (Erklärung bei Punkt 4.2.1) 6. Hier kann man die Bild höhe verändern. 7. Hier kann man einen Text eingeben. 8. Mit diesem Button kann man einen Externen oder Internen Link, eine Datei oder eine E-Mail Adresse einfügen. 9. Mit dieser Checkbox kann man verhindern, dass der Titel angezeigt wird. Wenn man Punkt 9 aktiviert hat und keinen Text eingegeben hat wird der ganze News Bereich für das Bild verwendet. Ansonsten wird noch der Text rechts neben dem Bild angezeigt und der Titel darüber.

25 RÖK Typo3 Dokumentation 8) Termine für Terminliste / Startseite ändern 1. Als erstes wählt man die Seite aus auf dem der Termin angezeigt werden soll oder man einen Termin ändern möchte. 1. Mit diesem Button kann man einen neuen Termin anlegen. 2. Hier sind die verschiedenen Termine gelistet. 3. Mit diesem Button kann man den Termin bearbeiten. 4. Mit diesem Button kann man den Änderungsverlauf anzeigen. 5. Mit diesem Button kann man einstellen ob der Termin sichtbar sein soll. 6. Mit diesem Button kann man den Termin löschen. 7. Mit diesem Button kann man den Termin kopieren.

26 RÖK Typo3 Dokumentation 8. Mit diesem Button kann man den Termin ausschneiden. 1. Mit dieser Checkbox kann man den Termin verbergen. 2. Hier wird eingegeben ab wann der Termin stadtfindet. 3. Hier wird eingegeben bis wann der Termin stadtfindet. 4. Hier wird der Veranstalter Name eingegeben. 5. Hier kann man noch mehr Details hinzufügen. 6. Hier wird eine genaue Beschreibung hinzugefügt. 7. Hier wird der Ort des Termins eingetragen. 8. Wenn diese Checkbox aktiviert ist wird dieser Termin auf der Startseite angezeigt. 9) Benutzer für RÖK-Mitgliederdatenbank anlegen 1. Als erstes wählt man die Seite LOGINUSER aus.

27 RÖK Typo3 Dokumentation 1. Mit diesem Button kann man einen neuen Benutzer anlegen. 2. Hier sind die verschiedenen Benutzer gelistet. 3. Mit diesem Button kann man den Benutzer bearbeiten. 4. Mit diesem Button kann man den Änderungsverlauf anzeigen. 5. Mit diesem Button kann man einen neuen Benutzer nach dem erstellen. 6. Mit diesem Button kann man einstellen ob der Benutzer sichtbar sein soll. 7. Mit diesem Button kann man den Benutzer löschen. 8. Mit diesem Button kann man den Benutzer kopieren. 9. Mit diesem Button kann man den Benutzer ausschneiden. 1. Wenn diese Checkbox aktiviert ist, wird der Benutzer deaktiviert. 2. Hier wird der Benutzername eingegeben. 3. Hier wird das Passwort eingegeben. 4. Hier werden die ausgewählten Benutzergruppen angezeigt. 5. Hier kann man Benutzergruppen auswählen. 6. Hier steht das letzte bekannte Anmeldedatum.