Content Management mit TYPO3 CMS für Kids€¦ · TYPO3 CMS ISBN 978-3-8266-8681-8 (D) 19,95 ISBN 978-3-8266-8671-9 ISBN 978-3-8266-8674-0 Inklusive CD-ROM 19 mm. 17 1 TYPO3 installieren

mitp für Kids

Content Management mit TYPO3 CMS für Kids

vonJari-Hermann Ernst, Sigrid Born

1. Auflage

Content Management mit TYPO3 CMS für Kids – Ernst / Born

schnell und portofrei erhältlich bei beck-shop.de DIE FACHBUCHHANDLUNG

Thematische Gliederung:

Web Graphik & Design, Web-Publishing

mitp/bhv 2012

Verlag C.H. Beck im Internet:www.beck.de

ISBN 978 3 8266 8671 9

Inhaltsverzeichnis: Content Management mit TYPO3 CMS für Kids – Ernst / Born

Sigrid Born

Jari-Hermann Ernst

Content Management mit

TYPO3 CMS

Außerdem ... für Kids:

Born

Erns

t

Über die Autoren:Sigrid Born ist Dozen-tin, Buchautorin und als erfahrene PR-Expertin und Onlineredakteurin inzwischen ein großer Fan von TYPO3 CMS.Jar i-Hermann Ernst bezeichnet sich gerne selbst als »eierlegen-den Wollmilchentwick-ler«, ist in Photoshop genauso zu Hause wie in HTML, CSS und Java-Script. Als erfahrener PHP-Entwickler ist er langjähriger TYPO3-Enthusiast, mittlerweile auch dort zertifizier-ter Integrator und seit geraumer Zeit Mitglied der TYPO3 Association.Sigrid und Jari arbei-ten viel mit TYPO3 CMS (und auch mit anderen CMS, aber TYPO3 CMS ist ihnen am liebsten!) und haben gemein-sam mit einem Team ein sehr umfangreiches Intranet für ein Unter-nehmen erstellt.

Auf der CD:Die aktuelle TYPO3 CMS-Software der im Buch ver wendeten Version, alle Vorlagen und Code-L i s t ings , Antworten und Aufga-benlösungen aus dem Buch.

Ab 12 Jahre, aber auch für Erwachsene, die eine wirklich einfache Einführung suchen.

Auch wenn die Zahl von 500.000 Webseiten-Installationen weltweit nur geschätzt ist – große Firmen wie die Lufthansa, Verbän-de wie der DFB oder Vereinigungen wie Greenpeace nutzen für ihre Webauftritte das Content-Management-System (CMS) TYPO3 CMS. Eine Liste, die immer länger wird … denn mittlerweile gibt es TYPO3 CMS seit über zehn Jahren und die Beliebtheit steigt immer weiter.

Mit dem frei erhältlichen TYPO3 CMS kannst du deine eigene Website ganz leicht auf moderne Art gestalten und sogar weiterent-wickeln. Die Experten Sigrid Born und Jari-Hermann Ernst zeigen, wie ein professionel-les CMS wirklich »tickt«. Von einfachen Seiten, die leicht zu pflegen sind bis zu Profi-Seiten mit Multimedia-Elementen ist alles möglich.

An einer Beispiel-Website erklären die Auto-ren Schritt für Schritt den Umgang mit TYPO3 CMS: Von der Installation über das Einstellen von Texten und Bildern bis hin zur Benutzer-verwaltung und Erweiterungen sowie Tem-plates ist alles dabei!

www.mitp.de

TYPO

3 CM

S

ISBN 978-3-8266-8681-8

(D) €

19

,95ISBN 978-3-8266-8671-9

ISBN 978-3-8266-8671-9

ISBN 978-3-8266-8674-0

Inklusive CD-ROM

Born

Jari-Hermann Ernst

Content Management mit

19 mm

17

1 TYPO3 installieren

Fürs Ausprobieren auf kostenlosem und sicherem Gelände solltest du TYPO3 auf deinem Rechner installieren. Du kannst, wenn dir das Ergebnis nicht gefällt, dein (Übungs-)Projekt einfach löschen, vor allem dann, wenn etwas nicht so funktioniert, wie du es dir vorgestellt hast. Und das passiert jedem, auch den Profis!

Solltest du TYPO3 schon installiert haben, kannst du dieses Kapitel über-springen und direkt mit Kapitel 2 weiterarbeiten.

In diesem Kapitel lernst du,

$ wie du TYPO3 auf einem lokalen Rechner einrichtest,

$ wie du alternativ TYPO3 auf einem lokalen Webserver installierst

$ und auch auf einem »richtigen« Webserver.

18

TYPO3 installieren

Kapitel

1 TYPO3 auf dem eigenen Rechner installieren

Am einfachsten ist es natürlich, wenn du TYPO3 mit wenigen Klicks wie ein normales Programm installieren könntest.

Und in der Tat gibt es hier eine Handvoll Projekte, die für verschiedene Betriebssysteme solche »Installer« bereitstellen. Du findest eine Auflistung auf der offiziellen TYPO3-Webseite unter:

www.typo3.org/download/installers/

Am Beispiel des TYPO3Winstallers möchten wir dir zeigen, wie einfach das geht.

Dieses hier als Erstes beschriebene Verfahren ist auch das, das wir dir für das Nachvollziehen der Beispiele in diesem Buch empfehlen wollen! Zwar funktionieren die danach beschriebenen Verfahren natürlich auch, aber zum Lernen ist das Vorgehen mit dem TYPO3Winstaller einfach am leichtesten!

Den TYPO3Winstaller nutzen Unter der URL typo3winstaller.sourceforge.net/ findest du fast alle TYPO3-Versionen, mit denen du mit wenigen Klicks ein eigenes Projekt einrichten kannst. Die Seite ist zwar auf Englisch, aber nicht allzu schwierig. Wir zei-gen dir anhand der Bilder, worauf es ankommt.

Auch wenn die Seite auf den ersten Blick etwas unaufgeräumt wirkt und einige Bereiche (Documentation, FAQ) noch fehlen, hast du im Bereich DOWNLOADS die Möglichkeit, .exe-Installer für fast alle bislang erschienenen TYPO3-Versionen herunterzuladen.

19

TYPO3 auf dem eigenen Rechner installieren

Screenshot der Downloadseite des TYPO3Winstaller-Projekts.

Die Dateierweiterung »exe« (Abkürzung für »executable« – »ausführbar«) kennzeichnet eine Datei als ausführbares Programm. Vorsichtig solltest du immer dann sein, wenn du eine .exe-Datei von einer unbekannten Mailadresse geschickt bekommst, denn dann könnte es sich um einen Computervirus handeln.

Da wir uns in diesem Buch ja für die Nutzung der Long-Term-Support-Version 4.5 entschieden haben, lädst du dir am einfachsten die aktuelle .exe-Datei dieser Version herunter.

Mit einem Doppelklick auf die heruntergeladene Datei startest du den In-stallationsvorgang.

Die heruntergeladene Datei kannst du mit einem Doppelklick öffnen.

20

TYPO3 installieren

Kapitel

1 Auf dem Willkommensbildschirm beginnst du die Installation mit einem Klick auf WEITER.

Auch wenn es sich bei TYPO3 um eine Open-Source-Software handelt, möchten die Entwickler die Nutzung und Verbreitung durch eine Lizenzver-einbarung regeln. Die musst du im zweiten Schritt akzeptieren, um die Installation vornehmen zu können.

21


Im folgenden Schritt kannst du auswählen, ob du ein kleines TYPO3-Symbol, ein Icon, auf deinem Desktop und/oder in der Schnellstartleiste von Windows erstellen lassen willst.

Beim nächsten Bildschirm wirst du gefragt, wohin TYPO3 installiert werden soll. Am bestens schaust du einfach, wo du Platz auf einer deiner Festplat-ten hast, und wählst diese als Zielordner aus.

22

TYPO3 installieren

Kapitel

1 Danach musst du noch bestimmen, wie der Ordner im Startmenü heißen soll, in dem du später TYPO3 wiederfinden willst.

Mit einem Klick auf INSTALLIEREN beginnt dann die eigentliche Installation. Jetzt ist es gleich geschafft!

23


Nach kurzer Zeit ist die Installation abgeschlossen und du kannst TYPO3 direkt ausführen lassen.

Allerdings muss der Winstaller beim allerersten Start einige Konfiguratio-nen abfragen und speichern, was nochmals ein paar Minuten dauern kann.

Wenn die Konfiguration abgeschlossen ist, schließt sich das Fenster auto-matisch. Es öffnet sich dein Standardbrowser und die Startseite des TYPO3Winstallers wird angezeigt.

24

TYPO3 installieren

Kapitel

1

Was ist während der Installation passiert? Der TYPO3Winstaller hat in dem von dir angegebenen Zielordner einen lokalen Apache-Web- und einen MySQL-Datenbankserver installiert. Dazu kommen noch ein paar Erweiterungen wie Ghostscript und GraphicsMa-gick, die TYPO3 für die Grafikbearbeitung benötigt.

Gleichzeitig sind zwei TYPO3-Instanzen eingerichtet worden: einmal eine Introduction-Package-Version und eine Dummy-Version.

Der Unterschied zwischen beiden liegt im Initialisierungszustand von TYPO3. Das Dummy-Paket ist komplett leer und muss zunächst individuell eingerichtet werden, damit du auf den Frontend-Seiten etwas zu sehen bekommst. Daher siehst du auch zunächst, wenn du das Frontend des Dummy-Pakets aufrufst, eine komplex aussehende Fehlermeldung.

25


Die ist zu diesem Zeitpunkt völlig in Ordnung, besagt sie doch nur, dass in TYPO3 noch gar keine Seiten eingerichtet sind, die ausgegeben werden könnten. Das System ist hier im wahrsten Sinn des Wortes »leer«.

Man muss schon tiefer gehende Kenntnisse in TYPO3 haben, um hier etwas ausgeben zu lassen, deshalb heben wir uns das Dummy-Paket auch für später auf!

Anders sieht es beim Introduction Package aus. Hier gibt es gleich zu Be-ginn schon ein paar Seiten, durch die man sich durchklicken kann. Es wer-den die grundlegenden Funktionen von TYPO3 erklärt. Daher ist das Introduction Package auch genau der richtige Einstieg, um sich mit den grundlegenden Funktionalitäten von TYPO3 vertraut zu machen und die ersten Schritte dieses Buches als Redakteur nachzuvollziehen!

26

TYPO3 installieren

Kapitel

1 TYPO3 auf einem lokalen Webserver installieren

Einen ähnlichen Weg wie die TYPO3-Installer-Versionen geht die zweite Variante – die Installation eines lokalen Webservers auf deinem Computer und dann im zweiten Schritt die Installation von TYPO3 von Hand.

Dies ist nur wenig komplizierter, bietet aber gerade für die etwas »professi-onellere« Arbeit mit TYPO3 einige Vorteile: Der Webserver ist unabhängig vom CMS und kann zum Beispiel auch genutzt werden, um ein neues De-sign-Template in HTML/CSS zu erstellen und davon mehrere Varianten aus-zuprobieren. Du kannst auch mehrere TYPO3-Instanzen mit unterschied-lichen Versionen laufen lassen, um zum Beispiel mal zu testen, wo die Unterschiede zwischen 4.5 und 4.6 liegen.

Installation des Webservers Dies funktioniert ähnlich einfach wie die TYPO3-Installation mit dem Winstaller.

Auf der Internetseite von Apache Friends www.apachefriends.org findest du über den Navigationspunkt XAMPP ein Installationspaket zum Download, das alles beinhaltet, was für die Einrichtung eines lokalen Webservers be-nötigt wird.

XAMPP ist eine Zusammenstellung von Open-Source-Software, die es ermöglicht, einen Apache-Webserver mit der Datenbank MySQL und den Skriptsprachen Perl und PHP möglichst einfach zu installieren und zu konfigurieren. Das X steht hierbei für die verschiedenen Betriebssysteme, auf denen es eingesetzt werden kann.

27

TYPO3 auf einem lokalen Webserver installieren

Hier kannst du direkt auf die Seite mit deinem Betriebssystem springen und dort die aktuelle Version des Installers herunterladen.

Mit einem Klick auf den Link XAMPP im Bereich DOWNLOADS gelangst du in den eigentlichen Downloadbereich.

28

TYPO3 installieren

Kapitel

1 Du hast an dieser Stelle drei Möglichkeiten, wie du dir XAMPP für die In-stallation auf deinen PC herunterladen kannst. Am einfachsten ist der Download und die Nutzung des Installers.

Dieser gibt dir die Möglichkeit, zum Beispiel unter Windows die Installation mit einem Doppelklick zu starten. Alles Weitere läuft dann dialoggestützt fast wie von selbst ab.

29


Die Datei ist etwas größer und der Download kann daher je nach deiner Internetverbindung ein bisschen länger dauern …

Wenn das Herunterladen abgeschlossen ist, findest du die ausführbare Datei in Windows im Downloads-Ordner unter Eigene Dateien.

Mit einem Doppelklick auf die Datei startet der Installationsvorgang.

Im ersten Schritt wirst du gefragt, in welcher Sprache du XAMPP installie-ren möchtest. Am besten wählst du hier natürlich DEUTSCH aus und bestä-tigst mit einem Klick auf OK.

Unter Windows 7 gibt dir die Installationsroutine gegebenenfalls jetzt ei-nen Warnhinweis aus:

30

TYPO3 installieren

Kapitel

1

Dies bedeutet, dass aufgrund der von Windows vorgegebenen Benutzer-kontensteuerung XAMPP unter Umständen nicht voll funktionsfähig ist.

Am einfachsten kannst du das umgehen, indem du das Programm nicht wie normalerweise üblich in den Programme- oder Program files-Ordner installierst, sondern an einer anderen Stelle auf der Festplatte. Dies hat auch den Vorteil, dass du den htdocs-Ordner mit den Dateien für die Webprojekte später einfacher wiederfindest.

htdocs ist übrigens eine Kurzform für »Hypertext Documents«. Das ist beim Apache-Server das Verzeichnis, in dem du HTML-Seiten ablegst, die dann von dort mit einem Webbrowser abgerufen werden können.

Den Warnhinweis klickst du daher einfach mit OK weg.

Du gelangst dann zum eigentlichen Willkommensdialog der XAMPP-Installation:

31


Mit einem Mausklick auf WEITER beginnt dann endlich die »richtige« Instal-lation. Die Routine schlägt dir als Erstes einen Ort auf einem deiner Lauf-werke vor, wo du XAMPP installieren kannst.

Wie oben schon angedeutet, empfiehlt es sich, XAMPP nicht unter Programme zu installieren, sondern direkt in einen eigenen Ordner unter-halb von C: – so kannst du später schneller auf die lokalen Dateien des Webservers zugreifen.

Du kannst dem Vorschlag in der Dialogbox also einfach folgen.

Genauso gut kannst du natürlich aber auch eine andere Festplatte nutzen, wenn dein Computer über mehrere verfügt. Wichtig wäre höchstens darauf zu achten, dass genügend Festplattenplatz vorhanden ist, da Webprojekte heutzutage vom Platzbedarf her gerne etwas größer werden.

Im folgenden Schritt musst du ein paar Optionen für deine XAMPP-Installation festlegen.

32

TYPO3 installieren

Kapitel

1

Die ersten beiden Punkte sind schon vorausgewählt und besagen eigentlich nichts weiter, als dass du festlegst, dass auf deinem Desktop ein Icon und im Startmenü ein Eintrag für XAMPP erstellt wird.

Wenn du dies nicht möchtest, kannst du beide Optionen auch abwählen.

Im Bereich DIENSTE kannst du festlegen, ob der Apache-Webserver und der MySQL-Datenbankserver als sogenannte Dienste in Windows installiert werden sollen.

Diese Auswahl hat den Vorteil, dass die beiden Dienste automatisch bei jedem Windows-Start mit gestartet werden und dir damit dein lokaler Webserver sofort nach dem Hochfahren des PCs zur Verfügung steht. Wenn du die Dienste nicht installieren möchtest, musst du später jedes Mal den Web- und den Datenbankserver von Hand starten. Allerdings steht dir hier-für dann eine Schnittstelle zu Verfügung, mit der du das relativ einfach erledigen kannst.

Die dritte Option in diesem Bereich, die Installation von Filezilla FTDP als Dienst benötigen wir in unserem Setup nicht, daher kannst du es ruhig deaktiviert lassen.

Mit einem Mausklick auf INSTALLIEREN geht es dann weiter.

33


Nach Ablauf der Installation erscheint ein entsprechender Dialog, der dich über den Abschluss informiert. Mit einem Klick auf FERTIG STELLEN beendest du den Vorgang.

Es öffnet sich daraufhin ein Konsolenfenster und du kannst sehen, wie der Apache- und der MySQL-Dienst vom System gestartet werden.

Wenn dies erfolgreich geschehen ist, erscheint eine neue Dialogbox, die dir dies mitteilt:

34

TYPO3 installieren

Kapitel

1

Mit der Bestätigung durch den Klick auf OK wirst du anschließend gefragt, ob du das »XAMPP Control Panel« (Bedienoberfläche) starten möchtest.

Dies sollten wir an dieser Stelle einfach mal tun und klicken auf JA.

Es startet ein kleines Programm, mit dem du die mit XAMPP installierten Dienste überprüfen, sie starten, neu starten oder gegebenenfalls wieder stoppen kannst.

Der aktuelle Stand nach der Installation wie hier beschrieben ist, dass der Apache- und der MySQL-Dienst laufen.

35


Diese Bedienoberfläche kannst du auch über das Desktop-Icon oder den Eintrag im Startmenü aufrufen, wenn du dies bei der Installation entspre-chend angegeben hast.

Als letzten Schritt überprüfen wir noch schnell, ob die Angaben des Control Panels auch wirklich stimmen.

Das geht ganz einfach: Starte einen Browser deiner Wahl und gib in die Adresszeile einfach nur localhost ein.

Wenn du den folgenden Bildschirm siehst, funktioniert dein lokaler Web-server auf XAMPP-Basis!

Um nun aber auch mit TYPO3 arbeiten zu können, müssen wir jetzt im nächsten Schritt auch noch dieses kurz von Hand installieren.

Die händische TYPO3-Installation Auf der TYPO3-Webseite werden im Downloadbereich (typo3.org/download/) verschiedene Pakete angeboten:

0 Introduction Package [tar.gz] [zip]

0 Blank Package [tar.gz] [zip]

0 Source [tar.gz] [zip]

0 Source + Dummy [zip]

0 Dummy [tar.gz] [zip]

Das Introduction Package ist wie schon kurz erwähnt das Beispiel einer typischen, voll funktionsfähigen TYPO3-Installation. Sie setzt sich zusam-men aus dem eigentlichen TYPO3-Programmcode, einem komplett durch-designten XHTML-Template und einigen vorinstallierten Extensions. Mit diesem Paket kannst du sehr schnell die Arbeitsweise von TYPO3 kennen-lernen und ausprobieren, da sämtliche Änderungen, die du im Backend eingibst, auch direkt ihre Auswirkungen auf den Frontend-Seiten haben, ohne dass du schon wissen musst, wie man ein Template erstellt und in TYPO3 einbindet. Wir nutzen das Package daher auch für die ersten Schrit-te hier in diesem Buch.

36

TYPO3 installieren

Kapitel

1 Das Blank Package besteht einfach nur aus dem TYPO3-Kern und einer Art Grundgerüst ohne Seitenbaum, ohne Inhalte und ohne Template. Dieses Package kann man gut dazu nutzen, eine komplett neue Webseite aufzu-setzen. Früher hieß es mal Source + Dummy, weshalb du dieses auch noch in der Liste findest. Aber bald wird es das nicht mehr separat zum Down-load geben.

Das Source-Paket umfasst nur den reinen Programmkern von TYPO3. Das Paket selbst ist nicht lauffähig, sondern es benötigt für eine vollständige TYPO3-Installation immer auch noch das Dummy-Paket mit den grundle-genden Gerüstdaten. Der Vorteil dieser Trennung liegt darin, dass man den Kern und die Dummy-Daten an verschiedenen Stellen auf dem Server able-gen kann und so zum Beispiel Upgrades des Programmkerns durchführen kann, ohne den Dummy-Part anfassen zu müssen. Auch ist es möglich mit einem TYPO3-Source-Paket mehrere Dummy-Installationen, also mehrere Webseiten, zu betreiben. Dies wird von den meisten Hostern so gemacht und auch die größeren Agenturen arbeiten im Wesentlichen auf diese Art und Weise.

Weiter unten auf dieser Seite findest du dann einen Reiter TYPO3 4.5 LTS. Klick darauf und du bekommst die entsprechenden Ressourcen zum Down-load angeboten.

37


Für den Einsatz auf einem Windows-Computer eignen sich die Zip-Dateien am besten.

Für den Anfang solltest du daher die .zip-Version des Introduction Package herunterladen und zunächst entpacken.

38

TYPO3 installieren

Kapitel

1

Dateien mit der Endung .zip sind komprimierte, zusammengepackte Da-teien. Der Vorteil: Der Platzbedarf für die Datei ist geringer. Damit sind zum Beispiel Dateien für den Download aus dem Internet schneller her-unterzuladen, weil die einzelne Datei kleiner wird.

Und bei Zip-Dateien ist es möglich, mehrere Dateien oder sogar ganze Verzeichnisbäume zu einer Datei zusammenzufassen. Dies ist auch bei den TYPO3-Downloaddateien der Fall.

Für den Umgang mit Zip-Dateien eignet sich das Programm »7zip«, das du unter www.7-zip.de herunterladen kannst, sehr gut.

Den nun entstandenen Ordner benennst du so um, wie dein Projekt heißen soll. Wir nutzen hier den Projektnamen typo34kids.

Diesen Ordner kopierst du im nächsten Schritt in das DocumentRoot-Verzeichnis des Apache-Webservers (htdocs).

39


Hier ist der Ordner:

Wenn dieser Schritt vollzogen ist, kannst du die TYPO3-Installation schon direkt im Browser aufrufen.

Die URL hierfür lautet http://localhost/<deinProjektname>, für unser Beispiel also:

http://localhost/typo34kids

Den Erfolg kannst du auch gleich sehen, da beim Aufrufen dieser URL die Startseite des TYPO3-Installationstools dargestellt wird.

40

TYPO3 installieren

Kapitel

1

Dieses Installationstool dient dazu, in wenigen Schritten die notwendige Datenbanktabelle zu generieren und alle benötigten Dateien zusammenzu-stellen, die für den Einsatz des Introduction Package notwendig sind.

Den Installationsprozess startest du mit einem Klick auf CONTINUE.

> Mit dem ersten Eingabeformular wirst du aufgefordert, die Authenti-fizierungsdaten für die Datenbankanbindung einzugeben. Da es sich um eine lokale Installation handelt, gibst du bei Username einfach root ein, das Passwortfeld kannst du in diesem Fall leer lassen, und als Host trägst du localhost ein. Dies erlaubt einen vollständigen Datenbankzugriff auf dem lokal installierten Webserver.

41


In einer Liveumgebung dürften diese Angaben aus Sicherheitsgründen natürlich niemals diese Standardeinträge sein, da ansonsten ja jeder ein-fach Zugriff auf deine Datenbank bekommen könnte.

> Bestätige deine Eingaben mit CONTINUE.

> Im zweiten Schritt wirst du aufgefordert, eine Datenbank auf dem MySQL-Server auszuwählen. Da wir hier noch keine Datenbank für das TYPO3-Projekt angelegt haben, findest du in der Selectbox nur die Standardeinträge, die zu Beginn auf jedem MySQL-Server angelegt sind. Doch die wollen wir nicht für unser Projekt nutzen.

42

TYPO3 installieren

Kapitel

1

> Daher legen wir einfach eine neue Datenbank an, wie es auch emp-fohlen wird. Als Namen wählen wir typo34kids, damit die Daten-bank so heißt wie unser Projekt. Und später, wenn noch andere Projekte auf dem lokalen Webserver laufen, wissen wir auf diese Wei-se immer, welche Datenbank zu welchem Projekt gehört.

43


> Auch diese Eingabe schließen wir wieder mit einem Klick auf CONTINUE ab.

> Im folgenden Schritt können wir festlegen, mit welchem Package wir unsere TYPO3-Installation beginnen wollen: entweder mit dem Intro-duction Package oder mit einer leeren Konfiguration. Für den Anfang wählen wir das Introduction Package aus.

44

TYPO3 installieren

Kapitel

1

> Abschließend werden nun die notwendigen Installationsschritte vor-genommen, was ein paar Minuten dauern kann.

45


> Nachdem die Installation abgeschlossen wurde, musst du noch ein Passwort für dein TYPO3 festlegen und du kannst eine Farbe für den Kopfbereich der Webseiten im Frontend auswählen.

> Wenn das System diese letzten beiden Angaben gespeichert hat, kommt als letzter Schritt eine Bestätigungsseite.

46

TYPO3 installieren

Kapitel

1

> Mit einem Mausklick auf die Schaltfläche GO TO YOUR WEBSITE kommst du dann direkt auf das Frontend der Seite.

Und die Seite im Frontend ist alles andere als schön!

Der Grund: Das Introduction Package ist nur dafür gedacht, mal eben schnell eine TYPO3-Installation einzurichten. Wir haben dies aber auf unse-rem lokalen Webserver in dem Unterverzeichnis typo34kids installiert, was nicht ganz der Norm entspricht. Daher sind die Pfade zu den CSS-Dateien, die für das Styling der Webseite verantwortlich sind, nicht mehr korrekt und TYPO3 stellt alles als reines HTML dar. Kein Problem, das zu ändern.

47


Ein erster Schritt mit TypoScript Du wirst hier zum ersten Mal mit TypoScript konfrontiert – wir kommen aber dazu später noch ausführlich in den Kapiteln 7 bis 11. Du musst dich als Administrator im Backend von TYPO3 einloggen. Verwende hierzu als Benutzernamen und Passwort typo3. Wie man das ändert, erfährst du in Kapitel 2, für den Anfang reicht dieses Passwort.

Im Modul WEB findest du den Bereich TEMPLATE.

Du klickst darauf und wählst im Seitenbaum im nächsten Schritt TYPOSCRIPT

TEMPLATES aus.

48

TYPO3 installieren

Kapitel

1

Im rechten Hauptarbeitsbereich klickst du dann auf das kleine Bleistiftsym-bol, um die TypoScript-Konstanten anpassen zu können.

Du siehst jetzt ein TypoScript-Eingabefeld und direkt darunter zwei Markie-rungsfelder: DEACTIVATE T3EDITOR und INCLUDE TYPOSCRIPT FILE CONTENT.

49


Die zweite Option wählst du aus. Das Fenster lädt dann automatisch neu und bezieht auch die TypoScript-Anweisungen aus den ausgelagerten Da-teien mit ein.

Relativ weit oben findest du den Eintrag absRefPrefix. Dieser ist jetzt noch leer. Um die CSS- und Template-Dateien für die Darstellung im Brow-ser korrekt zu laden, muss dieser Wert auf /typo34kids gesetzt werden:

absRefPrefix = /typo34kids

Nachdem du diese Änderungen gespeichert und den Webseiten-Cache ge-löscht hast, ist das Frontend deines lokalen Introduction Package in den TYPO3-typischen Farben zu sehen.

50

TYPO3 installieren

Kapitel

1 Cache löschen? Das ist ganz einfach: Oben rechts fast neben deiner An-meldung siehst du das Blitzsymbol.

Wenn du darauf klickst, erscheinen einige Optionen. Wähle SEITENINHALTS-CACHE (CLEAR PAGE CONTENT CACHE) aus, dann wird die Seite aktualisiert.

TYPO3 auf einem »richtigen« Webserver einrichten

Ein kleiner Nachteil bei den bisher beschriebenen Methoden liegt darin, dass die Computer im Internet, auf denen Webseiten gehostet werden, in aller Regel nicht mit dem Windows-Betriebssystem laufen. Hier kommen vielfach Linux-Betriebssysteme mit der Apache-Webserversoftware zum Einsatz. Zwar simulieren die beschriebenen Methoden den Einsatz des Apa-che-Webservers unter Windows, das Verhalten ist aber nicht unbedingt zu 100 Prozent identisch wie auf einem Rechner mit Linux im Internet.

Dies kannst du umgehen, indem du gleich auf einem Linux-basierten Web-server arbeitest. Leider birgt aber der Einsatz eines Webservers, der wirklich mit dem Internet in Verbindung steht, einige Gefahren, wenn du dir nicht vollkommen sicher bist, wie du ein solches System sichern und auf dem aktuellsten Stand halten kannst. Wahrscheinlich hast du schon mal von Fällen gehört, dass irgendwelche Hacker einen solchen Server übernommen haben und ihn für ihre Zwecke missbraucht haben.

Wenn du aber zum Beispiel noch einen alten Computer zu Hause hast, kannst du auf diesem ein Linux-Betriebssystem installieren und ihn zu ei-nem Webserver machen. Diesen bindest du dann in dein Heimnetzwerk ein, und du kannst ihn über den Browser aufrufen, wie andere Webseiten auch, nur dass dieser Server nicht von außen, vom Internet aus erreichbar ist.

Es gibt auch noch eine weitere Möglichkeit, wenn du keinen zweiten PC zur Verfügung hast: Es gibt Softwareprogramme, die es ermöglichen, auch auf einem Windows-Computer parallel weitere, sogenannte virtuelle Be-

51


triebssysteme zu installieren. Diese nutzen dann die Hardware deines PCs und installieren in einer Art Kapsel ein weiteres Betriebssystem und stellen gleich die notwendigen virtuellen Netzwerkverbindungen zur Verfügung. Du kannst mit einem solchen parallel laufenden System dann einen richti-gen Webserver installieren und ihn genauso ansprechen, wie du es mit einem Webserver in deinem Heimnetz oder auch im Internet machen wür-dest.

Ein Beispiel für solche Software ist VirtualBox. Auf der Webseite www.virtualbox.org kannst du das Programm kostenlos herunterladen und installieren.

Linux-Betriebssysteme gibt es viele: Ubuntu, OpenSuse, Gentoo, um nur einige zu nennen. Auf den entsprechenden Webseiten findest du meistens auch eine Serverversion, die du dann als Grundlage für einen virtuellen Webserver nutzen kannst.

Wie das genau geht, können wir an dieser Stelle natürlich nicht im De-tail beschreiben, da es sonst den Rahmen dieses Buches sprengen würde.

Aber im Internet gibt es zu jedem Linux unzählige Quellen und zahlrei-che Anleitungen, mit deren Hilfe du sicherlich schnell zum Ziel kommen wirst.

Installation von TYPO3

Systemanforderungen Wie schon beschrieben, benötigst du prinzipiell einen Webserver, der PHP versteht, sowie eine Datenbank. TYPO3 lässt sich grundsätzlich mit ver-schiedenen Optionen konfigurieren, am verbreitetsten (und einfachsten) ist der Einsatz eines Apache-Webservers mit einem MySQL-Datenbankserver.

52

TYPO3 installieren

Kapitel

1 Die empfohlene Anforderung für die TYPO3-Version 4.5:

0 Der Apache-Webserver muss in der Version 2.x oder höher vorliegen. Hierbei müssen die Module mod_expires und mod_rewrite aktiviert sein.

0 Für PHP wird die Version 5.2.0 oder höher benötigt. Es müssen die Er-weiterungen cURL, filter, GD2, hash, JSON, mbstring, mysql, openssl, pcre, session, SOAP, SPL, standard, xml, zlib installiert sein. Dies ist in der Regel der Standard. Kontrollieren kannst du die vorhandenen und aktivierten Erweiterungen mit der phpinfo()-Funktion.

0 Die memory_limit-Einstellung in der php.ini-Datei muss mindestens 128 MB sein.

0 Der MySQL-Datenbankserver muss die Version 5.1 oder höher haben.

0 Das Programm GraphicsMagick muss installiert sein.

0 Es sollten mindestens 200 MB Festplattenplatz auf dem Server vorhan-den sein. Mehr hilft natürlich immer!

0 In der Apache-Konfiguration muss sichergestellt sein, dass die AllowOverride-Einstellung Indexes und FileInfo enthält.

Die eigentliche Installation Als Erstes musst du dich via SSH auf deinem laufenden Webserver anmel-den, um die entsprechenden Schritte durchführen zu können.

Secure Shell oder SSH bezeichnet sowohl ein Netzwerkprotokoll als auch entsprechende Programme, mit deren Hilfe man auf eine sichere Weise eine verschlüsselte Netzwerkverbindung mit einem entfernten Gerät her-stellen kann.

Auf der Konsole wechselst du zunächst in das htdocs-Verzeichnis, in dem alle Dateien liegen müssen, damit sie über einen Browser abgerufen wer-den können.

In unserem Ubuntu-Beispiel findest du dieses unter /var/www, gegebe-nenfalls kann das bei anderen Linux-Distributionen auch anders sein (zum Beispiel /srv/www/htdocs).

Um dorthin zu gelangen, gibst du cd /var/www ein.

53


Wie auch bei der lokalen Installation unter Windows musst du anschlie-ßend die TYPO3-Dateien herunterladen.

Dies erfolgt unter Linux mit dem Befehl:

sudo wget http://prdownloads.sourceforge.net/typo3/ introductionpackage-4.5.x.tar.gz

Immer, wenn du in diesem Buch das -Zeichen siehst, heißt das, dass die Codezeile hier nur aus Platzgründen unterbrochen wurde. Du kannst alles in einer Zeile schreiben.

54

TYPO3 installieren

Kapitel

1

Das x steht hier für die jeweils aktuellste Version, die auf der TYPO3-Webseite zum Download angeboten wird.

Diese tar.gz-Datei ist ein komprimiertes Datenformat ähnlich wie die schon erwähnte .zip-Datei.

Daher musst du diese Datei im nächsten Schritt auch entsprechend ent-packen.

Das geschieht auf der Konsole über den Befehl:

sudo tar xzf introductionpackage-4.5.x.tar.gz

Nun benennst du als Letztes noch das durch das Entpacken entstandene Verzeichnis blankpackage-4.5.x in typo34kids um – dann ist die grundlegende Installation von TYPO3 so weit, um genutzt zu werden.

sudo mv introductionpackage-4.5.x typo34kids

Um den Erfolg der Installation zu testen, gibst du in das Adressfeld eines Browsers die IP-Adresse des Webservers gefolgt von dem Verzeichnisnamen ein, zum Beispiel 192.168.42.128/typo34kids

Wenn du daraufhin die folgende Darstellung siehst, ist alles für die weitere Konfiguration bereit:

55

Zusammenfassung

Konfiguration von TYPO3 Die eigentliche Einrichtung von TYPO3 wird danach genauso webbasiert durchgeführt wie schon in der Beschreibung des Installationstools erwähnt.

Puh, das war ein großer Schritt. Im nächsten Kapitel kannst du dich erst mal in Ruhe im Backend und Frontend umsehen.

Zusammenfassung

0 Du hast die drei Möglichkeiten gesehen, wie du TYPO3 auf deinem Rechner einrichtest.

0 Du hast mithilfe des Winstallers TYPO3 auf deinem Rechner eingerich-tet.

0 Du kannst mit XAMPP TYPO3 auf einem lokalen Webserver einrichten.

0 Du hast das Introduction Package und das Dummy-Paket installiert.

0 Du hast zum guten Schluss noch gesehen, wie man TYPO3 auf einem Linux-basierten Webserver einrichtet.

Ein paar Fragen und Aufgaben …

… bleiben dir in diesem Kapitel erspart – das war schon schwierig genug und du willst ja so schnell wie möglich anfangen!