Dokumentation Typo 3

Transkript

1 Dokumentation Typo 3 Diese Dokumentation wurde ausgearbeitet und erstellt von: IT-Management des FB07 Universität Kassel Nora-Platiel-Str. 4, Raum 1223, Kassel Tel: 0561/ Fax: 0562/ Mail: it-management@wirtschaft.uni-kassel.de

2 Inhalt Inhalt 1. Wichtige Begriffe Vor dem ersten Login Weiterleitung der -Adresse w_03xxxx@uni-kassel.de Passwort ändern Erstes Login Anmelden / Login in Typo Funktionen von Typo3 (siehe Typo3-Seitenbaum) Backend-Sprache ändern Anzeige eines Namens und einer auf der Webseite Seite erstellen/verschieben/kopieren Neue Seite erstellen Seite verschieben Seite kopieren Seiteneigenschaften Seite verstecken (aus- und einblenden) Seitentyp Seitentitel und Alias Typo3 Dokumentation Seite 2 von 44

3 Inhalt 6. Seiteninhaltselemente Seitenbereiche Normal, Rechts und Rand Inhaltstypen Mehrere Datensätze bzw. Inhaltselemente Weitere wichtige Einstellungen, die die Arbeit erleichtern Überschriften Einfügen der CSS-Datei Dateiupload Seiteninhalte bearbeiten Übersicht Verlinkungen Verlinkung zu einer Typo3-Seite Verlinkung zu einer Datei Verlinkung zu einer externen Seite Verlinkung zu einer -Adresse Verlinkung entfernen Bild einfügen Sonstige Hinweise Typo3 Dokumentation Seite 3 von 44

4 1. Wichtige Begriffe 1. Wichtige Begriffe 1. CSS - Cascading Style Sheets CSS legt fest, wie ein spezieller Abschnitt dargestellt werden soll. Dazu ist es wichtig, Abschnitte deren Aussehen gleich sein soll, so zu gestalten, dass sie derselben Klasse angehören. Abschnitte des HTML-Dokuments werden spezifisch gekennzeichnet (Überschrift 1, 2, 3, Standard etc.); das Aussehen dieser Abschnitte wird im CSS festgelegt. Die inhaltliche Gestaltung ist somit von der optischen Gestaltung getrennt. 2. CMS - Content-Management-System CMS ist ein Anwendungsprogramm, das die gemeinsame Erstellung und Bearbeitung des Inhalts von Text- und Multimedia-Dokumenten ermöglicht und organisiert. Ein Autor (= Bearbeiter von Typo3-Seiten) kann ein solches System (z.b. Typo3) auch ohne Programmier- oder HTML-Kenntnisse bedienen. Die darzustellenden Informationen werden in diesem Zusammenhang als Content (= Inhalt) bezeichnet. 3. Backend Backend ist die Ansicht, die bei der Bearbeitung zur Verfügung steht. Sie steht nicht der Öffentlichkeit (= Jedermann), sondern den Autoren (= Bearbeiter) zur Verfügung. 4. Frontend Frontend ist die Ansicht, die der Öffentlichkeit zur Verfügung steht. 5. Typo3 Typo3 ist ein Open-Source-Entwicklungsframework für mittlere und große Websites, das von Kasper Skårhøj entwickelt wurde. Es erschien Typo3 Dokumentation Seite 4 von 44

5 2. Allgemeine Einstellungen 2. Vor dem ersten Login 2.1. Weiterleitung der -Adresse Mit dem Webaccount hängt eine -Adresse zusammen, sie lautet i.d.r. Da die Webaccounts in Ihrer Dauer befristet sind, müssen diese von Zeit zu Zeit verlängert werden. Den Verlängerungshinweis erhalten Sie an die dazugehörige - Adresse. Um den regelmäßigen Abruf der s zu gewährleisten, empfiehlt das IT- Management eine Weiterleitung zu Ihrer regelmäßig genutzten -Adresse einzurichten. 1. Gehen Sie zum Benutzerportal des Hochschulrechenzentrums ( 2. Wählen Sie den Menüpunkt -Nachsendung ändern. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 5 von 44

6 2. Allgemeine Einstellungen 3. Loggen Sie sich mit Ihren Zugangsdaten des Webaccounts ein. 4. Geben Sie nun die -Adresse an, zu der die Weiterleitung künftig bestehen soll. Im Anschluss dessen klicken Sie auf den Button Nachsendeadresse ändern. Ihre Weiterleitung ist nun eingerichtet. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 6 von 44

7 2. Allgemeine Einstellungen 2.2. Passwort ändern Um Ihr gewünschtes Webaccount-Passwort einzustellen, gehen Sie bitte folgend vor. 1. Loggen Sie sich im Benutzerportal des Hochschulrechenzentrums ein. ( 2. Wählen Sie den Button Passwort ändern. 3. Geben Sie Ihr gewünschtes Passwort ein. Bitte beachten Sie das folgende Restriktionen bestehen: - das Passwort muss aus 8 Zeichen bestehen, - mindestens einen Kleinbuchstaben enthalten, - mindestens einen Großbuchstaben enthalten, - mindestens eine Ziffer enthalten sowie - mindestens ein Sonderzeichen enthalten. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 7 von 44

8 3. Erstes Login 3. Erstes Login 3.1 Anmelden / Login in Typo3 Die Anmeldung/ das Login in Typo3 erfolgt über den Web-Browser (Internet Explorer, Firefox). Gehen Sie auf eine Webseite der Homepage der Universität Kassel, wie z.b. die Home FB 07 -Seite. 1. Klicken Sie auf login in der vertikalen Menü-Leiste (oben links). 2. Geben Sie Ihre Login-Daten ein (w_03xxxx-account). Das Interface bleibt dabei auf Backend. Klicken Sie auf Log In. Hinweis: Loggen Sie sich immer über die Universitätsseite ein! Bitte setzen Sie die Typo3-Login- Seite nicht als Lesezeichen! Bei Updates von Typo3 kann sich diese Seite ändern und funktioniert dann nicht mehr zum Login in Typo3. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 8 von 44

9 3. Erstes Login 3.2. Funktionen von Typo3 (siehe Typo3-Seitenbaum) 1. Seite Hier wird die Webseite erstellt und bearbeitet. Der strukturelle Aufbau der Webseite wird in der Form des Seitenbaums angezeigt bzw. festgelegt. 2. Anzeigen Präsentiert die Webseite im Anzeigefenster. Hier können einfache Änderungen an der Webseite vorgenommen werden, klicken Sie dazu auf die Bearbeitungsstifte. 3. Liste Diese Funktion ist der Seite -Funktion ähnlich. Hier werden im Listen-Format Seiten und Datensätze angezeigt. Diese Funktion ist vor allem zum Verschieben, Kopieren und Löschen von mehreren Seiten und Datensätzen geeignet. 4. Info Diese Funktion gibt Auskunft über den strukturellen Aufbau der Webseite. Es werden Informationen zusammengefasst dargestellt. 5. Zugriff Hier können Seiten innerhalb der Zugriffsstruktur mit individuellen Zugriffsrechten versehen werden (Besitzer, Gruppe, Alle: Lesen, Schreiben, Löschen). Diese Funktion ist von Autoren i.d.r. zu vernachlässigen. 6. Funktionen Hier können mehrere Seiten auf ein Mal angelegt werden. Diese Funktion ist von Autoren i.d.r. zu vernachlässigen. 7. Dateiliste Dateiliste ist ein FTP-Programm (Datei-Transfer-Programm), das für das Hochladen und Verwalten von Dokumenten und Bildern geeignet ist. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 9 von 44

10 3. Erstes Login 8. Aufgaben Unter Aufgaben kann ein Benutzer sich selbst oder anderen Benutzern Aufgaben zuordnen. Diese Funktion ist i.d.r. vernachlässigbar. 9. Einstellungen Hier kann ein Benutzer Einstellung insbesondere der Darstellung des Backends vornehmen. Hier kann z.b. die Backend-Sprache eingestellt werden. Hinweis: In den Einstellungen können Sie Ihr Webaccount-Passwort nicht ändern. Bitte benutzen Sie dazu die Accountverwaltung des Hochschulrechenzentrums (Kapitel 2.2.). Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 10 von 44

11 3. Erstes Login 3.3. Backend-Sprache ändern Standardmäßig ist Typo3 in englischer Sprache voreingestellt. I.d.R. wird diese Einstellung bereits durch den w_ administrator auf die deutsche Sprache geändert. Sollte dies noch nicht geschehen sein, finden Sie hier eine Anleitung die Sprache einzustellen. 1. Klicken Sie zunächst im linken Menü auf den Button Setup/Einstellungen. 2. Wählen Sie in dem Drop-down-Menü die gewünschte Sprache aus. 3. Bestätigen Sie Ihre Auswahl mit dem Button Save Configuration/Konfiguration speichern (unten mitte). 4. Um die Änderungen zu übernehmen, aktualisieren Sie die Ansicht Ihres Browsers. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 11 von 44

12 3. Erstes Login 3.4. Anzeige eines Namens und einer auf der Webseite Möchten Sie die Anzeige eines Namens mit der dazugehörigen -Adresse auf jeder Webseite Ihres persönlichen Bereiches der Homepage der Universität Kassel, gehen Sie bitte folgend vor. Der Name wird mit der -Adresse verknüpft und auf der Homepage an der unteren rechten Seite angezeigt. 1. Klicken Sie zunächst im linken Menü auf den Button Setup/Einstellungen. 2. Unter den persönlichen Daten geben Sie den Namen an, der auf der Webseite eingeblendet werden soll. I.d.R. sollte dort der Name Desjenigen erscheinen, der die Homepage bearbeitet. Anschließend geben Sie die -Adresse Desjenigen ein, dessen Name angegeben wird. 3. Bestätigen Sie Ihre Auswahl mit dem Button Save Configuration/Konfiguration speichern (unten mitte). 4. Um die Änderungen zu übernehmen, aktualisieren Sie die Ansicht Ihres Browsers. Der Name mit der Verlinkung zur angegeben -Adresse wird in der Frontend-Ansicht unten rechts der Seite angezeigt. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 12 von 44

13 4. Seite erstellen/verschieben/kopieren 4. Seite erstellen/verschieben/kopieren Es gibt mehrere Möglichkeiten, ein Seite zu erstellen/verschieben/kopieren. Hier soll jeweils eine Variante dargestellt werden. Praxistipp: Möchten Sie eine neue Seite erstellen, empfehlen wir Ihnen eine bestehende Seite auszuwählen, diese zu kopieren und Ihren Wünschen anzupassen. Auf diese Weise können wichtige Einstellungen (CSS-Datei) übernommen werden, die Sie sonst erneut vornehmen müssen. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 13 von 44

14 4. Seite erstellen/verschieben/kopieren 4.1. Neue Seite erstellen 1. Klicken Sie zunächst im linken Menü auf Seite. 2. Anschließend klicken Sie auf den Button Neue Seite. 3. Wählen Sie die Position aus, an der die neue Seite eingefügt werden soll, indem der entsprechende Pfeil angeklickt wird. 4. Das Fenster, in dem die Seiteneigenschaften definiert werden können, wird geöffnet. Folgen Sie nun den Anweisungen des Kapitel 5. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 14 von 44

15 4. Seite erstellen/verschieben/kopieren 4.2. Seite verschieben 1. Klicken Sie zunächst im Menü auf Seite. 2. Anschließend klicken Sie auf den Button Seite verschieben. 3. Wählen Sie die neue Position aus, an der die Seite eingefügt werden soll, indem der entsprechende Pfeil angeklickt wird. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 15 von 44

16 4. Seite erstellen/verschieben/kopieren 4.3. Seite kopieren 1. Klicken Sie zunächst im Menü auf Seite. 2. In dem Seitenbaum klicken Sie auf das Symbol vor dem Titel der Seite. 3. In dem Menü wählen Sie Kopieren aus. 4. Fügen Sie anschließend die neue Seite an der Stelle ein, an der Sie zukünftig positioniert werden soll. Wählen Sie dazu die Seite aus, nach der die zu kopierende Seite stehen soll. Zunächst klicken Sie auf das Symbol vor dem Seitentitel. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 16 von 44

17 4. Seite erstellen/verschieben/kopieren 5. Die Seite kann als untergeordnete Seite ( Einfügen in ) oder als nachgeordnete Seite ( Einfügen nach ) eingefügt werden. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 17 von 44

18 5. Seiteneigenschaften 5. Seiteneigenschaften In den Seiteneigenschaften werden u.a. der Seitentype (Standard, Shortcut, etc.), der Seitentitel und der Alias (Pseudonym) einer Seite festgelegt. 1. Dazu wählen Sie die Seite aus deren Eigenschaften bearbeitet werden sollen und klicken auf den Button Seiteneigenschaften bearbeiten. 2. Das Fenster zum Bearbeiten der Seiteneigenschaften wird geöffnet. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 18 von 44

19 5. Seiteneigenschaften 5.1. Seite verstecken (aus- und einblenden) Eine versteckte Seite wird nur im internen Backend-Bereich angezeigt. Sie steht nicht der Öffentlichkeit zur Ansicht zur Verfügung. Diese Anwendung ist gegenüber dem Löschen der Seite zu bevorzugen. Um eine Seite zu verstecken bzw. auszublenden, setzen Sie das Häkchen. Um eine Seite einzublenden, entfernen Sie das Häkchen. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 19 von 44

20 5. Seiteneigenschaften 5.2. Seitentyp Die Einstellung des Seitentypen hat Einfluss darauf, wie die Seite genutzt werden kann. Folgende Seitentypen stehen zur Verfügung (Auszug): 1. Standard Standard ist der am häufigsten verwendete Seitentyp. Seiten von diesem Typen stehen automatisch in der Menüstruktur der Frontend-Ansicht. 2. Erweitert Auch der Seitentyp Erweitert wird bei der Erstellung der Menüstruktur im Frontend einbezogen. Im Gegensatz zum Standard -Typ können bei diesem Seitentyp weiterführende Optionen genutzt werden. Mit den Einstellungen Inhaltsangabe, Stichworte und Beschreibung können Informationen hinzugefügt werden, die zur internen Suche genutzt werden können. Über das Feld Navigationstitel kann ein anderer Name für die Navigation im Frontend festgelegt werden. Mit dem Feld Zeige den Inhalt dieser Seite an besteht die Möglichkeit, Inhalte einer anderen Seite anzeigen zu lassen um Redundanzen zu vermeiden. 3. Externe URL Mit dem Typ Externe URL kann direkt aus der Menüstruktur heraus auf eine externe Webseite verlinkt und weitergeleitet werden. Seiten dieses Typen enthalten zusätzlich keinen Inhalt. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 20 von 44

21 5. Seiteneigenschaften 4. Shortcut Der Seitentyp Shortcut bietet eine ähnliche Funktion wie der Typ Externe URL. Anders als bei diesem Typen, kann mit dem Typ Shortcut direkt aus der Menüstruktur heraus auf eine Webseite innerhalb des Typo3-Systems verlinkt und weitergeleitet werden. Seiten dieses Typen enthalten zusätzlich keinen Inhalt. 5. Nicht im Menü Seiten des Typs Nicht im Menü werden nicht in der Menüstruktur des Frontends angezeigt. Sinnvoll ist es, wenn eine Verlinkung zu dieser Seite besteht, damit sie ohne weiteres erreicht werden kann. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 21 von 44

22 5. Seiteneigenschaften 5.3. Seitentitel und Alias Der Titel der Seite wird i.d.r. in der Menüstruktur des Frontend-Bereichs angezeigt. Die Eingabe eines Seitentitels ist zwingend. Der Alias bewirkt eine alternative Anzeige der URL. Jede einzelne Seite ist mit einer vierstelligen ID versehen, die in der URL angezeigt wird. Anstelle der ID kann der Alias erscheinen (Bsp.: anstelle Praxistipp: Als weitere Möglichkeit, eine veränderte URL zu nutzen, steht die Go-To-Funktion zur Verfügung (Bsp.: Möchten Sie diese Funktion nutzen, dann wenden Sie sich bitte an den Webservice des IT-Managements. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 22 von 44

23 6. Seiteninhaltselemente 6. Seiteninhaltselemente Die einzelnen Seiten des Typo3-Systems bestehen neben den Seiteneigenschaften (Kapitel 5.) aus einem oder mehreren Inhaltselementen bzw. Datensätzen. Diesen Elementen stehen verschiedene Seitenbereiche sowie Inhaltstypen zur Verfügung. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 23 von 44

24 6. Seiteninhaltselemente 6.1. Seitenbereiche Normal, Rechts und Rand Datensätze können verschiedenen Seitenbereichen zugeordnet werden, wodurch die horizontale Position der einzelnen Inhalte auf der Webseite festgelegt werden kann. Vom Fachbereich 07 ist ausschließlich die Verwendung der Seitenbereiche Normal und Rechts vorgesehen. 1. Normal Mit Normal wird der mittlere Seiteninhaltsbereich gefüllt. Wird der Seitenbereich Rechts nicht genutzt, so erstreckt sich Normal über den gesamten Inhaltbereich. 2. Rechts Mit dem Seitenbereich Rechts kann der rechte Seiteninhalt gefüllt werden. 3. Rand Die Anwendung dieser Funktion ist nicht vorgesehen. Normal Rechts Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 24 von 44

25 6. Seiteninhaltselemente 6.2. Inhaltstypen Es gibt zahlreiche Inhaltstypen mit verschiedenen Funktionen. Diese Typen beinhalten mehrere und weiterführende Einstellungs- und Konfigurationsmöglichkeiten, die durch den einfachen Inhaltstyp nicht gewährleistet sind. Jedoch reicht es für die Bearbeitung oder Erstellung von Webseiten i.d.r. völlig aus, den Inhaltstyp Text auszuwählen. Bei diesem Inhaltstypen besteht die Möglichkeit neben der Texteingabe, Tabellen, Bilder u. a. Inhalte einzufügen. Aus diesem Grund wird an dieser Stelle auf eine ausführliche Beschreibung der weiteren Inhaltstypen verzichtet. Hinweis: Der Fachbereich 07 verwendet eine eigene CSS-Formatierung, die in einer Datei definiert ist. Diese CSS-Datei muss auf jeder Webseite als separates Inhaltselement mit dem Typen Datensatz eingefügt werden. Folgen Sie dazu den Anweisung des Kapitels 6.6. Um die Arbeit zu vereinfachen, kopieren Sie eine Seite, anstatt eine neue Seite zu erstellen. So enthält diese Seite gleich zu Beginn die CSS-Datei. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 25 von 44

26 6. Seiteninhaltselemente 6.3. Mehrere Datensätze bzw. Inhaltselemente Eine Seite sollte i.d.r. aus mehreren Datensätzen bzw. Inhaltselementen bestehen. Legen Sie für jeden logisch selbstständigen Bereich einen separaten Datensatz an. Durch das Anlegen einzelner Datensätze werden die Inhalte der Webseite strukturiert und ihre spätere Bearbeitung vereinfacht. Dies bietet den Vorteil, dass weitere Informationen einfacher hinzugefügt werden können. Zudem kann die Reihenfolge der Inhaltselemente mühelos verändert und einzelne Teile vorübergehend ausgeblendet werden. Die Hauptüberschrift der Seite sollte als ein eigenes, erstes Inhaltselement, erstellt werden, das nur die Überschrift ohne weiteren Text enthält. Die eigentlichen Textteile sollten in weiteren Inhaltselementen angelegt werden. So haben Sie die Möglichkeit, später Textteile zu entfernen oder hinzuzufügen, ohne dass die Überschrift verändert wird. Praxistipp: Arbeiten Sie mit mehreren, logisch selbstständigen Inhaltselementen. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 26 von 44

27 6. Seiteninhaltselemente 6.4. Weitere wichtige Einstellungen, die die Arbeit erleichtern 1. Anzeige verborgener Inhalte Es besteht die Möglichkeit sämtliche Inhaltselemente (ein- und ausgeblendete) im Backend anzuzeigen, währen sich im Frontend-Bereich jedoch nichts ändert. Hierfür aktivieren Sie die Funktion Zeige verborgene Inhalte an (Häkchen setzen). Mit dieser Funktion werden sämtliche Inhaltselemente (ein- und ausgeblendete) im Backend angezeigt. Für den Frontend-Bereich ändert sich nichts. 2. Anzeige der zweiten Optionspalette und der Feldbeschreibungen Aktivieren Sie die Funktion Zweite Optionspalette anzeigen und Feldbeschreibungen anzeigen. Diese Funktionen können erst nach dem Erstellen einer Seite aktiviert werden. Somit stehen weitere nützliche Funktionen sowie die Beschreibung von Funktionen zur Verfügung. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 27 von 44

28 6. Seiteninhaltselemente 6.5. Überschriften Überschriften können auf verschiedenen Ebenen erstellt werden. Diese können Sie auf folgende Art und Weise eingeben: 1. Seitentitel: Der Seitentitel ergibt sich aus den Einstellungen der Seiteneigenschaften, er erscheint automatisch in den Navigationsleisten (Ausnahme: Seitentyp Nicht im Menü ). 2. Seitenüberschrift: Die Überschrift, die als erster Inhalt auf der Seite sichtbar wird, geben Sie als ein eigenes, erstes Inhaltselement ein, das nur die Überschrift enthält. Für die Formatierung wird Layout 3 empfohlen. Diese Seitenüberschrift ist i.d.r. der gleiche Text wie der Seitentitel. Bei längeren Überschriften wird für den in der Navigation erscheinenden Seitentitel eine Kurzform der Seitenüberschrift gewählt. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 28 von 44

29 6. Seiteninhaltselemente 3. Absatzüberschriften: Die Überschrift für einzelne Absätze, d.h. die separaten Inhaltselemente, können den Datensätzen zugeordnet werden. Für die Formatierung wird Layout 4 empfohlen. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 29 von 44

30 6. Seiteninhaltselemente 6.6. Einfügen der CSS-Datei Das IT-Management hat für die Homepage des Fachbereichs eine eigene CSS-Datei angelegt, die spezielle Formatierungsvorlagen enthält. Diese CSS-Datei muss auf jeder Seite des Fachbereichs eingefügt sein. Praxistipp: Kopieren Sie eine Seite, anstatt eine neue Seite zu erstellen. Passen Sie die kopierte Seite entsprechend an. So übernehmen Sie gleichzeitig die CSS-Datei. Sollten Sie dennoch die CSS-Datei einfügen müssen, finden Sie hier die Anleitung: 1. Legen Sie einen neuen Datensatz an (vorerst Typ Text ). 2. Ist der Datensatz erstellt, wählen Sie als Typ Datensatz einfügen aus. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 30 von 44

31 6. Seiteninhaltselemente 3. Zum Einfügen der CSS-Datei, klicken Sie zunächst auf das Ordnersymbol. 4. Wählen Sie die CSS-Datei aus, indem Sie auf den Dateinamen klicken. 5. Die CSS-Datei ist nun eingefügt, Sie erscheint in dem Fenster. 6. Abschließend speichern Sie den Datensatz. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 31 von 44

32 7. Dateiupload 7. Dateiupload Möchten Sie Dateien zum Download bereitstellen oder Images in Ihre Homepage einfügen, dann müssen Sie diese zuvor auf den Typo3-Server mittels des ftp-tools hochladen. 1. Klicken Sie im linken Menü auf Dateiliste. 2. Es erscheint Ihr persönlicher Bereich für den Speicherort. 3. Legen Sie Unterordner Ihres persönlichen Ordners an. Klicken Sie dazu auf das grüne Symbol, danach auf Neu. Geben Sie den Titel des Ordners ein und klicken Sie auf Ordner anlegen. 4. Laden Sie die gewünschte Datei in Ihren persönlichen Bereich. Wählen Sie dazu den entsprechenden Ordner aus, indem die Datei gespeichert werden soll und klicken Sie auf Datei-Upload. 5. Klicken Sie auf Durchsuchen und wählen Sie die jeweilige Datei aus. Klicken Sie abschließend auf Upload. Die Datei liegt nun bereit. Praxistipp: Legen Sie sich eine logische Ordnerstruktur bereits vor dem ersten Dateiupload an, so ersparen Sie sich nachträgliche Änderungsarbeiten. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 32 von 44

33 8. Seiteninhalte bearbeiten 8. Seiteninhalte bearbeiten Um Seiteninhalte zu erstellen und zu bearbeiten gibt es zwei verschiedene Ansichten. Zum einen gibt es die einfache Bearbeitungsansicht. Zu ihr gelangt man durch Klicken auf das Stift-Symbol. Zum anderes gibt es den Rich-Text-Editor, dabei steht ein größeres Bearbeitungsfenster zur Verfügung. Zu dieser Ansicht gelangt man über den Button In Rich Text Editor bearbeiten. Beide Ansichtsformen bieten die gleichen Möglichkeiten der Textbearbeitung. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 33 von 44

34 8. Seiteninhalte bearbeiten 8.1. Übersicht Symbol Beschreibung Auswahl der Absatzformatierung (Normal, Layout 1, Layout 2 usw.) Textformatierungen (Fett, Kursiv, Tiefgestellt, Hochgestellt) Automatische Aufzählungen (Nummern und Punkte), Automatische Einzüge (Einzug verkleinern und vergrößern) Einfügen eines Sonderzeichens, einer Verlinkung (Kapitel 8.2.), eines Bildes (Kapitel 8.3.), einer Tabelle Suchen und Ersetzen, HTML-Ansicht verwenden, Formatierung entfernen Aktion zurücksetzen, Aktion wiederholen, Hilfe anzeigen Speichern, Speichern und Vorschau, Speichern und Schließen, Schließen ohne Speichern, Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 34 von 44

35 8. Seiteninhalte bearbeiten 8.2. Verlinkungen Verlinkungen können zu Seiten innerhalb des Typo3-Systems, zu Dateien, zu externen Seiten und zu -Adressen gesetzt werden. Die ersten Schritte sind jeweils identisch. 1. Zum Setzen von Verlinkungen markieren Sie zunächst den Bereich der verlinkt werden soll. I.d.R. wird dies ein Wort, Satz oder Satzteil sein. 2. Klicken Sie auf das Symbol Link einfügen. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 35 von 44

36 8. Seiteninhalte bearbeiten 3. Ein neues Fenster wird geöffnet, welches verschiedene Reiter enthält. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 36 von 44

37 8. Seiteninhalte bearbeiten Verlinkung zu einer Typo3-Seite 1. Um zu einer Seite innerhalb des Typo3-Systems zu verlinken, wählen Sie zunächst den Reiter Seite aus. 2. Anschließend wählen Sie die Seite aus dem Seitenbaum aus, zu der verlinkt werden soll, indem Sie auf den Seitentitel klicken. 3. Die Einstellung Ziel, Fenster, Stil und Titel können i.d.r. aus den Voreinstellungen übernommen werden. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 37 von 44

38 8. Seiteninhalte bearbeiten Verlinkung zu einer Datei 1. Um zu einer Datei innerhalb des Typo3-Bereichs zu verlinken, wählen Sie den Reiter Datei aus. Die Datei muss bereits in Typo3 hochgeladen worden sein. Sollte dies noch nicht geschehen sein, erfahren Sie mehr dazu in Kapitel Anschließend wählen Sie die Datei aus dem Verzeichnisbaum aus, zu der sie verlinken möchten. Klicken Sie dafür den Dateititel an. 3. Die Einstellungen Ziel, Fenster, Stil und Titel können i.d.r. aus den Voreinstellungen übernommen werden. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 38 von 44

39 8. Seiteninhalte bearbeiten Verlinkung zu einer externen Seite 1. Um zu einer externen Seite außerhalb des Typo3-Systems zu verlinken, wählen Sie den Reiter Externe URL aus. 2. Anschließend geben Sie die URL der externen Seite in dem Feld URL ein und wählen Link setzen. 3. Die Einstellung Ziel, Fenster, Stil und Titel können i.d.r. aus den Voreinstellungen übernommen werden. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 39 von 44

40 8. Seiteninhalte bearbeiten Verlinkung zu einer -Adresse 1. Um zu einer -Adresse zu verlinken, wählen Sie den Reiter aus. 2. Anschließend geben Sie die exakte -Adresse ein, zu der verlinkt werden soll und klicken auf Link setzen. 3. Die Einstellung Stil und Titel können i.d.r. aus den Voreinstellungen übernommen werden. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 40 von 44

41 8. Seiteninhalte bearbeiten Verlinkung entfernen 1. Um einen bestehenden Link zu entfernen, wählen Sie den Reiter Link entfernen aus. Der Link wird sofort, ohne weitere Abfrage entfernt. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 41 von 44

42 8. Seiteninhalte bearbeiten 8.3. Bild einfügen 1. Markieren Sie die Stelle im Textfeld, an der das Bild eingefügt werden soll. Klicken Sie auf das Symbol Bild einfügen. 2. Wählen Sie den Reiter Neues normales Bild aus. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 42 von 44

43 8. Seiteninhalte bearbeiten 3. Wählen Sie in Ihrem persönlichen Bereich den Ordner bzw. die Grafik aus, die eingefügt werden soll, in dem Sie auf den Namen der Grafik klicken. 4. Die Grafik wird sofort eingefügt. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 43 von 44

44 9. Sonstige Hinweise 9. Sonstige Hinweise Weitere Möglichkeiten die Typo3 bietet: Seiten, die in mehreren Sprachen vorliegen Seiten, die einen Passwortschutz enthalten Seiten, die Fotogalerien enthalten und vieles mehr Für weitere Informationen steht der Webservice des IT-Managements Ihnen gern zur Verfügung. Typo3 Dokumentation: Bearbeitung von Lehrstuhl-Seiten Seite 44 von 44