Start Sie benötigen eine TYPO3 Umgebung mit eigenen Zugangsdaten und etwas Zeit zum kreativen Schaffen.

Transkript

1 Typo3 kurz und gut

2 Start Sie benötigen eine TYPO3 Umgebung mit eigenen Zugangsdaten und etwas Zeit zum kreativen Schaffen. 1. Übung (Zugang zum Backend) Als Beispiel der Domain nehmen wir die Website: zum Login gelangen wir über den zusätzlichen Eintrag im Pfad Ihre Zugangsdaten können Sie unten eintragen. Domainname: Benutzername: Password: So sieht eine Zugangsseite aus: Nun den Usernamen und das Passwort eingeben und auf die Schaltfläche Anmelden klicken memoweb Seite

3 und wir sind eingeloggt. Nun kann der Seitenbaum angesehen werden: Mit einem Klick auf Seite: Wir können uns auch die Dateiliste ansehen. Klick auf die Dateiliste: Geschafft, die wichtigste Aktivität ist gelungen, eingeloggt und bereit zum Arbeiten. memoweb Seite

4 2. Übung (Seiteninhalt anlegen) Nun wollen wir mit der eigentlichen Arbeit in Typo3 beginnen, wir legen einen neuen Seiteninhalt an. Wir klicken auf Seite, dann auf die gewünschte Seite im Seitenbaum z.b. neue Seite. Es öffnet sich ein neues Fenster: Hier können wir den neuen Inhalt anlegen. Es kann eine der oben stehenden Möglichkeiten ausgewählt werden. Wir wählen: Normaler Text memoweb Seite

5 Es öffnet sich das Bearbeitungsfenster für unseren neuen Text. Der Inhalt lässt sich so einfach erstellen wie ein Brief in einer Textverarbeitung. Der rote Bereich ist für die Überschrift der blaue für den Inhalt. Der gewünschte Text wird mit einem am oberen oder unteren Rand existierenden Diskettensymbol gespeichert. So sieht der Text im Web aus. memoweb Seite

6 Sie haben eben ein Inhaltselement angelegt. Der Inhalt einer Webseite kann aus vielen Inhaltselementen bestehen. Es ist von Vorteil, einen Inhalt in verschiedene Inhaltselemente aufzuteilen. memoweb Seite

7 3. Übung (Der Dateimanager von Typo3 und das Hochladen von Dateien, Bildern oder PDF-Dokumenten) Bevor wir uns an die fortgeschrittene Inhaltsgestaltung wagen, also von Grafikeinbindung, Download-Angeboten (pdf-dokumente) oder von Verlinkung sprechen, brauchen wir einen Ort auf unserem Server, wo wir Bilder, Dokumente oder Videos ablegen können. Die Rede ist vom Typo3-Dateimanager, der von Typo3 als Dateiliste bezeichnet wird. Wenn wir auf den Auswahlpunkt Dateiliste klicken, sehen wir in der Spalte daneben den Dateibaum von Typo3. memoweb Seite

8 Anlegen eines neuen Ordners Wir klicken dazu auf die Dateiliste, dann auf den gewünschten Ordner. Wir legen dort unseren eigenen neuen Ordner an. z.b. Kundenordner dann Neu anklicken. den Ordner beschriften und auf Ordner anlegen klicken. Sie können beliebig viele Ordner anlegen (Sie sollten aber bestehende Ordner, welche Sie nicht angelegt haben, nicht löschen), denn auch Typo3 legt hier seine Systemdateien ab. Sind alle Ordner nach Ihren Wünschen angelegt, können wir uns dem nächsten Schritt, dem Datei-Upload, zuwenden. memoweb Seite

9 memoweb Seite

10 4. Übung (Hochladen von Dateien in Ihr TYPO3-System) Um eine Datei hochzuladen, klicken wir auf den Namen des gewünschten Ordners und klicken auf das Symbol Hochladen Wir klicken auf das Hochladen-Symbol Es erscheint: Nun können wir Ihren PC nach der hochzuladenden Datei durchsuchen, diese anklicken und zum Schluss öffnen anklicken. Wir sehen im Ordner, ob die Datei erfolgreich auf den Server geladen wurde. memoweb Seite

11 5. Übung (Inhaltselement Bild und Text einfügen) Wenn wir unsere gewünschten Bilder in der Dateiliste abgespeichert haben, können wir ein neues Inhaltselement einfügen (Text und Bilder) Wir wählen Text mit Bild Zuerst wird die Überschrift und der Text eingegeben, wie wir dies schon einmal gemacht haben. Um in diesem Inhaltselement ein Bild einzufügen, müssen wir in der Registerkarte Bilder dieses Feld suchen und den Ordner anklicken Es wird ein neues Fenster geöffnet mit der Dateiliste, Jetzt öffnen wir den gewünschten Ordner, in unserem Beispiel den Ordner Neuer Ordner und wir sehen unsere Bilder. memoweb Seite

12 Das gewünschte Bild kann angeklickt werden und erscheint nun im Feld. Jetzt noch den Bildtext eingeben. Pro Zeile wird ein Bild beschrieben. Soll das Bild auf der Homepage mit einem Klick auf die Originalgrösse vergrössert werden können, setzen wir bei Klick-vergrössern und ColorBox Slideshow ein Häklein. memoweb Seite

13 Danach legen wir die Breite oder die Höhe des Bildes fest. Nun müssen wir unseren Text und das Bild noch positionieren. Dazu klicken wir auf die Registerkarte Erscheinungsbild und wählen die Position Oben mittig (bezieht sich nur auf das Bild, nicht auf den Text). Bei diesem Beispiel benötigen wir nur eine Spalte (mehrere Spalten benötigen wir bei mehreren Bildern). Wir speichern und das Ergebnis steht 1:1 im WEB. memoweb Seite

14 Über TYPO3 TYPO3 ist ein kostenlos erhältliches Open Source Content Management System, für das Internet, Intranet und Extranet. TYPO3 bietet Funktionen und Module sowie eine Erweiterungsschnittstelle für ein Maximum an Einsatzmöglichkeiten. Das sagt WIKIPEDIA TYPO3 ist ein freies Content-Management-Framework für Websites, welches seit Oktober 2012 offiziell unter dem NamenTYPO3 CMS vertrieben wird. Es wurde ursprünglich von Kasper Skårhøj entwickelt. TYPO3 basiert auf der SkriptsprachePHP. Als Datenbank kann MySQL, aber auch etwa PostgreSQL oder Oracle eingesetzt werden. Das System wird von Core-Teams, weiterentwickelt, welches sich in zwei Sub- Teams aufteilen: Einem für TYPO3 CMS und einem für TYPO3 Neos. Die Marke TYPO3 dient seit Oktober 2012 zudem als Dach für eine Reihe einzelner Produkte. Der Name TYPO3 stammt daher, dass Skårhøj durch einen Tippfehler (englisch typo ) bei der Entwicklung einen Teil seiner Arbeit verlor. Die Zahl 3 wurde dem Namen schließlich angehängt, nachdem die dritte Version des Systems durch ihren Erfolg als eine Art Marke bekannt wurde. Zahlreiche Funktionen von TYPO3 können mit Erweiterungenhttp://de.wikipedia.org/wiki/TYPO3 - cite_note-ter-4 integriert werden, ohne dass ein eigener Programmcodegeschrieben werden muss. Die derzeit über 5000 Erweiterungen stammen zum größten Teil von anderen Anbietern und sind kostenlos verfügbar. Erhältlich sind unter anderem News, Shop- Systeme oder Diskussionsforen. Das System ist auf Mehrsprachigkeit ausgelegt und wird von einer Anwender- und Entwicklergemeinde aus aller Welt betreut. TYPO3 gehört zusammen mit Drupal, Joomla! und WordPress zu den bekanntesten Content- Management-Systemen aus dem Bereich der freien Software, und wird vor allem im deutschen Sprachraum sehr häufig eingesetzt. memoweb Seite