Typo3 - Schulung: Fortgeschrittene I an der Hochschule Emden/Leer

Transkript

1 Verlinkung: Man unterscheidet zwischen externer und interner Verlinkung. Bei der externen Verlinkung verlässt man den Bereich unseres Web-Servers. Typo3 überprüft nicht die Existenz der angegebenen Seite (Link). Diese fremde URL zeigt normalerweise auf einen anderen Server. Für den Inhalt dieser Seite können wir keine Verantwortung übernehmen. Außerdem sollte der Redakteur einen von ihm genutzten externen Link hin und wieder mal auf seine Erreichbarkeit überprüfen. Externe Links innerhalb unseres Web-Servers machen keinen Sinn, denn Typo3 kann die Änderung eines Links (z.b. Umbenennung einer Seite) nicht nachvollziehen. Bei einem internen Link funktioniert dies. Abb. 1: Link einfügen. Bei der internen Verlinkung wird immer auf den Webserver z.b. auf Dateien, Seiten und Seitenelementen verlinkt. Abbildung 1 veranschaulicht, welcher Link ein Interner bzw. ein Externer ist. Die folgenden Beispiele von 1 bis 5 sollen Möglichkeiten für externe Links aufzeigen, von 6 bis 7 für interne Links. Seite 1 von 12

2 1. Seiten-Eigenschaft Link zu externer URL Abb. 2: Typen von Seiten im Überblick Abb. 3. Seiten-Eigenschaft: Link zu einer externen URL Seite 2 von 12

3 2. Seiten Element - Text Unter dem Bereich Text einen Textzeile eingeben (hier Externe Verlinkung) und dann unten das Symbol Weltkugel mit Kette klicken. Es wird eine neues Fenster geöffnet (s. Abb. 5). Abb. 4: Seiten-Element Text Seite 3 von 12

4 Der Redakteur kann nun aus den folgenden Karten auswählen: Seite, Externe URL, , Medien, Hochladen, News und Beschäftige Da man auf eine externe URL verlinken möchte, wird die Karte Externe URL gewählt (s. Abb 5). Abb. 5: Karte Externe URL Unter URL wird der Link auf die fremde Seite eingegeben (hier nach der Bestätigung mit Link setzen erscheint unser Text unterstrichen und in blauer Schrift (s. Abb 6). Abb. 6. Text Verlinkung Seite 4 von 12

5 Den Link bekommt man in dieser Darstellung nicht angezeigt. Wenn man das Symbol <> anklickt, ändert sich die Ansicht (s. Abb. 7) und nun erkennt man den Link als HTML-Code deutlich. Abb. 7: Editor zeigt HTML-Code Hinweis: Man sollte immer erst zur normalen Ansicht im Editor mit dem Symbol <> zurückschalten, bevor man das Element speichert. Es könnte sein, dass Typo3 die Angaben im Editor später falsch interpretiert, wenn man nicht so verfährt! Seite 5 von 12

6 3. Seiten-Element - HTML Mit dem Element kann man mit Hilfe des HTML-Codes auf eine externe Seite verlinken. Hier wird ein Film von der TU-Clausthal in unser System eingebunden. Wenn der Link nicht korrekt eingegeben worden ist oder nicht mehr besteht, kann man den Film nicht aufgerufen und abgespielt werden. Abb. 8: Seiten-Element - HTML Seite 6 von 12

7 4. Seiten-Element - Medien Mit dem Element Medien können Filme mit der Datei Endung *.flv abgespielt werden. In diesem Beispiel wird ein Youtube-Video in unser System eingebaut. Abbildung 9 zeigt das Element an und in Abbildung 10 werden die Einstellungen zum Abspielen des Videos konfiguriert. Abb. 9: Seiten-Element Medien Karte Allgemein Seite 7 von 12

8 In die Karte Medien wird die URL des Youtube-Videos eingegeben. Folgende Einstellungen werden weiterhin eingetragen: Medientyp = Breite = Höhe = Darstellungstyp = Benutzerdef. Parameter = Video 450 (Pixel) 280 (Pixel) Auto allowscriptaccess = always allowfullscreen = true Abb. 10: Seiten-Element Medien Karte Allgemein Seite 8 von 12

9 5. Seiten-Eigenschaft -Karte Erweitert Typo3 - Schulung: Fortgeschrittene I Unter den Seiten-Eigenschaften können unter der Karte Erweitert auch für die Bühne externe Links eingebaut werden. Wenn man das Symbol für die Links anklickt, wird ein Fenster zur Auswahl von Links geöffnet (s. Abb. 1). Abb. 11: Seiten-Eigenschaft - Karte Erweitert Seite 9 von 12

10 6. Interner Link Karte Seite Alle Links unter der Karte Seite sind interne Links, es wird mit den Seite-IDs bzw. Seiten- Elementen-IDs verlinkt. Abb. 12: Interner Link Karte Seite 7. Interner Link Karte Beschäftigte Die Karte Beschäftigte ist eine besondere Karte, der Redakteur braucht die Freigabe im Seitenbaum auf den Sysordner Beschäftigte, um auf die Adresse der Beschäftigen zu zugreifen. Da die Daten im Typo3 gespeichert sind, handelt es sich hier auch um interne Links. Abb. 13: Interner Link Karte Beschäftigte Seite 10 von 12

11 8. Interne Verlinkung: Verweis Den Verweis wird benutzt um direkt auf eine andere Seite im Seitenbaum zu springen, der Content der angesprungen Seite und das Navigationsmenü wird dargestellt. Abb. 14: Seiten-Eigenschaften - Verweis Abb. 15: Symbol für Verweis im Seitenbaum Seite 11 von 12

12 9. Plug-In Link Tabelle In den Plug-In Link Tabelle können Verlinkungen vorgenommen werden, diese können intern oder auch extern sein (s. Abb. 15). Die Anwendung dieses Seiten-Elementes wird in Kap. 5 näher erklärt. Abb. 16: Plug-In - Link Tabelle Seite 12 von 12