Anleitung TYPO3. Inhalt 2 Login 4. Übersicht 5. Dateiliste 5 Dateien (Fotos, PDF) integrieren 5. Datei hochladen 6

Transkript

1

2 Inhalt Inhalt 2 Login 4 Übersicht 5 Dateiliste 5 Dateien (Fotos, PDF) integrieren 5 Datei hochladen 6 Bild oder PDF auf den Server laden 6 Exkurs: Bilder herunter rechnen 7 Web 7 Module 7 Seite 7 Liste 8 Speichern 8 Seitenbaum 9 Seite auswählen 9 Spalten 10 Inhalt 11 Text ändern 11 Text einfügen und säubern 11 Text formatieren 11 Links 12 Zu einer anderen Seite verlinken 12 Eine Datei verlinken 13 Eine externe Website verlinken 13 Eine Adresse verlinken 13 Neuen Inhalt anlegen 14 Text 15 Bilder 16 Seite 17 Seiten- und Navigationstitel eingeben 17 Seiteneigenschaften 18 Spezielle Funktionen 19 Cache löschen 19 Bildergalerie Ausflüge 20 LINK zum SEITENANFANG 25 2

3 3

4 Login Auf der Seite geht es zum Login 4 Frontend-Ansicht der Seite

5 Übersicht Im Backend des TYPO3 gibt es eine Aufteilung in drei Bereiche: (1) Hier können die Module ausgewählt werden. Diese werden im Wesentlichen in Web (4) und Datei (5) unterteilt (2) Bereich mit dem Seitenbaum, hier ist das Kernstück um sich in der Navigation der Website, respektive bei den Dateien, orientieren zu können. (3) Im Bereich rechts befinden sich die Inhalte der jeweiligen Module 5 Dateiliste In der Dateiliste werden die Daten wie Bilder, PDF etc. gespeichert, welche innerhalb der Website verwendet werden sollen. Es empfiehlt sich hier eine Ordnung zu wählen, mit der man später die gewünschten Daten einsetzen kann. Dieser Bereich kann auch Daten enthalten, die noch nicht oder nicht mehr eingesetzt werden. Dateien (Fotos, PDF) integrieren Um Bilder oder PDF in die Website zu integrieren, muss gegebenenfalls zuerst die Dateigrösse verringert werden. Anschliessend lädt man die Datei auf den Server und integriert sie dann an die gewünschte Stelle in der Website. 1. Datei vorbereiten (runter rechnen) 2. Datei hochladen 3. Datei einbinden Das Vorgehen ist in der Folge beschrieben:

6 Datei hochladen Bild oder PDF auf den Server laden Auf Dateiliste klicken, dann den gewünschten Zielordner auswählen. Zum Uploaden auf das Symbol klicken und die Datei auf dem Computer auswählen. 6 (1) Über das Rundpfeilsymbol wird die Ansicht aktualisiert und Änderungen übernommen. (2) Beim Symbol mit dem grünen Pfeil nach oben werden Daten von Ihrem Computer hoch geladen. (3) Mit dem Symbol neu (+) wird ein neuer Ordner angelegt. Datei auswählen und dann auf Upload klicken

7 Mit einem Klick auf das Ordnersymbol im Bereich (2) wird das Kontextmenü geöffnet. Exkurs: Bilder herunter rechnen Das gewünschte Bild zuerst mit einem Bildbearbeitungsprogramm (z.b. Photoshop oder IrfanView) für Web runter rechnen (Bsp: Breite 800px, Auflösung 72dpi), damit nicht unnötig grosse Dateien auf den Server gelangen! Web Module Seite 7 Im Modul «Seite» bekommt man einen Überblick über den Inhalt der gewählten Seite. Hier wird auch ein kleiner Einblick in den Inhalt gegeben. Im Normalfall fährt man gut damit mit dem Seitenmodul zu arbeiten, wenn man Inhalte ändern oder hinzufügen möchte.

8 Liste Das Listenmodul gibt einen Überblick über die Seiten unterhalb der gewählten Seite und den Inhaltselementen der Seite. Das Modul «Liste» eignet sich sehr gut wenn man mehrere Element bearbeiten, kopieren oder verschieben möchte. Bei einem Klick auf bekommt man eine Ansicht wo man Datensätze sortieren oder z.b. den Titel aller Element mit einem Speichern ändern kann 8 Hierbei braucht man nur auf den Bleistift in der Titelzeile zu klicken. Speichern Für das Speichern gibt es im oberen Bereich der Ansicht verschiedene Disketensymbole. Von links nach rechts (die fettgedruckten werden am häufigsten verwendet: X bedeutet schliessen des Datensatzes und Rückkehr in die Ansicht der Liste oder Seite (Das kann man auch erreichen, wenn man im Seitenbaum die Seite noch einmal auswählt) Speichern, speichert und man bleibt noch im Datensatz Speichern und Ansehen öffnet ein neues Fenster mit der Seite im Frontend Speichern und Schliessen, Speichert die Änderung und schliesst den Datensatz.

9 Seitenbaum 9 Seite auswählen Den Seitenbaum mit Klick auf + öffnen. Die Seite auswählen, die man bearbeiten möchte.

10 Spalten Es können mehrere Spalten vorkommen, welche eigenen Funktionen haben. Das sind dann jeweils Spezielle Eigenschaften, welche im Einzelnen angesprochen werden. 10

11 Inhalt Text ändern 11 Text einfügen und säubern Text am besten direkt in TYPO3 schreiben. Falls Text aus Word übernommen wird, diesen zuerst säubern, in dem man ihn kurz in den Texteditor reinkopiert oder Text säubern mit dem Besen. Text formatieren Es können Absatz, Behälter, Zitat, Überschrift 1 und 2 ausgewählt werden. Bei Aufzählungen zuerst den ganzen Text schreiben mit Umbruch (Return), dann Text markieren und auf das Symbol für Aufzählungen klicken.

12 Links Wort markieren und auf Weltkugel klicken. Dann wie auf folgenden Seiten beschrieben verlinken. Zu einer anderen Seite verlinken 12

13 Eine Datei verlinken 13 Eine externe Website verlinken Eine Adresse verlinken

14 Neuen Inhalt anlegen Beim Klick auf das Symbol (1) oder (3) kommt ein neues Inhaltselement hinzu. Beim Klick auf (2) wird einen Inhalt bearbeitet, ausgeblendet oder gelöscht. 14

15 Text Textelemente sind relativ einfach zu verstehen. Unter Allgemein findet man die Typoauswahl des Inhaltelements, hier könnte man noch wechseln. Die Überschrift ergibt standardmässig eine Überschrift Im Bereich Text wird der Text geschrieben, formatiert oder bearbeitet. Im Bereich Zugriff kann man das Inhaltselement zeitgesteuert ein, resp. ausblenden.

16 Bilder 16 (1) Ordnersymbol für die Bildauswahl, hier kommt man in die Dateiliste (2) Wählen der Bildposition (3) Anzahlspalten, wie viele Bilder neben einander gezeigt werden. (4) Bildgrösse einstellen (Breite oder Höhe, beides geht nicht) (5) Link auf eine Seite oder eine Website (6) Wenn aktiviert wird das Bild beim Klicken vergrössert. (7) Text unterhalb des Bildes (8) Alternativtext wird von Readern vorgelesen, oder gezeigt, wenn das Bild nicht vorhanden ist (9) Text, welcher beim Überfahren des Bilds gezeigt wird

17 Seite Neue Seite anlegen (Klick auf (1)) 17 Position der neuen Seite wählen Seiten- und Navigationstitel eingeben

18 Seiteneigenschaften Hier stehen Seitentitel und alternativ für die Navigation, sofern der Seitentitel noch zusätzliche Informationen enthält, der Navigationstitel. 18 In dieser Ansicht entscheidet man ob die Seite versteckt oder im Menü verborgen ist. Ebenso lässt sich hier die Veröffentlichung zeitlich einschränken. Unter den Metadaten versteht man zusätzliche Infos welche in den Quellcode geschrieben werden. Das wird von Suchmaschinen angeschaut. Auf die Darstellung der Website selber hat dies aber keinen Einfluss.

19 Diese beiden Ansichten können Sie vergessen, hat bisher noch niemand gebraucht. Spezielle Funktionen Cache löschen 19

20 Bildergalerie Ausflüge Als erstes in DATEIEN einen neuen Ordner anlegen und die Bilder im Format 800x600 hochladen. 20

21 Danach unter WEB SEITE ein neues Jahr anlegen. Eine neue Seite mit +Symbol und an gewünschte Stelle ziehen: 21 Danach im Seiteninhalt einen neuen Seiteninhalt anlegen und als TEXT UND BILD definieren:

22 Im ersten Reiter ausfüllen: 1. Text und Bild kontrollieren, 2. Titel vergeben, 3. Titel verbergen und Titel des Ausflugs im TEXTFELD eintragen: 22 Auf dem zweiten Reiter die Bilder auswählen:

23 Danach kontrollieren, ob es aussieht wie bei den älteren Seiten und anschliessend auf der Hauptseite AUSFLÜGE ein neues Inhaltselement einfügen als PLUG-IN unterhalb dem Textfeld: 23 Im ersten Reiter ALLGEMEIN kontrollieren, dass PLUG-IN gewählt, Überschrift vergeben und verbergen.

24 im zweiten Reiter MULTIPLE CONTENT, aus CONTENTS mit dem Ordner-Symbol die neu angelegte Seite auswählen und unten 2 COLUMNS kontrollieren. 24

25 LINK zum SEITENANFANG Manchmal ist ein LINK zum Seitenanfang gewünscht, wenn eine Seite lange wird. Damit der Doppelpfeil nach oben erscheint, muss im letzten Inhaltselement im Reiter ZUGRIFF Link zum Seitenanfang aktiviert werden: 25 Sarah Schmid Waserstrasse Zürich