Inhaltsverzeichnis. Seite 1 von 32

Transkript

1 Inhaltsverzeichnis Allgemeines... 2 Schulungsablauf... 2 Grundlagen zu TYPO An- und Abmelden am System... 4 An- und Abmeldung am Schulungsserver... 4 An- und Abmeldung am Wirksystem... 4 Grundlegende Bedienung... 6 Symbolerklärungen... 6 Menüstruktur... 8 Seitenerstellung Neue Seiten erstellen Seiteninhalt erstellen Der Editor Tabellen Inhaltsübernahme aus anderen Quellen Dateiupload Ordner und Dateien anlegen Ordner und Dateien umbenennen, kopieren, ausschneiden, einfügen, löschen Einbinden von Dateien und Setzen von Links Einbinden von Dateien durch Links in einem Text Links auf Seiten innerhalb von TYPO Links auf Seiten außerhalb von TYPO Shortcut Links auf externe Seiten im Menü Bilder einfügen Anhang Notizen Fragen Seite 1 von 32

2 Allgemeines Hinweis: Dieses Dokument befindet sich unter kontinuierlicher Weiterentwicklung. Die aktuelle Version dieses Skriptes finden Sie auf den Seiten des Rechenzentrums 1. Dieser Einführungskurs richtet sich vor allem an TYPO3 Einsteiger und soll Ihnen bei Ihren ersten Schritten in TYPO3 eine Hilfe sein. Er ist als Ergänzung zu den im Internet erhältlichen Tutorials gedacht und ist speziell auf Nutzer der Universität Würzburg zugeschnitten. Bei Fragen und Anregungen wenden Sie sich bitte an: Thomas Schröter Sabine Müller Schulungsablauf Jeder Schulungsteilnehmer erhält im Rahmen der Schulung einen eigenen Webseitenbereich auf dem Schulungsserver, um das vermittelte Wissen direkt in die Praxis sowie überschneidungsfrei zu anderen Kursteilnehmern umsetzen zu können. Die Schulungsbereiche stehen Ihnen noch ca. zwei Wochen nach Schulungstermin weiterhin zur Verfügung, um auch im Anschluss der Schulung Ihre Erfahrungen in TYPO3 vertiefen zu können. In diesem Zeitraum können Sie sich innerhalb des Universitätsnetzes bzw. mittels VPN-Client in Ihren Schulungsbereich anmelden und die Funktionalitäten von TYPO3 testen. Bitte notieren Sie sich dazu die Benutzerkennung, die auf dem PC vor Ihnen vermerkt ist. Achtung: Da der Schulungsserver nicht an den zentralen Verzeichnisdienst der Universität Würzburg angebunden ist, schlägt die Anmeldung mit Ihrer persönlichen Novell-Kennung fehl. Frontend-URL: Backend-URL: Login: Passwort: Die Universität Würzburg ist seit dem verpflichtet, neue Webangebote barrierefrei zu gestalten. Informationen hierzu finden Sie unter Seite 2 von 32

3 Grundlagen zu TYPO3 TYPO3 ist ein sogenanntes Content-Management-System (CMS, deutsch Inhaltsverwaltungssystem ), das die konsistente Verwaltung von Webseiteninhalten gewährleistet, wobei die Datenhaltung von der Darstellung bzw. Datenaufbereitung entkoppelt ist. In TYPO3 wird zwischen dem sogenannten Frontend der Darstellung im Webbrowser für den gemeinen Besucher und dem Backend einer Administrationsoberfläche, über die die Seitenstruktur und dessen -inhalte gepflegt werden unterschieden. Die Integration eines HTML- Editors, konkret eines Rich-Text-Editors (RTE), erlaubt die Bearbeitung der Seiteninhalte ohne tiefgehende HTML-Kenntnisse mit Werkzeugen aus bekannten Textverarbeitungsprogrammen. Abbildung 1: Aufbau eines Content Management Systems (CMS) Seite 3 von 32

4 An- und Abmelden am System Hinweis: Die An- und Abmeldung wird unterschieden zwischen dem Wirksystem im Produktivbetrieb und dem Schulungsserver. An- und Abmeldung am Schulungsserver Login am Schulungsserver: Zugang zum Backend des Schulungsservers erhalten Sie über oben genannte Backend-URL. Da der Schulungsserver nicht mit dem zentralen Verzeichnisdienst der Universität Würzburg verbunden ist, schlägt die Anmeldung mit Ihrer persönlichen Novell-Kennung fehl. Nutzen Sie hierfür bitte die im Kurs zugewiesene Benutzerkennung. Logout am Schulungsserver: Bitte melden Sie sich innerhalb des TYPO3-Backends mit dem Logout-Button oben rechts ab. An- und Abmeldung am Wirksystem Login am Wirksystem: Der Zugang zum TYPO3-Backend erfolgt über den Link Login der Header-Navigation oben rechts auf Ihrer Bereichsseite oder der Uni-Startseite. Seite 4 von 32

5 Die Zugangsdaten am Wirksystem entsprechen - im Gegensatz zum Übungsserver - Ihrer persönlichen Novell-Benutzerkennung. Bei einer erfolgreichen Anmeldung erscheint ein Link, welcher Sie zum TYPO3-Backend weiterleitet. Achtung: Dieser Link ist aus sicherheitstechnischen Gründen nur innerhalb des Hochschulnetzes oder mittels VPN-Verbindung erreichbar. Im Backend erwartet Sie nun folgender Bildschirm: Seite 5 von 32

6 Abbildung 2: Begrüßungsbildschirm (TYPO3-Backend) Der Begrüßungsbildschirm liefert Ihnen eine ganze Reihe nützlicher Informationen und Erklärungen zu den einzelnen Modulen, Funktionen und Buttons, die in der linken Spalte sichtbar sind. Logout am Wirksystem: Bitte melden Sie sich im Wirksystem nicht am TYPO3-Backend mit dem Logout-Button oben rechts ab, sondern wechseln Sie auf die Login-Seite im Frontend und melden sich dort ab. Hierdurch werden Ihnen automatisch die Berechtigungen für das Backend entzogen. Grundlegende Bedienung Hier werden die einzelnen Menüpunkte kurz erklärt. Menüpunkte, die Sie zur Erstellung und Bearbeitung von Seiten nicht benötigen, wurden ausgeblendet. Symbolerklärungen Grundsätzlich erhalten Sie die Beschreibung eines Symbols bzw. Buttons, wenn Sie die Maus darüber bewegen und kurz warten. Für die Seitentypen ist dies nicht der Fall, deswegen sollen sie hier kurz erklärt werden. Seite 6 von 32

7 Tabelle 1: Seitentypen im Seitenbaum Symbol Kurzbeschreibung Ausführlichere Beschreibung Normale Seite (aktiv) Diese Seite ist im Frontend (auf der Internetseite) erreichbar und wird dem Besucher in der Regel im Menü angezeigt. Eine Seite enthält typischerweise Inhaltselemente (Seiteninhalte). Seite im Menü versteckt Diese Seite ist im Frontend (auf der Internetseite) erreichbar, wird aber nicht im Menü angezeigt. Seite ausgeblendet Diese Seite ist versteckt und im Frontend nicht erreichbar. Nur TYPO3-Redakteure in der Preview-Ansicht können solche Seiten erreichen. Shortcut / Link auf eine andere TYPO3-Seite Diese Seite leitet bei Aufruf automatisch auf eine andere Seite im gleichen TYPO3-System weiter. Systemordner Ein Ordner enthält in der Regel im Gegensatz zu Seiten Datensätze / Datenelemente, die von Inhaltselementen als Datenquelle genutzt werden, wie z.b. News-Einträge. Die Datenelemente erreicht man über das Modul Liste innerhalb des TYPO3-Backends. Seite 7 von 32

8 Tabelle 2: Seiten und Seiteninhalte bearbeiten Symbol Kurzbeschreibung Ausführliche Beschreibung Speichern Mit einem Klick auf das Diskettensymbol wird der aktuelle Inhalt des Bearbeitungsformulars gespeichert ohne die Sicht zu verlassen. Speichern und Webseite anzeigen Mit einem Klick auf das Diskettensymbol mit Lupe wird der aktuelle Inhalt gespeichert und die Webseite daraufhin in einem zweiten Tab oder Fenster angezeigt (Achtung: Popup- Blocker unterbinden das zweite Fenster -> Freigabe für uniwuerburg.de erteilen). Speichern und schließen Mit einem Klick auf das Diskettensymbol mit X wird der aktuelle Inhalt gespeichert und anschließend geschlossen, d.h. es geht eine Ebene zurück (letzte Ansicht vor dem Formular). Speichern und neues Element anlegen Neue Seite anlegen Neuen Datensatz anlegen Seiteneigenschaften bzw. Inhaltselement bearbeiten Verbergen Einblenden Löschen Kopieren Ausschneiden Einfügen Mit einem Klick auf das Diskettensymbol mit + wird der aktuelle Inhalt gespeichert und anschließend ein neues Formular aufgerufen, um einen neuen Datensatz des gleichen Typs anlegen zu können. Mit einem Klick auf dieses Symbol oberhalb des Seitenbaumes können Sie einfach neue Seiten anlegen. Mit einem Klick auf dieses Symbol legen Sie einen neuen Datensatz an. In der Regel handelt es sich um ein Inhaltselement, wie z.b. Text mit Bild. Mit einem Klick auf das Bleistiftsymbol können bestehende Inhalte einfach bearbeitet werden. Mit einem Klick auf dieses Symbol können Sie Inhalte und ganze Seiten ausblenden / verbergen. Ein versteckter Inhalt erhält ein Glühbirnen-Symbol. Bei Klick wird der Inhalt wieder sichtbar gemacht. Mit einem Klick auf den Papierkorb können Inhalte und Seiten gelöscht werden. Mit einem Klick auf dieses Symbol werden Inhalte kopiert und landen quasi in einer Zwischenablage. Mit einem Klick auf dieses Symbol werden Inhalte kopiert und landen quasi in einer Zwischenablage. Im Gegensatz zum Kopieren werden die Inhalte nach dem Einfügen gelöscht. Mit einem Klick auf dieses Symbol wird der zuletzt kopierte oder ausgeschnittene Inhalt wieder eingefügt. Menüstruktur TYPO3 verwaltet Seiten in einer Baumstruktur, aus der sich direkt die Seiten- und damit auch die Menüstruktur ergeben. Deswegen sollten Sie sich vor Beginn der Erstellung der Seiten über die gewünschte Menüstruktur Gedanken machen. Sie können die Reihenfolge der einzelnen Punkte nachträglich durch Verschieben noch ändern, sollten aber aufgrund möglicher Links oder Referenzen Seite 8 von 32

9 auf Ihre Seiten unbedingt das Löschen und anschließende erneute Erstellen von Seiten mit dem gleichen Namen vermeiden. Folgende Menüstruktur ist im Moment als Standard einer neuen Fachbereichsseite vordefiniert: Abbildung 3: links: Seitenbaum in der Administrationsoberfläche (Backend), rechts: Ansicht als normaler Webseitennutzer (Frontend) - Struktur der Webseite, oberste Ebene Seiten, deren Eigenschaft Nicht im Menü gesetzt wurde (vgl. Rahmen, Startseite und Sonstiges), werden in der Frontend-Menüstruktur nicht angezeigt. Vorhandene Unterseiten werden mit einem Dreieck vor dem entsprechenden Seitensymbol angedeutet. Seite 9 von 32

10 Abbildung 4: Menüstruktur mit ausgeklapptem Seitenbaum: links: Backend, rechts Frontend Seitenerstellung Wenn Sie die Menüstruktur für Ihren Lehrstuhl bzw. Bereich festgelegt haben, können Sie mit der Erstellung der Seiten beginnen. Neue Seiten erstellen In der aktuellen TYPO3-Version 4.5 existieren mehrere Wege, um eine neue Seite zu erstellen. a) Per Drag and Drop Wechseln Sie dazu im linken Menü in das TYPO3-Modul Page/Seite (1).Klicken Sie im Anschluss auf create new page/neue Seite anlegen und selektieren Sie daraufhin den Seitentyp Standard und ziehen die neue Seite via Drag and Drop auf die gewünschte, übergeordnete Seite. Im Anschluss daran legt TYPO3 unterhalb der selektierten Seite eine neue Seite an, der Sie direkt einen Titel geben können. Seite 10 von 32

11 Abbildung 5: Neue Seiten anlegen (Drag & Drop) Abbildung 6: Seitentitel vergeben b) Per Seitenerstellungs-Assistent Wechseln Sie dazu im linken Menü in das TYPO3-Modul Page (1), klicken Sie daraufhin auf den Namen Ihres übergeordneten Verzeichnisses (2) und sodann oberhalb des Seitenbaums im grauen Kasten rechts auf das Symbol (3). Seite 11 von 32

12 Abbildung 7: Position der Seite bestimmen Legen Sie die Position der neuen Seite mit einem Klick auf einen der Pfeile fest. Für eine Unterseite der Seite Fakultät entscheiden Sie sich bspw. für den eingerückten Pfeil über oder unter der Unterseite Dienste. Nun kommen Sie zum Vorlagen-Auswahlbildschirm. In der Regel sollten Sie die Standard-Vorlage (dreispaltiges Layout der Universität) unter dem Punkt No selection (inherit)/standard verwenden. Seite 12 von 32

13 Abbildung 8: Template-Auswahl (Standard-Vorlage): No selection Geben Sie im Anschluss daran den Pagetitle/Seitentitel ein und schließen Sie entsprechende Maske durch die Option Speichern und Schließen (Symbol mit Diskette und X). Abbildung 9: Seitentitel festlegen Seiteninhalt erstellen Seiteninhalte werden im TYPO3-Modul Seite gepflegt. Wählen Sie im Seitenbaum die Seite (mit Klick auf den Seitennamen) aus, die bearbeitet werden soll. Seite 13 von 32

14 Abbildung 10: Seiteninhalt erstellen Wählen Sie nun bspw. innerhalb der mittleren Layout-Spalte Inhalt Neuen Datensatz erstellen. Bitte beachten Sie, dass die Auswahlmöglichkeiten je nach benutzter Vorlage bzw. definiertem Template variieren können. Im weiteren Verlauf müssen Sie nun den Inhaltselement-Typ definierten. Normalerweise wird dies Regular Text Element (Normaler Text) oder Text & Images (Text mit Bild) sein. Abbildung 11: Inhaltstyp wählen In der darauf folgenden Ansicht wechseln Sie bitte in das Register General/Allgemein, sofern es nicht vorselektiert ist. Der Text, der in das Feld Header/Überschrift eingetragen wird, sollte stets ausgefüllt werden und erscheint wenn gewünscht in der Frontend-Ansicht als HTML-Überschriftenelement. Der Text wird als HTML-Paragraph im Frontend dargestellt. Seite 14 von 32

15 Abbildung 12: Inhaltselement erstellen Der Editor Unterhalb von Text kann im Editor der zu hinterlegende Text verfasst oder aus bestehenden Quellen eingefügt werden. Für weitere Informationen zur Übernahme von Inhalten lesen Sie bitte die nächsten Abschnitte. Seite 15 von 32

16 Abbildung 13: Texteditor (Rich Text Editor [RTE]) Der Texteditor bietet im Wesentlichen alle wichtigen Formatierungsoptionen, die auch aus anderen Textbearbeitungsprogrammen wie bspw. Word bekannt sind, auch die Symbole sind dieselben. Bitte beachten Sie: Mit dem Drücken der Enter-Taste im Text erstellen sie einen neuen Absatz! Um einen Zeilenumbruch zu erzwingen, muss die Umschalt/Shift-Taste gleichzeitig mit Enter gedrückt werden! Nun speichern und schließen Sie die Seite (Diskettensymbol mit x). Wechseln Sie in der Modul- Auswahlleiste auf Show/Anzeigen, um die Seite so darzustellen, wie sie später online erscheinen wird. Alternativ können Sie mittels Speichern und Anzeigen (Diskettensymbol mit Auge) ein weiteres Fenster mit der Frontend-Ansicht öffnen. Tabellen Um eine Tabelle auf einer Seite zu erstellen klicken Sie bitte auf das Tabellensymbol im Editor. Seite 16 von 32

17 Abbildung 14: Neue Tabelle einfügen Tabelleneigenschaften Es erscheint ein neues Fenster mit Einstellungsmöglichkeiten für einen möglichen Tabellentitel und einer fakultativen Zusammenfassung sowie Anzahl der Zeilen und Spalten der Tabelle. Beachten Sie auch das Dropdown-Feld Headers/Überschriften mittels dessen Sie definieren können, ob Überschriften an Tabellenrändern hinterlegt werden sollen. Abbildung 15: Tabellendarstellung im Editor Die eingefügte Tabelle ist nun blau gestrichelt umrandet. Dadurch sind die einzelnen Zellen der Tabelle (ähnlich wie in einer Tabellenkalkulation) visuell voneinander abgegrenzt. Die leeren Zellen können nun mit Text aufgefüllt werden. Eine Navigation durch die Zellen ist mit den Cursor-Tasten oder mit dem Tabulator (Tab) möglich. Seite 17 von 32

18 Abbildung 16: Tabellendarstellung im Editor mit Inhalt Inhaltsübernahme aus anderen Quellen Inhalte können aus verschiedenen Quellen nach TYPO3 übernommen werden. Häufig kommen Webseiteninhalte auch aus Textverarbeitungsprogrammen wie Microsoft Word. Oft werden diese Inhalte mittels Copy&Paste in den Editor eingefügt. Word versucht allerdings, beim Kopieren möglichst alle Formatierungsinformationen (sofern mittels HTML darstellbar) mit in das TYPO3-System einzupflegen. Unter gewissen Umständen wird somit das Corporate Identity-Konzept der Universität Würzburg umgangen. Aus diesem Grund gilt es, die entsprechenden Formatierungen nach dem Kopieren zu entfernen. Ein generelles Problem ist, dass einige Browser das Einfügen per Editor nicht zulassen. Sie können diese Schutzfunktion durch Drücken des Tastaturbefehls für Einfügen Strg+V umgehen. Probleme bereiten des Weiteren u.a. Aufzählungen. Diese formatieren Sie besser im Editor selbst. Um evtl. übernommene Formatierungen zu entfernen, klicken Sie auf den Button mit dem Besen- Symbol. Abbildung 17: Vorformatierungen entfernen Nun können Sie die zu entfernende(n) Formatierung(en) auswählen und sie löschen. Seite 18 von 32

19 Abbildung 18: Word-Formatierungen löschen Sie können auch eine bestehende Webseite im Browser markieren und kopieren. Zum Teil bleibt auch hier die Formatierung der Seite erhalten. Sie sollten das Ergebnis somit auch hier auf alle Fälle auf unnötige HTML-Passagen überprüfen. Weiterhin kann ein bereits bestehender HTML-Code direkt in den Editor eingefügt werden. Dazu schalten Sie den Editor in den toggle text mode/html-modus um. Abbildung 19: Editor in den HTML-Modus umschalten Danach können Sie in das Feld Text direkt den Code für Ihre Seite einfügen. Bitte beachten Sie, dass verwendete Stylesheets und Skripte nicht übernommen werden können. Achten Sie also darauf, dass Ihr Code bereinigt ist. Dateiupload Ordner und Dateien anlegen Jedem Fachbereich steht ein eigener Upload-Bereich in TYPO3 zur Verfügung. Hier kann der Webmaster der Einrichtung eine eigene Ordnerstruktur anlegen und Dateien hochladen. Um einen neuen Ordner zu erstellen, klicken Sie im linken Menü das Modul filelist/dateiliste (1) an. In der mittleren Spalte erscheint ähnlich dem Seitenbaum eine hierarchische Ordnerstruktur. Sobald Sie auf die Bezeichnung des Ordners klicken (2), erscheint in der Inhaltsdatenspalte (rechts) die zugehörige Struktur sofern sie vorhanden ist. Um neue Ordner anzulegen, klicken Sie bitte auf das Icon New/Neu (3). Nun erscheint eine Maske zum Anlegen eines neuen Ordners. Es ist möglich, Seite 19 von 32

20 mehrere Ordner auf einmal zu erstellen, indem Sie die Anzahl im Dropdown-Feld entsprechend modifizieren. Abbildung 20: Neue Ordner erstellen (1) Abbildung 21: Abbildung 18: Neue Ordner erstellen (2) Mehrere Ordner Benennen Sie bitte die Ordner mit Kleinbuchstaben und ohne Leer- und Sonderzeichen. Dateinamen können zwar auch Großbuchstaben enthalten, allerdings sollten Sie aus Vereinfachungsgründen diese Nomenklatur auch für die Dateinamen beibehalten. Zum Hochladen von Dateien wählen Sie zunächst bitte in der Modul-Spalte das Modul Filelist/Dateiliste (1) aus. Hiernach wählen Sie die Bezeichnung des übergeordneten Ordners (2) aus und klicken und dann auf Upload Files/Datei-Upload (3) in der Menü-Leiste oben rechts. Seite 20 von 32

21 Abbildung 22: Datei-Upload im Filelist / Dateiliste - Modul Abbildung 23: Dateiupload Abbildung 24: Dateiupload Dateiauswahl Seite 21 von 32

22 Abbildung 25: File-Upload Prozess Mittels des File-Uploader können eine oder auch mehrere Dateien gleichzeitig hochgeladen werden. Die Datei wird in den Ordner geladen, der in der Ordnerliste angegeben ist. Dateinamen, die Leeroder Sonderzeichen bzw. Umlaute enthalten, werden vom System geändert: Leer- und Sonderzeichen werden in Unterstriche umgewandelt, die Umlaute hingegen in den entsprechenden Vokal und ein e. Entfernen Sie trotzdem möglichst alle Sonderzeichen vor dem Hochladen. Ordner und Dateien umbenennen, kopieren, ausschneiden, einfügen, löschen Um Dateien oder Ordner zu löschen, klicken Sie im Modul Filelist/Dateiliste mit der rechten Maustaste auf das Symbol der Datei bzw. des Ordners. Es öffnet sich nach kurzer Wartezeit ein Kontextmenü. Hier kann die Datei oder das Verzeichnis bspw. gelöscht werden. Abbildung 26: Löschen von Dateien und Ordnern Einbinden von Dateien und Setzen von Links Einbinden von Dateien durch Links in einem Text Klicken Sie bitte im linken Menü auf das Modul Page/Seite und wählen danach im Seitenbaum die zu ändernde Seite aus. Klicken Sie nun auf das Editier-Icon (Bleistift) des Inhaltselements, in dem der Link eingefügt werden soll. Seite 22 von 32

23 Abbildung 27: Link setzen Markieren Sie im Editor den Text, der in einen Link umgewandelt werden soll. Klicken Sie dann das Icon Insert link/link erstellen an. jetzt klicken Sie in dem neu geöffneten Popup-Fenster den Reiter File/Datei an und wählen den entsprechenden Ordner sowie die vorher hochgeladene Datei durch einen Klick auf Ihren jeweiligen Namen aus. Abbildung 28: Einfügen des Links Das Fenster schließt sich nach dem Anklicken der Datei sofort. Der neue Dateilink ist wie üblich an der blauen Schrift im Texteditor erkennbar. Abbildung 29: Ansicht im Texteditor (mit Icon) Seite 23 von 32

24 Links auf Seiten innerhalb von TYPO3 Wenn Sie innerhalb Ihrer neuen Seite Links setzen wollen, markieren Sie wieder den Text, der für den Link vorgesehen ist, und klicken auf das Hyperlink-Symbol. Suchen Sie sich unter dem Register Page/Seite die Seite aus, auf die Sie verlinken wollen und wählen Sie diese durch einen Klick aus. Abbildung 30: Link einfügen - Zielseite auswählen Es besteht neben der Möglichkeit, auf die eigenen Seiten zu referenzieren, auch die Option, auf andere Fachbereichsseiten innerhalb des TYPO3-Systems zu verweisen. Im Seitenbaum existiert hierfür ein Eintrag Home, durch den Sie sich mit lesendem Zugriff andere Fachbereichsseiten einsehen können. Eine Verlinkung innerhalb von TYPO3 ist einer Verlinkung durch eine externe URL wenn möglich immer vorzuziehen, da Erstere auch dann noch funktioniert, wenn die verlinkte Seite verschoben wird. Letztere hingegen liefert gegebenenfalls die Fehlermeldung Seite nicht gefunden und muss folglich aktualisiert werden. Links auf Seiten außerhalb von TYPO3 Um Links auf Seiten, die sich außerhalb von TYPO3 befinden, zu erstellen, wiederholen Sie bitte den oberen Schritt und wählen statt des Registers File/Datei das Register External URL/Externe URL. Tragen Sie hier die URL der Seite, auf die verlinkt werden soll, ein und klicken auf Set link/link setzen. Seite 24 von 32

25 Abbildung 31: Eintragen der externen URL / Internetadresse Externe URLs werden gemäß aktueller Konfiguration automatisch in einem externen Fenster geöffnet. Shortcut Um einen Link in einem Frontend-Menü zu erstellen, benutzen Sie bitte einen Shortcut. Dies ist eine eigene Seite, deren einzige Funktion die Weiterleitung zu einer anderen Seite innerhalb von TYPO3 ist. Erstellen Sie zuerst eine neue Seite. Klicken Sie nun im linken Menü auf Page/Seite (1). Wählen Sie die neu angelegte Seite aus (2) und klicken auf das Bearbeiten-Symbol (Edit page properties; der kleine gelbe Bleistift) (3) oben links. Abbildung 32: Seiteneigenschaften editieren Wechseln Sie auf das Register General/Allgemein und wählen Sie anschließend unter Type/Typ den Eintrag Shortcut (2) aus. Die Nachfrage zur Veränderung der Eingabefelder bestätigen Sie mit OK. Seite 25 von 32

26 Abbildung 33: Auswahl des Seitentyps Mit dieser Methode kann der Typ einer Seite jederzeit verändert werden. Alternativ kann bereits beim Erstellen der Seite Shortcut als Typ ausgewählt werden. Klicken Sie bitte auf das Öffnen-Symbol (der Ordner) neben dem Feld Shortcut Target zur Seite (2) und wählen Sie im Popup-Fenster die Seite aus, zu der verlinkt werden soll (3). Abbildung 34: Ansicht des Registers General bei Seitentyp Shortcut Abbildung 35: Zielseite im TYPO3 Element Browser auswählen Seite 26 von 32

27 Die Zielseite wird anschließend im Bereich Shortcut Target des Registers General/Allgemein aufgelistet. Um den Verweis zu löschen klicken Sie bitte einmal auf den Eintrag um ihn zu markieren und anschließend auf das X rechts neben dem Anzeigefeld. Abbildung 36: gesetzter Shortcut Vergessen Sie bitte nicht, die Seite zu speichern, sonst werden die Änderungen im Feld Shortcut zur Seite/Shortcut Target nicht wirksam. Links auf externe Seiten im Menü Wenn Sie wie unter beschrieben statt Shortcut den Typ Link to external URL wählen, können Sie das entsprechende Protokoll und den Link auf eine externe Seite hinterlegen. Abbildung 37: Externer Link im Menü anlegen Bitte beachten Sie, dass der Typ schon vorgeben ist. Tragen Sie also im Feld URL das nicht mehr mit ein. Bilder einfügen Um ihre Seiten mit Bildern zu versehen, gehen Sie wie folgt vor: Zuerst wählen Sie die entsprechende Seite aus (1) und legen ein neues Inhaltselement des Typs Text & Images/Text mit Bild an (2). Seite 27 von 32

28 Abbildung 38: Neues Inhaltselement anlegen (Modul: Page) Als nächstes wählen Sie für den Seiteninhalt das Inhaltselement: Text & Images oder sofern nur Bilder vorkommen sollen (kein Text), Images only. Abbildung 39: Seiteninhalt wählen Nun können Sie dem Inhaltselement eine Überschrift geben, auch ein Text kann eingegeben werden. Unter dem Register Images/Bilder gelangen Sie zum Feld zur Pflege der Bilder. Abbildung 40: Bilder einfügen Seite 28 von 32

29 Abbildung 41: Einstellungen für Bilder Mit Enlarge on Click/Klick-Vergrößerung wird das (kleine) Vorschaubild auf der Seite in einem neuen Fenster vergrößert angezeigt (6). Außerdem besteht die Möglichkeit, einen Bildtext (erscheint unter dem Bild), einen Alternativtext (wird angezeigt, falls das Bild nicht dargestellt werden kann) und einen Titel (Mauszeiger ruht über dem Bild) zu vergeben (7). Mit einem Klick auf das Register Appearance/Darstellung (1) gelangen Sie auf die Seite zur Definition der Anordnung. Seite 29 von 32

30 Abbildung 42: Weitere Bildeinstellungen: Register Appearance Um nun Bilder online zu stellen, haben Sie zwei Möglichkeiten: Die eine besteht darin, ein bereits hochgeladenes Bild (siehe Abschnitt 4.4 Dateiupload ) zu verwenden (2), die andere hingegen, eine Datei lokal von ihrem eigenen PC auszuwählen (3). Unter Image Adjustments/Bildabmessungen kann die Bildgröße gegebenenfalls in Pixeln anpasst werden (5). Wird hier nichts eingestellt, so passt TYPO3 das Bild automatisch der Seitengröße an. Ein mögliches Ergebnis sähe so aus: Seite 30 von 32

31 Abbildung 43: Inhaltselement mit Bild Möchten Sie mehrere Bilder auf der Seite? Wiederholen Sie den Punkt Datei auswählen. Seite 31 von 32

32 Anhang Notizen Fragen Bei Fragen, Anregungen und Kritik schreiben Sie uns eine Sabine Müller Constantin Frings Thomas Schröter Seite 32 von 32