Typo3 4.5 Basis-Anleitung Version 1.0. Stand: 03. Mai 2012 Technische Hochschule Wildau [FH] Hochschulrechenzentrum

Transkript

1 Typo3 4.5 Basis-Anleitung Version.0 Stand: 03. Mai 0 Von: Technische Hochschule Wildau [FH] Hochschulrechenzentrum

2 INHALTSVERZEICHNIS Einleitung... 4 Browser (-einstellungen) Browserempfehlung Ausnahmen für Pop-up Blocker definieren Aktivierung von Cookies und Javascript An- und Abmeldung Anmeldung (Login) Abmeldung (Logout) Weboberfläche Einstiegs- und Übersichtsseite Aufbau der Weboberfläche Symbolerläuterungen Seiten Neue Seite anlegen Reiter Allgemein: Seitentitel angeben Reiter Zugriff: Sichtbarkeit, Veröffentlichungsdaten festlegen Reiter Metadaten: Schlagworte, Beschreibung, Autor angeben Reiter Verhalten: Alias angeben Seite bearbeiten Seite kopieren/verschieben Seite löschen Inhalte Neue Inhalte erstellen Reiter Allgemein: Überschrift, Text Link einfügen Interne Seite, Inhaltselement... Typo3 4.5 Basis-Anleitung Version.0 [Seite von 63]

3 6... Eine Seite zurück Person mit Mitarbeitersuche verlinken Zum Seitenanfang Datei Externe URL Adresse Reiter Bilder Bilder hochladen/auswählen Bildbeschriftungen Reiter Erscheinungsbild Reiter Zugriff Inhalte bearbeiten Inhalte verschieben/kopieren/löschen Dateien hochladen/neuen Ordner erstellen Dateien umbenennen/kopieren/verschieben/löschen Tabelle einfügen/bearbeiten Tabelle einfügen Tabelle bearbeiten Tabellenränder anzeigen Zellen verbinden Zeile einfügen Spalte einfügen Bildergalerie (SmoothGallery) einfügen News einstellen Termin/Veranstaltung einstellen Dokumente hochladen Termin/Veranstaltung anlegen Mehrsprachigkeit Weiterführende Links... 6 ABBILDUNGSVERZEICHNIS... 6 Typo3 4.5 Basis-Anleitung Version.0 [Seite 3 von 63]

4 Einleitung Dieses Dokument stellt kein vollständiges Nachschlagewerk dar. Im Fokus stehen die grundlegenden Funktionalitäten, die Sie in Ihrer täglichen Arbeit mit dem Content- Management-System Typo3 benötigen werden. Wie Sie sich, über dieses Dokument hinaus, intensiver mit Typo3 auseinandersetzen können, erfahren Sie im Abschnitt 8 "Weiterführende Links". Gern nehmen wir Feedback und Anregungen entgegen. Kontaktieren Sie uns unter der folgenden -Adresse: typo3@th-wildau.de. Browser (-einstellungen). Browserempfehlung Typo3 sollte in allen gängigen Browsern ohne Probleme funktionieren. Sollten Sie dennoch Probleme feststellen, verwenden Sie am besten den Internet Explorer.. Ausnahmen für Pop-up Blocker definieren Sofern Ihr Browser das Öffnen neuer Fenster (Pop-ups) blockt, müssen Sie eine Ausnahme hinzufügen. Kurzanleitung für Internet Explorer 9: Extras» Popupblocker» Popupblockereinstellungen» in die Adresszeile eingeben» "Hinzufügen" klicken..3 Aktivierung von Cookies und Javascript Es ist zwingend notwendig, dass Cookies und JavaScript in Ihrem Browser aktiviert sind. Typo3 4.5 Basis-Anleitung Version.0 [Seite 4 von 63]

5 3 An- und Abmeldung 3. Anmeldung (Login) Geben Sie in die Adresszeile Ihres Web-Browsers die nachfolgende Adresse ein. In der nun erscheinenden Anmeldemaske tragen Sie bitte Benutzername und Passwort Ihres Hochschulaccounts ein. Bestätigen Sie Ihre Angaben durch einen Klick auf Anmeldung. Abb. : Typo3 Anmeldung 3. Abmeldung (Logout) Die Abmeldung im Backend des Typo3-System nehmen Sie bitte über den Abmelden -Button oben rechts vor. Abb. : Typo3 Abmeldung - Backend Typo3 4.5 Basis-Anleitung Version.0 [Seite 5 von 63]

6 4 Weboberfläche 4. Einstiegs- und Übersichtsseite Nach der Anmeldung erhalten Sie die nachfolgend abgebildete Einstiegs- und Übersichtsseite. Abb. 3: Einstiegs- und Übersichtsseite Diese Übersichtsseite stellt Ihnen wichtige Informationen über die zur Verfügung stehenden Menüpunkte im linken Bereich bereit. Diese können je nach Ihren zugeteilten Rechten variieren. Typo3 4.5 Basis-Anleitung Version.0 [Seite 6 von 63]

7 4. Aufbau der Weboberfläche 3 Abb. 4: Aufbau der Weboberfläche Die Weboberfläche ist in drei Hauptbereiche aufgeteilt: 3 Menü Seitenbaum Inhalt In Typo3 gilt es, sich von links nach rechts durchzuarbeiten. Auswahl der Aktion im Menü» Wählen der entsprechenden Seite im Seitenbaum» gewünschte Bearbeitung vornehmen Symbolerläuterungen Nachfolgende Symbole werden Ihnen im Laufe der Bearbeitung mit Typo3 begegnen: Neue Seiten erstellen Seite ist nicht im Menü Seite ist verborgen Seiteneigenschaften bearbeiten Inhaltselement bearbeiten Neuen Datensatz/neues Inhaltselement anlegen Änderungen speichern Typo3 4.5 Basis-Anleitung Version.0 [Seite 7 von 63]

8 Änderungen speichern und im Frontend anzeigen Änderungen speichern und Bearbeitung schließen Änderungen speichern, Bearbeitung schließen und neuen Datensatz öffnen Ansicht schließen ohne speichern Seite im Frontend aufrufen (Popup-Fenster) Seitencache löschen Seite oder Inhaltselement verschieben Seitenbearbeitungsverlauf anzeigen Kontextsensitive Hilfe (mit der Maus über Fragezeichen gehen) Ordner Systemordner Seite oder Inhaltselement einblenden Seite oder Inhaltselement ausblenden Seite oder Inhaltselement löschen Seitenbaum aktualisieren Shortcut erstellen (Verweis auf eine andere Seite) Sollten Sie einmal nicht wissen was sich hinter einem Symbol verbirgt, fahren Sie mit dem Mauszeiger darüber und Sie erhalten eine kurze Symbolerläuterung. Typo3 4.5 Basis-Anleitung Version.0 [Seite 8 von 63]

9 5 Seiten 5. Neue Seite anlegen Abb. 5: Neue Seite anlegen Menüpunkt "Seite" wählen Symbol "Neue Seiten erstellen" wählen 3 4 Abb. 6: Position für neue Seite wählen 3 4 Symbol "Standard" wählen Symbol "Neue Seiten erstellen" wählen Halten Sie die Maustaste gedrückt und ziehen Sie das Symbol auf die Seite, unter der die neue Seite erstellt werden soll. Typo3 4.5 Basis-Anleitung Version.0 [Seite 9 von 63]

10 5 Abb. 7: Neue Seite bearbeiten 5 Symbol "Seiteneigenschaften bearbeiten" wählen 5.. Reiter Allgemein: Seitentitel angeben Abb. 8: Neue Seite anlegen: Allgemeine Seitenangaben eintragen Seitentitel (Pflichtfeld) Geben Sie einen aussagekräftigen Seitentitel an. Dieser wird auf der Webseite im Menü und im Seitenbaum des Typo3 Backends angezeigt. Typo3 4.5 Basis-Anleitung Version.0 [Seite 0 von 63]

11 5.. Reiter Zugriff: Sichtbarkeit, Veröffentlichungsdaten festlegen 3 Abb. 9: Neue Seite anlegen: Zugriff Sichtbarkeit (optional) Deaktivieren: Sofern Sie noch nicht möchten, dass die Seite publiziert wird, wählen Sie diese Option. In Menüs: Sofern Sie nicht möchten, dass die Seite im Menü (auf der Webseite links in der Navigation) angezeigt wird, wählen Sie diese Option. 3 Veröffentlichungsdaten (optional) Es kann eingestellt werden, dass eine Seite erst zu einem bestimmten Zeitpunkt anzeigt oder ab einem bestimmten Zeitpunkt automatisch auf den Webseiten wieder entfernt werden soll. Die Seite wird nicht gelöscht, wenn das Enddatum erreicht wurde. Sie wird lediglich von der Webseite genommen und kann immer noch bearbeitet und erneut publiziert werden. Typo3 4.5 Basis-Anleitung Version.0 [Seite von 63]

12 5..3 Reiter Metadaten: Schlagworte, Beschreibung, Autor angeben 4 5 Abb. 0: Neue Seite anlegen: Metadaten angeben 4 Meta-Tags (Pflichtfeld) Schlagworte: Geben Sie möglichst viele Schlüsselwörter an, welche im Inhalt der neuen Seite angezeigt werden. Beschreibung: Fassen Sie kurz zusammen, worum es sich bei der neuen Seite handelt. 5 Redaktion (Pflichtfeld) Geben Sie Vor- und Zunamen an. Diese werden im Fußbereich der Webseite (Verantwortlich für diese Seite: Max Mustermann) angezeigt und werden automatisch mit Ihren Mitarbeiterdetails verlinkt. Schreiben Sie Vor- und Zuname aus und verzichten Sie auf den Titel. Typo3 4.5 Basis-Anleitung Version.0 [Seite von 63]

13 5..4 Reiter Verhalten: Alias angeben 7 6 Abb. : Neue Seite anlegen: Alias angeben 6 URL-Alias (Pflichtfeld) Damit auch in der URL ( ein richtiger Name angezeigt wird, ist es wichtig, der Seite über das Feld Alias eine treffende Bezeichnung zu geben. Weiterhin zu beachten: - Besteht der Seitentitel aus mehreren Wörtern, müssen diese mittels einem Unterstrich (_) getrennt werden. Bsp.: fachbereich_xy - Umlaute müssen ausgeschrieben werden. Bsp.: kinderuniversitaet statt kinderuniversität - Es kann eine Kombination von Buchstaben und Zahlen verwendet werden. Bsp.: Projekt- Jedoch darf der Alias nicht nur aus Zahlen bestehen. Eventuelle Verlinkungen auf diese Seite werden sonst nicht funktionieren. - Zu lange Seitentitel müssen abgekürzt werden. Bsp.: sewitec statt Service Center für internationalen Wissens- und Technologietransfer 7 Seite speichern Nachdem Sie die allgemeinen Angaben eingetragen haben, speichern Sie den Datensatz ab und schließen die Bearbeitung. Typo3 4.5 Basis-Anleitung Version.0 [Seite 3 von 63]

14 5. Seite bearbeiten Abb. : Seite bearbeiten Seite auswählen Klicken Sie im Seitenbaum auf das Seitensymbol vor der Seite, die Sie ändern möchten. Option "Bearbeiten" wählen Es erscheint ein Kontextmenü, in dem Sie Bearbeiten wählen, um in die Seitenbearbeitung zu gelangen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 4 von 63]

15 5.3 Seite kopieren/verschieben 3 Abb. 3: Seite kopieren/verschieben 3 Seite auswählen Klicken Sie im Seitenbaum auf das Seitensymbol vor der Seite, die Sie kopieren/verschieben möchten. Option "Seitenaktionen" wählen Es erscheint ein Kontextmenü, in dem Sie Seitenaktionen" auswählen. Option "Kopieren" oder "Ausschneiden" wählen Ein weiteres Kontextmenü erscheint. Wählen Sie "Kopieren" oder Ausschneiden. Typo3 4.5 Basis-Anleitung Version.0 [Seite 5 von 63]

16 4 5 6 Abb. 4: Seite einfügen in/nach Seite auswählen Klicken Sie im Seitenbaum auf das Seitensymbol vor der Seite, in oder hinter die Sie die ausgeschnittene Seite verschieben möchten. Option "Seitenaktionen" wählen Es erscheint ein Kontextmenü, in dem Sie Seitenaktionen" auswählen. Option "Einfügen in" oder "Einfügen nach" wählen Ein weiteres Kontextmenü erscheint. Wählen Sie Einfügen in, um die Seite eine Ebene tiefer einzufügen oder wählen Sie "Einfügen nach", um die Seite in derselben Ebene direkt unter der ausgewählten Seite einzufügen. Abb. 5: Ergebnis Seite "Einfügen in" Abb. 6: Ergebnis Seite "Einfügen nach" Typo3 4.5 Basis-Anleitung Version.0 [Seite 6 von 63]

17 5.4 Seite löschen 3 4 Abb. 7: Seite löschen 3 4 Seite wählen Klicken Sie im Seitenbaum auf das Seitensymbol vor der Seite, die Sie löschen möchten. Option "Seitenaktionen" wählen Es erscheint ein Kontextmenü. Wählen Sie Seitenaktionen. Option "Löschen" wählen Es erscheint ein Kontextmenü. Wählen Sie Löschen. Löschvorgang bestätigen Bestätigen Sie die Abfrage zum Löschvorgang mit OK. Typo3 4.5 Basis-Anleitung Version.0 [Seite 7 von 63]

18 6 Inhalte 6. Neue Inhalte erstellen 3 Abb. 8: Seiteninhalt anlegen 3 Menüpunkt "Seite" wählen Wählen Sie den Menüpunkt Seite. Seite auswählen Wählen Sie die gewünschte Seite im Seitenbaum. Button "Seiteninhalt anlegen" wählen Um Inhalte zu erstellen, wählen Sie den Button Seiteninhalt anlegen. Sie erhalten eine Übersicht mit den zur Verfügung stehenden Inhaltselementen. 4 Abb. 9: Neues Inhaltselement auswählen 4 Inhaltselement auswählen Wählen Sie das gewünschte Inhaltselement aus. Der Vorgang zur Erstellung eines Inhaltselementes wird beispielhaft am Element Text und Bilder erläutert. Typo3 4.5 Basis-Anleitung Version.0 [Seite 8 von 63]

19 6.. Reiter Allgemein: Überschrift, Text Nachdem Sie das Inhaltselement ausgewählt haben, erhalten Sie zunächst die Ansicht zu den allgemeinen Angaben. 5 6 Abb. 0: Neue Inhalte anlegen: Reiter Allgemein 5 6 Überschrift (optional) Geben Sie dem Inhaltselement eine Überschrift. Diese wird auch auf der Webseite als Überschrift dargstellt. Text einfügen/bearbeiten Geben Sie den Text ein und formatieren Sie diesen, wie vermutlich bereits durch Word gewöhnt, mit den oben angeordneten Buttons. Wenn Sie mit dem Mauszeiger über einen Button gehen, wird Ihnen seine Funktion kurz erläutert. Typo3 4.5 Basis-Anleitung Version.0 [Seite 9 von 63]

20 6.. Link einfügen 8 7 Abb. : Neue Inhalte anlegen: Link einfügen 7 8 Text auswählen Markieren Sie den Text, den Sie verlinken möchten. Button Link einfügen wählen In Abhängigkeit davon, was verlinkt werden soll, haben Sie folgende Optionen: auf eine interne Seite verweisen [6... Interne Seite, Inhaltselement] - eine Seite zurückspringen [6... Eine Seite zurück] - mit Mitarbeitersuche verlinken [6...3 Person mit Mitarbeitersuche verlinken] - zum Seitenanfang springen [6...4 Zum Seitenanfang] eine Datei zum Download anbieten [6...5 Datei] eine externe URL verlinken [6...6 Externe URL] eine -Adresse angeben [ Adresse] Typo3 4.5 Basis-Anleitung Version.0 [Seite 0 von 63]

21 6... Interne Seite, Inhaltselement Abb. : Link einfügen: interne Seite 0 Reiter "Seite" wählen Zielfenster (Pflichtfeld) Wählen Sie die Option Ganzes Fenster aus dem Auswahlfeld, damit der Link im selben Fenster geöffnet wird. Stil (Pflichtfeld) Um kenntlich zu machen, um welche Art von Link es sich handelt, muss der entsprechende Stil angegeben werden. Folgende Möglichkeiten gibt es: Abb. 3: Linkstatus Für eine interne Verlinkung muss der Stil interner-link verwendet werden. 3 Titel (Pflichtfeld) Beschreiben Sie kurz und prägnant, was sich hinter dem Link verbirgt. Typo3 4.5 Basis-Anleitung Version.0 [Seite von 63]

22 4 Seite auswählen (Pflichtfeld) Klicken Sie auf die zu verlinkende Seite und das Fenster schließt sich Eine Seite zurück Wenn eine Seite nicht in der Navigation vorkommt, können Sie dem User die Möglichkeit geben, mittels einem zurück -Link, wieder zur vorigen Seite zurück zu gelangen. 6 5 Abb. 4: Link einfügen: eine Seite zurück I 5 6 Text auswählen Markieren Sie das Wort zurück. Button Link einfügen wählen Abb. 5: Link einfügen: eine Seite zurück II 7 Reiter "Seite" wählen Typo3 4.5 Basis-Anleitung Version.0 [Seite von 63]

23 8 9 Ziel (Pflichtfeld) Wählen Sie die Option Genzes Fenster aus dem Auswahlfeld, damit der Link im selben Fenster geöffnet wird. Stil (Pflichtfeld) Um kenntlich zu machen, um welche Art von Link es sich handelt, muss der entsprechende Stil angegeben werden. (siehe Abb. 3: Linkstatus) Verwenden Sie den Stil Seite-zurueck. 0 Titel (Pflichtfeld) Beschreiben Sie kurz und prägnant, was sich hinter dem Link verbirgt. Seite auswählen (Pflichtfeld) Wählen Sie nun die entsprechende Seite im Seitenbaum aus Person mit Mitarbeitersuche verlinken Abb. 6: Link einfügen: Person suchen Person auf der Webseite suchen Gehen Sie auf die Webseite und schreiben Sie den Namen der Person, welche Sie mit der Personensuche verlinken möchten, in das Suchfeld und wählen den Button Los!. Typo3 4.5 Basis-Anleitung Version.0 [Seite 3 von 63]

24 3 Abb. 7: Link einfügen: URL kopieren 3 URL kopieren Kopieren Sie die URL aus der Adresszeile Ihres Webbrowsers und gehen Sie zurück in das Typo3-Backend - in die Textbearbeitung. 5 4 Abb. 8: Link einfügen: Name der Person 4 5 Name der Person schreiben, markieren Schreiben Sie im Texteditor den Namen der Person und markieren Sie diesen. Button Link einfügen wählen Typo3 4.5 Basis-Anleitung Version.0 [Seite 4 von 63]

25 Abb. 9: Link einfügen: Mitarbeitersuche (Externe URL) Reiter "Externe URL" wählen URL einfügen (Pflichtfeld) Fügen Sie die vorher kopierte URL ein. Zielfenster (Pflichtfeld) Wählen Sie die Option Ganzes Fenster aus dem Auswahlfeld, damit der Link in im selben Fenster geöffnet wird. (Auf der Personenseite ist ein zurück-link eingefügt, welche die User stets zur vorigen Seite zurückführt.) Stil (Pflichtfeld) Um kenntlich zu machen, um welche Art von Link es sich handelt, muss der entsprechende Stil angegeben werden. Verwenden Sie den Stil mitarbeitersuche Titel (Pflichtfeld) Geben Sie einen Titel an: Personendetails Vorname Nachname. Button Link setzen wählen Wählen Sie den Button Link setzen. Damit wird der Link gesetzt und das Fenster schließt sich Zum Seitenanfang Siehe 6..5 Reiter Zugriff Datei Wenn Sie eine Datei zum Download anbieten möchten, geben Sie diese stets wie folgt an: Dateiname [Dateiart, Größe] Dienstreiseantrag [PDF, 45.9 KB] Typo3 4.5 Basis-Anleitung Version.0 [Seite 5 von 63]

26 Um die Größe der Datei herauszufinden, klicken Sie mit der rechten Maustaste auf die Datei» wählen Sie Eigenschaften. Der unter Größe angezeigte Wert gibt Ihnen die aktuelle Dateigröße an. Geben Sie keine vierstelligen Dateigrößen an, sondern rechnen Sie grob um. Beispiel: 3 MB statt 307 KB 33 3 Abb. 30: Link einfügen: Datei I 3 33 Datei nennen und markieren Button Link einfügen wählen Abb. 3: Link einfügen: Datei II Reiter "Datei" wählen Zielfenster (Pflichtfeld) Wählen Sie die Option Ganzes Fenster aus dem Auswahlfeld, damit der Link im selben Fenster geöffnet wird. Typo3 4.5 Basis-Anleitung Version.0 [Seite 6 von 63]

27 36 Stil (Pflichtfeld) Um kenntlich zu machen, um welche Art von Link es sich handelt, muss der entsprechende Stil angegeben werden. (siehe Abb. 3: Linkstatus) Für den Download einer Datei muss der Stil download verwendet werden Titel (Pflichtfeld) Geben Sie an, um welche Datei es sich handelt. Datei auswählen (Pflichtfeld) Wählen Sie die gewünschte Datei im Verzeichnisbaum aus. Mit einem Klick auf den Pfeil hinter einem Ordner werden die Dateien, die im Ordner vorhanden sind, angezeigt Externe URL Abb. 3: Link einfügen: Externe URL I Datei nennen und markieren Button Link einfügen wählen Abb. 33: Link einfügen: Externe URL II 4 4 Reiter "Externe URL" wählen URL angeben - Link setzen (Pflichtfeld) Tragen Sie die URL ein und wählen Sie den Button Link setzen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 7 von 63]

28 43 44 Zielfenster (Pflichtfeld) Wählen Sie die Option Neues Fenster aus dem Auswahlfeld, damit der Link in einem neuen Fenster geöffnet wird. Stil (Pflichtfeld) Um kenntlich zu machen, um welche Art von Link es sich handelt, muss der entsprechende Stil angegeben werden. (siehe Abb. 3: Linkstatus) Für eine externe URL muss der Stil externer-link verwendet werden Titel (Pflichtfeld) Beschreiben Sie kurz, um was es sich bei dem Link handelt. Zum Beispiel: Webseite WIT - öffnet im neuen Fenster. Button "Link setzen" wählen Wenn alle Einstellungen getätigt sind, wählen Sie den Button "Link setzen". Damit schließt sich das Fenster und der externe Link ist gesetzt Adresse Abb. 34: Link einfügen: -Adresse I Adresse nennen und markieren Button Link einfügen wählen Abb. 35: Link einfügen: -Adresse II Typo3 4.5 Basis-Anleitung Version.0 [Seite 8 von 63]

29 Reiter " " wählen -Adresse angeben - Link setzen (Pflichtfeld) Tragen Sie die -Adresse ein und wählen Sie den Button Link setzen. Stil (Pflichtfeld) Um kenntlich zu machen, um welche Art von Link es sich handelt, muss der entsprechende Stil angegeben werden. (siehe Abb. 3: Linkstatus) Für eine -Adresse muss der Stil -adresse verwendet werden Titel (Pflichtfeld) Geben Sie an um wessen -Adresse es sich handelt. Button "Link setzen" wählen Wenn alle benötigten Einstellungen vorgenommen wurden, wählen Sie den Button Link setzen. Damit schließt sich das Fenster und die -Adresse wurde verlinkt Reiter Bilder Bilder hochladen/auswählen Abb. 36: Neue Inhalte anlegen: Button Bilder hochladen/auswählen Reiter "Bilder" wählen Bilder auswählen Klicken Sie auf das Ordner-Symbol, um Bilder hochzuladen oder auszuwählen. Es öffnet sich das nachfolgende Fenster. Typo3 4.5 Basis-Anleitung Version.0 [Seite 9 von 63]

30 Abb. 37: Neue Inhalte anlegen: Bilder auswählen 57 Verzeichnisbaum Übersicht über die zur Verfügung stehenden Verzeichnisse. Unterordner anzeigen lassen: Klicken Sie auf den grauen Pfeil vor dem Ordnernamen, um sich die Unterordner anzeigen zu lassen. Dateien im Ordner anzeigen lassen: Klicken Sie auf den Ordnernamen, um sich den Inhalt des Ordners auf der rechten Seite (Siehe Punkt 58 ) anzeigen zu lassen Übersicht über vorhandene Bilder Um ein oder mehrere Bilder auszuwählen, klicken Sie auf das Pluszeichen hinter dem Bildnamen. Vorschaubilder anzeigen Zeigt die vorhandenen Bilder im Kleinformat (Thumbnail) an. Dateien hochladen Klicken Sie auf den Button Durchsuchen, um Bilder von Ihrem Computer auszuwählen.» Wählen Sie den Button Hochladen, um die Bilder auf den Server zu laden. Wenn Sie die gewünschten Bilder ausgewählt haben, können Sie das Fenster schließen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 30 von 63]

31 6..3. Bildbeschriftungen Abb. 38: Neue Inhalte anlegen: Bilder anordnen/beschriften Bilder Auflistung der ausgewählten Bilder. Beschriftungen (optional) Geben Sie für das Bild eine passende Bildunterschrift an. Wenn Sie mehrere Bilder hochgeladen haben und jedem eine Bildunterschrift geben möchten, schreiben Sie die Bildunterschriften ohne Komma untereinander. Verhalten (optional) Setzen Sie das Häkchen "Aktiviert", wenn das Bild durch einen Klick in einem neuen Fenster dargestellt werden soll. Barrierefreiheit Alternativer Text (Pflichtfeld): Geben Sie bitte unbedingt eine kurze, informative Beschreibung des Bildinhaltes an. Dieser Text wird angezeigt, wenn die Bilder nicht geladen werden können oder gar vom User die Anzeige von Bildern über den Browser ausgestellt wurde. Sehbehinderte beispielsweise, beziehen ihre Informationen über Bilder mittels Vorleseprogrammen lediglich über den Alternativen Text. Typo3 4.5 Basis-Anleitung Version.0 [Seite 3 von 63]

32 Beispiele für einen Alternativen Text: Alternativer Text: Alternativer Text: TH Gelände, Haus 00 Team Kinderuniversität Titel (optional): Dieser Text (auch Tooltipp genannt) wird angezeigt, wenn Sie mit der Maus über das Bild gehen. Sie könnten auch den Beschreibungstext vom Alternativen Text verwenden Reiter Erscheinungsbild Abb. 39: Neue Inhalte anlegen: Reiter Erscheinungsbild Reiter "Erscheinungsbild" wählen Layout des Inhaltselements (optional) Sie können einen Abstand vor und nach dem Inhaltselement angeben. In diesem Fall werden 5 Pixel Abstand unterhalb des Inhaltselementes gesetzt. Bildeinstellungen (optional) Geben Sie an, welche Maße das Bild in Pixel haben soll. Es ist ausreichend, wenn nur der Wert für die Breite angegeben wird, da das Bild stets proportional Typo3 4.5 Basis-Anleitung Version.0 [Seite 3 von 63]

33 verkleinert wird. Sofern Sie keine Maße angeben, wird das Bild automatisch auf maximal 58 Pixel verkleinert. Ist das Bild kleiner als 58 Pixel, werden die Originalmaße beibehalten. Machen Sie das Bild nie größer als es tatsächlich ist, da es sonst unscharf wird. 7 Bildausrichtung (optional) Positionierung und Ausrichtung: Geben Sie an, wo das Bild angeordnet werden soll. Anzahl an Spalten: Geben Sie an, wie mehrere Bilder angeordnet werden sollen. Beispiel mit zwei Bildern: Spalte: Spalten: 6..5 Reiter Zugriff Abb. 40: Neue Inhalte anlegen: Start-, Enddatum 7 73 Reiter "Zugriff" wählen Sichtbarkeit (optional) Inhaltselement deaktivieren (verbergen): Setzen Sie dieses Häkchen, um das gesamte Inhaltselement zu verbergen. In Menüs zeigen: Nicht relevant. Dieses Feld kann ignoriert werden. Link zum Seitenanfang anfügen: Wenn eine Seite viele gebündelte Textpassagen beinhaltet, können Sie unter jeder Textpassage einen Link einfügen, welcher die User wieder zurück zum Seitenanfang führt. Typo3 4.5 Basis-Anleitung Version.0 [Seite 33 von 63]

34 Resultat: 74 Veröffentlichungsdaten (optional) Hier können Sie einstellen, dass der Inhalt zu einem bestimmten Zeitpunkt anzeigt oder ab einem bestimmten Zeitpunkt automatisch von der Webseite wieder entfernt wird. Das Inhaltselement wird nicht gelöscht, wenn das Enddatum erreicht wurde. Es wird lediglich von der Webseite genommen und steht immer noch zur Bearbeitung oder Erneute Publizierung zur Verfügung. 6. Inhalte bearbeiten 3 Abb. 4: Zur Inhaltsbearbeitung 3 Menüpunkt "Seite" wählen Seite auswählen Wählen Sie die Seite, auf der Sie den Inhalt bearbeiten möchten. Symbol "bearbeiten" wählen Gehen Sie mit der Maus über den grauen Balken des Inhaltselementes. Dann erscheinen auf der linken Seite Symbole. Wählen Sie das Stift-Symbol bearbeiten, um in die Inhaltsbearbeitung zu gelangen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 34 von 63]

35 6.3 Inhalte verschieben/kopieren/löschen Abb. 4: Inhalte verschieben/kopieren/löschen Menüpunkt "Liste" wählen Seite auswählen Wählen Sie die gewünschte Seite aus. Inhaltsauflistung Auflistung der bestehenden Inhaltselemente. Erweiterte Ansicht aktivieren Sofern noch nicht aktiviert, wählen Sie die Option Erweiterte Ansicht, um alle Symbole auf der rechten Seite anzeigen zu lassen. Inhaltselement verschieben/kopieren Zum Verschieben oder Kopieren des entsprechenden Inhaltselementes, wählen Sie das markierte Symbol. Inhaltselement löschen Zum Löschen des Inhaltselementes, wählen Sie das markierte Symbol. Typo3 4.5 Basis-Anleitung Version.0 [Seite 35 von 63]

36 8 7 6 Abb. 43: Inhalte verschieben/kopieren - Seite und Position bestimmen Seite auswählen Wählen Sie die Seite aus, in der das Inhaltselement verschoben werden soll. Position auswählen Wählen Sie die Position mit einem Klick auf den Pfeil im Inhaltsbereich aus. Inhaltselement kopieren statt verschieben Falls das Inhaltselement kopiert werden soll, setzen Sie an dieser Stelle ein Häkchen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 36 von 63]

37 6.4 Dateien hochladen/neuen Ordner erstellen Abb. 44: Menüpunkt Dateiliste - Ordner auswählen Menüpunkt "Dateiliste" wählen Ordner wählen Wählen Sie den gewünschten Ordner aus Abb. 45: Dateiauflistung Symbol "Dateien hochladen" wählen Um Dateien hochzuladen, wählen Sie das Symbol Dateien hochladen. Symbol Ordner erstellen Um einen neuen Ordner zu erstellen, wählen Sie das Symbol Neu. Vorschaubilder anzeigen Wenn Sie sich einen Überblick über die vorhandenen Bilder machen möchten, setzen Sie dieses Häkchen und die einzelnen Bilder werden im Kleinformat (Thumbnail) angezeigt. Typo3 4.5 Basis-Anleitung Version.0 [Seite 37 von 63]

38 Abb. 46: Dateien hochladen Anzahl Dateien festlegen Legen Sie zuerst fest, wie viele Dateien hochgeladen werden. Option "vorhandene Dateien überschreiben" Sofern die Dateien schon auf dem Server sind, haben Sie mit dieser Option die Möglichkeit alte Dateien zu überschreiben. Dateien auswählen Wählen Sie die einzelnen Dateien von Ihrem Computer aus. Dateien hochladen Klicken Sie den Button Hochladen, um die Dateien auf den Server zu laden. 6.5 Dateien umbenennen/kopieren/verschieben/löschen Abb. 47: Menüpunkt Dateiliste - Ordner auswählen Menüpunkt "Dateiliste" wählen Ordner wählen Wählen Sie den gewünschten Ordner aus. Typo3 4.5 Basis-Anleitung Version.0 [Seite 38 von 63]

39 Abb. 48: Datei bearbeiten Datei auswählen Um eine Datei zu bearbeiten, klicken Sie mit der Maus auf das Bildsymbol vor dem Dateinamen. In dem erscheinenden Kontextmenü wählen Sie die gewünschte Option. Datei umbenennen Um den Dateinamen zu ändern, wählen Sie die Option umbenennen. Datei löschen Um eine Datei zu entfernen, wählen Sie die Option löschen und bestätigen Sie die Abfrage zum Löschvorgang mit OK. Abb. 49: Abfrage zum Löschvorgang bestätigen 6 7 Datei kopieren/verschieben Um eine Datei zu kopieren oder zu verschieben, wählen Sie entweder die Option Kopieren oder Ausschneiden. Typo3 4.5 Basis-Anleitung Version.0 [Seite 39 von 63]

40 Ordner wählen Wählen Sie den Ordner, in den die Datei kopiert oder verschoben werden soll. Datei einfügen Nachdem Sie den Ordner gewechselt haben, wählen Sie das Symbol zum Einfügen der Datei oben rechts. Anschließend wird die Ansicht automatisch aktualisiert und die Datei erscheint in der Liste. Abb. 50: Datei einfügen 6.6 Tabelle einfügen/bearbeiten 6.6. Tabelle einfügen Erstellen Sie ein neues Inhaltselement "Text und Bilder". (Siehe 6. - Neue Inhalte erstellen) Abb. 5: Tabelle einfügen Button "Tabelle einfügen" wählen Typo3 4.5 Basis-Anleitung Version.0 [Seite 40 von 63]

41 3 4 Abb. 5: Tabelle einfügen - Angaben machen Beschreibung (optional) Titel: Tabellenüberschrift Zusammenfassung: Geben Sie eine kurze Tabellenzusammenfassung an. (ähnlich einer Überschrift - keine Sätze!) 3 4 Größe und Köpfe Geben Sie an, wie viele Spalten und Zeilen Sie benötigen. Bitte verwenden Sie auch stets eine Kopfzeile (Kopfzeilen oberhalb). Button OK wählen Wählen Sie OK, um die Tabelle hinzuzufügen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 4 von 63]

42 6.6. Tabelle bearbeiten Tabellenränder anzeigen Abb. 53: Tabellenränder anzeigen Sofern Sie den Datensatz mit einer Tabelle einmal gespeichert und geschlossen haben, wird Ihnen beim nächsten Aufruf des Datensatzes keine Tabellenumrandung angezeigt. Button "Ränder umschalten" wählen Klicken Sie in eine Zelle und wählen Sie den Button Ränder umschalten. Typo3 4.5 Basis-Anleitung Version.0 [Seite 4 von 63]

43 6.6.. Zellen verbinden 43 Abb. 54: Tabelle - Zellen verbinden 3 Zelle auswählen Klicken Sie mit der rechten Maustaste in die Zelle, die verbunden werden soll. Button "Zellen verbinden" wählen 4 Abb. 55: Tabelle - Zellen verbinden - Anzahl Spalten angeben 4 Anzahl Spalten angeben Geben Sie die Anzahl der Spalten an, die miteinander verbunden werden sollen. Typo3 4.5 Basis-Anleitung Version.0 [Seite 43 von 63]

44 5 Abb. 56: Tabelle - Zellen verbinden - Anzahl Zeilen angeben 5 Anzahl Zeilen angeben Geben Sie die Anzahl der Zeilen an, die miteinander verbunden werden sollen Zeile einfügen Abb. 57: Tabelle - Zeile einfügen 6 7 Rechte Maustaste klicken Klicken Sie mit der rechten Maustaste in die Zeile. Button "Zeile einfügen vor/nach" wählen Wählen Sie im Kontextmenü, ob die Zeile davor oder danach eingefügt werden soll. Typo3 4.5 Basis-Anleitung Version.0 [Seite 44 von 63]