Geleitwort des Fachgutachters Vorwort zur zweiten Auflage Das ist Contao... 27

Transkript

1

2 Geleitwort des Fachgutachters Vorwort zur zweiten Auflage TEIL I Contao kennenlernen 1 Das ist Contao Contao ist ein Content-Management-System Brauchen Sie ein Content-Management-System? Contao unterstützt Sie bei Inhalt, Gestaltung und Funktionen Die Website zum Programm:» Ein paar Highlights von Contao Die Community im Web:» Tipps zur Benutzung des Forums Fragen zum Buch bitte auch im Forum stellen Schnelldurchlauf: So funktioniert Contao Das Frontend ist die Website Das Backend ist die Verwaltungsabteilung Die Seitenstruktur ist das Fundament der Website Themes bestimmen das Aussehen der Site Module erzeugen den Quelltext für das Frontend Jede Seite hat ein Seitenlayout Seitenlayouts verbinden die Seiten mit Stylesheets Jeder Artikel gehört zu einer Seite Ein Artikel besteht aus Inhaltselementen Das Backend ist für Redakteure sehr übersichtlich Zusammenfassung so tickt Contao TEIL II Contao installieren 3 XAMPP: Der Offline-Webspace XAMPP ist Webspace auf Ihrem Rechner Statische Webseiten: Der Webspace als Lagerhalle Content-Management-System: Der Webspace als Werkstatt

3 3.2 Die Installation von XAMPP Lite (Windows) XAMPP Lite installieren Das XAMPP Control Panel Testen, ob der Webserver funktioniert Der Sicherheitscheck von XAMPP Den Sicherheitscheck aufrufen Einen Passwortschutz für MySQL und phpmyadmin einrichten Passwortschutz für das XAMPP-Verzeichnis einrichten Die neuen Sicherheitseinstellungen testen Der Webserver: Apache serviert Webseiten Der Apache ist ein Webserver DocumentRoot:»htdocs«, der Ordner für die Webseiten PHP: Programmiersprache und Interpreter MySQL serviert SQL-Datenbanken Eine relationale Datenbank besteht aus Tabellen SQL ist die Sprache zur Verwaltung von Datenbanken MySQL verwaltet mehrere relationale Datenbanken phpmyadmin verwaltet die Datenbanken von MySQL XAMPP-Matrix die Komponenten im Überblick Die Installation von Contao Vorbereitung Die Systemvoraussetzungen Die richtige Contao-Version für dieses Buch Offline: Contao auf Ihrem Rechner installieren Online: Contao im Web installieren Informationen über Webhoster im Forum Webspace prüfen: Der Contao-Check Dateien auf den Webspace kopieren Zugangsdaten für die Datenbank Die Installation im Überblick »Safe Mode Hack«: Der FTP-Modus von Contao »Sie benötigen wahrscheinlich den Safe Mode Hack« Eine Alternative zum SMH: PHP als CGI oder Fast-CGI Online: So richten Sie den Safe Mode Hack ein Offline-Webspace: SMH bei einer lokalen Installation umgehen Sonstige potenzielle Installationsprobleme

4 4.5.1 PHP-Version zu alt:»parse error « Hilfe bei sonstigen Installationsproblemen Umzug: Von XAMPP auf den Online-Webspace Know-how: Dateiberechtigungen das 1 1 zu Besitzer, Benutzer und Berechtigungen: 644 und PHP und Contao: Benutzerrechte, Modul und (Fast)CGI Was der Safe Mode Hack genau macht Sicherheitsloch:»Alles auf 777«ist keine gute Idee TEIL III Schritt für Schritt zur ersten Website 5 Ein kurzer Rundgang im Backend Überblick: Das Backend Ganz oben im Backend: Der Infobereich Links: Der Navigationsbereich (Backend-Module) Rechts: Der Arbeitsbereich Das Backend-Modul»System Einstellungen« Der»Titel der Webseite« Das Format für Angaben von Datum und Zeit Der Dateimanager:»System Dateiverwaltung« Ordner erstellen mit dem Dateimanager Dateien mit dem Dateimanager hochladen Template-Ordner erstellen im Backend-Modul»Templates« Der Erweiterungskatalog: Erweiterungen installieren Die Erweiterungsliste auf»contao.org« Die Erweiterung [BackupDB] aus dem Backend heraus installieren Die Erweiterung [BackupDb] erleichtert ein Backup der Datenbank Die erste Website mit Contao »No pages found«die Seitenstruktur erstellen Der Startpunkt für eine neue Website Der Sprachen-Fallback für den Startpunkt Die Startseite für die Beispielsite erstellen Die Seitenstruktur für die Beispielsite erweitern Drei Klick-Tipps für die Arbeit mit dem Seitenbaum »No layout specified«theme und Seitenlayout erstellen Das erste Theme erstellen

5 6.2.2 Das erste Seitenlayout erstellen Ein kurzer Blick in den Quelltext Das erste Frontend-Modul:»Navigation Hauptnavi« Ein Navigationsmodul erstellen Das Navigationsmodul im Seitenlayout einbinden Frontend-Module für den Kopf- und den Fußbereich Module für den Kopf- und den Fußbereich erstellen Die Module für den Kopf- und den Fußbereich im Seitenlayout einbinden Das erste Stylesheet erstellen und zuweisen Das erste Stylesheet im Backend erstellen Stylesheet bearbeiten: Einen Style für»body«erstellen Weitere Styles für»html«,»#wrapper«und»#container«erstellen Das Stylesheet mit dem Seitenlayout verbinden Weitere Styles für Kopfbereich, Hauptspalte und Fußbereich Der erste Artikel und zwei Inhaltselemente Der Artikelbaum: Die Übersicht über alle Artikel Die Einstellungen für einen Artikel Inhaltselemente zu einem Artikel hinzufügen Den Artikel mit dem Seitenlayout verbinden Templates erstellen das HTML für den Quelltext In Contao gibt es viele verschiedene Arten von Templates Das HTML der Navigation im Quelltext Backend-Modul»Templates«: Templates updatesicher anpassen Ein kurzer Blick in das Template»nav_default.xhtml« Das Contao-Prinzip: Altogether now TEIL IV Webseiten gestalten mit Contao 7 Contao und CSS: Interne Stylesheets Übersicht: Contao und CSS Gestatten: Das CSS-Framework von Contao Interne oder externe Stylesheets So funktionieren interne Stylesheets Der interne CSS-Editor: CSS per HTML-Formular Die Gruppe»Selektor und Kategorie«

6 7.3.2 Die Gruppe»Abmessungen« Die Gruppe»Position« Die Gruppe»Abstand und Ausrichtung« Die Gruppe»Hintergrund« Die Gruppe»Rahmen« Die Gruppe»Schrift« Die Gruppen Aufzählung und Eigener Code Der interne CSS-Editor in der Praxis Das Stylesheet»bildschirm«mit dem internen CSS-Editor bearbeiten Tasten und Maus: Tipps für die Arbeit mit dem internen CSS-Editor CSS-Dateien importieren:»basic.css« Das Reset-Stylesheet»basic.css«herunterladen Das Reset-Stylesheet»basic.css«importieren Das Reset-Stylesheet»basic.css«im Detail Suchen und Filtern von Styles Styles mit bestimmten Selektoren suchen Filtern nach Kategorie Die Erweiterung [csseditor] Die Erweiterung [csseditor] installieren und kennenlernen Interne Stylesheets extern bearbeiten Einschränkungen bei der Arbeit mit [csseditor] Übung: Navigation gestalten mit internem Stylesheet Fazit: Interne Stylesheets und»seitenlayouts« Externe Stylesheets und CSS-Framework Externe Stylesheets sind ganz normale CSS-Dateien Externe Stylesheets in Contao einbinden Schritt 1: Stylesheets nach»tl_files/themes/ blaues_theme«kopieren Schritt 2: Ein zentrales Stylesheet erstellen Schritt 3: Das zentrale Stylesheet im Seitenlayout einbinden Fazit: Externe Stylesheets und»seitenlayouts« Teamwork: Interne und externe Stylesheets zusammen Nacheinander: Extern entwickeln, intern pflegen Miteinander: Externe Stylesheets plus interne Contao und CSS: Jeder so wie er gerne möchte

7 8.6 Das CSS-Framework von Contao im Detail Das HTML-Grundgerüst von Contao in»fe_page.xhtml« »$this->framework«: Die Einstellungen aus dem Seitenlayout Stylesheets einbinden:»$this->stylesheets«und»$this->head« Das CSS-Framework von Contao aus Benutzersicht Der Kern des CSS-Frameworks:»system/contao.css« Navigationen erstellen in Contao So funktioniert Contao: Seiten, Module und Artikel Die Navigationsmodule von Contao im Überblick Die Seitenstruktur der Beispielsite erweitern Eine vertikale Navigation mit zwei Ebenen Eine horizontale Navigation mit zwei Ebenen Horizontale und vertikale Navigation zusammen Metanavigation: Eine»Individuelle Navigation« Sitemap: Das Inhaltsverzeichnis der Website Weitere Navigationsmodule im Überblick Quicknavigation und Quicklink Navigationspfad: Die Breadcrumb-Navigation»Sie sind hier« Buchnavigation: Von einer Seite zur nächsten und zurück TEIL V Artikel und Inhaltselemente 10 Inhaltselemente für Text und Bilder Artikel und Inhaltselemente im HTML-Quelltext Das Inhaltselement»Überschrift«:»ce_headline« Eine Überschrift einfügen:»die Abenteuer des Lorem Ipsum« Das Inhaltselement»Überschrift«gestalten Das Inhaltselement»Text«:»ce_text« Die Eingabemaske des Inhaltselements»Text« Der Editor TinyMCE im Überblick Hyperlinks erstellen im Editor TinyMCE Das Inhaltselement»Text«mit einem Bild erweitern

8 Das HTML für das eingefügte Bild und ein CSS-Bilderrahmen Das Inhaltselement»Bild«:»ce_image« Das Inhaltselement»Bild«im Einsatz »Bild-Einstellungen«: Die Möglichkeiten der Bildanpassung Das Inhaltselement»Galerie«:»ce_gallery« Eine Bildergalerie erstellen Das HTML für die Bildergalerie Beschriftung von Galerien:»meta.txt« Das Inhaltselement»Top-Link«: «ce_toplink» Das Inhaltselement»Top-Link«einfügen Das Inhaltselement»Top-Link«gestalten Optional:»Top-Link«als Modul im Seitenlayout einbinden Syndikation: Drucken, PDF, Facebook und Twitter Die Links zur Syndikation aktivieren Die Links zur Syndikation per CSS gestalten Weitere nützliche Inhaltselemente Das Inhaltselement»Tabelle«:»ce_table« Der Eingabeassistent für das Inhaltselement»Tabelle« Importieren der Daten mit einer CSV-Datei Das HTML für das Inhaltselement»Tabelle« Das Inhaltselement»Tabelle«per CSS gestalten Das Inhaltselement»Akkordeon«:»ce_accordion« Seitenlayout vorbereiten und Artikel erstellen Das Eingabeformular für das Inhaltselement»Akkordeon« Zugeschaut und mitgebaut: Drei Akkordeons erstellen Das HTML für ein Akkordeon Das CSS zur Gestaltung eines Akkordeons Optional: Akkordeons mit Grafiken zur Statusanzeige Externe Videos auf Webseiten einbinden Video einbinden mit einem Link im Inhaltselement»Text« Video einbinden mit dem Inhaltselement»HTML«:»ce_html« Weitere Inhaltselemente im Überblick Das Inhaltselement»Code«:»ce_code« Das Inhaltselement»Aufzählung«:»ce_list«

9 Das Inhaltselement»Modul« Die»Include«-Elemente im Kurzüberblick TEIL VI Contao und Formulare 12 Der Formulargenerator von Contao Ein Kontaktformular für die Beispielsite erstellen Das Kontaktformular gestalten Das HTML für das Kontaktformular Das CSS für das Kontaktformular Formulardaten auf der Seite»Vielen Dank«ausgeben Formularfelder: Die Feldtypen im Formulargenerator Formularfelder einfügen: Die Feldtypen im Überblick Überschrift und Erklärung für zusätzliche Informationen Formularfelder gruppieren:»fieldset«und»legend« Das Passwortfeld: Automatisch mit Bestätigungsfeld Das Select-Menü: Auswahllisten per Klick Das Radio-Button-Menü: Optionsfelder deluxe Das Checkbox-Menü: Kontrollkästchen deluxe »Datei-Upload«: Besucher können Dateien hochladen Die Sicherheitsfrage zur Spamvermeidung Nützliche Erweiterungen zur Arbeit mit Formularen Suchfunktion: Die Beispielsite durchsuchen Die Suchfunktion im Überblick Teil 1: Eine Suchseite erstellen Teil 2: Ein Suchformular im Kopfbereich einbinden Alternative: Ein flexibleres Suchformular Die Syntax der Suchfunktion im Überblick TEIL VII Die Erweiterungen von Contao 14 Die Erweiterung»Nachrichten« Übersicht: Die Zutaten für das Nachrichtensystem Beiträge erstellen im Backend-Modul»Nachrichten« »Newsarchiv«: Ein Nachrichtenarchiv erstellen Nachrichtenbeiträge schreiben Teaser und Beiträge auf den Webseiten ausgeben

10 Eine Weiterleitungsseite zur Anzeige eines Beitrags in der Einzelansicht Das Frontend-Modul»Nachrichten Teaser anzeigen [Nachrichtenarchiv]«erstellen Das Frontend-Modul»Nachrichten Beitrag anzeigen [Nachrichtenleser]«erstellen Das Frontend-Modul»Nachrichten Teaser anzeigen«einbinden Das Frontend-Modul»Nachrichten Beitrag anzeigen«einbinden HTML und CSS: Teaser und Beiträge gestalten Das HTML des Moduls»Nachrichten Teaser anzeigen« Das CSS für das Modul»Nachrichten Teaser anzeigen« Das HTML des Moduls»Nachrichten Beitrag anzeigen« Das CSS für das Modul»Nachrichten Beitrag anzeigen« Bilder zu Teasern und Beiträgen hinzufügen Einen Feed zum Abonnieren der Beiträge erstellen Die Kommentarfunktion Die Kommentarfunktion aktivieren Kommentare schreiben und überprüfen Kommentare und Fehlermeldungen gestalten Kommentare im Backend verwalten Navigation: Beiträge monatsweise auswählen Das Frontend-Modul»Monat auswählen [Nachrichtenarchiv-Menü]«erstellen Neues Seitenlayout: Das Frontend-Modul»Nachrichten Monat auswählen«einbinden Das HTML des Frontend-Moduls»Nachrichten Monat auswählen« Das CSS für das Modul»Nachrichten Monat auswählen« Benutzerfreundlich: Ein Link, um alle Nachrichten anzuzeigen Know-how: Nachrichten, Modultypen und Templates Die Modultypen und die Modultemplates»mod_news*.xhtml« Die vier Subtemplates»news_*.xhtml«

11 15 Die Erweiterungen»Kalender«und»FAQ« Die Erweiterung»Kalender«in der Übersicht Einen Kalender erstellen Einen Kalender gestalten Das HTML vom Frontend-Modul»Kalender« Das CSS zum Gestalten eines Kalenders HTML und CSS zur Gestaltung der Einzelansicht eines Events Die FAQ-Erweiterung: Häufig gestellte Fragen Die Kurzanleitung für die FAQ-Erweiterung Die FAQ-Erweiterung gestalten Die Erweiterung»Newsletter« Das Backend-Modul»Newsletter« Einen Verteiler erstellen Abonnenten verwalten: Die Empfänger des Newsletters Einen Newsletter erstellen Einen Newsletter versenden Newsletter im Frontend anzeigen Die Kurzanleitung zur Darstellung der Newsletter auf der Site Das HTML der Frontend-Module zur Newsletterdarstellung Newsletter im Frontend abonnieren und kündigen Die Kurzanleitung zum Abonnieren und Kündigen Das HTML der Frontend-Module»Abonnieren«und»Kündigen« Die Startseite gestalten Ein neues Seitenlayout für die Startseite Inhalt für die Hauptspalte: Newsbeiträge und Termine Die Frontend-Module für Newsbeiträge und Termine erstellen Die Frontend-Module auf der Startseite im Artikel einbinden Newsbeiträge und Termine auf der Startseite gestalten Datum der Nachrichten ohne Uhrzeit darstellen

12 17.3 Sidebar erstellen: Lesetipps und Zufallsbild Sidebar: Lesetipps mit einem Quicklink-Modul Sidebar: Ein zufällig ausgewähltes Bild Die Sidebar gestalten Optional: Lesetipps auswählen ohne Klick auf»los«-button Der Minikalender in der Sidebar Eine neue Seite mit dem Modul»Eventliste«erstellen Ein Modul für den Minikalender erstellen und einbinden Den Minikalender gestalten Newsletter abonnieren in der Sidebar TEIL VIII Systemverwaltung 18 Der Theme-Manager in Aktion Ein Theme bestimmt das Aussehen der Website Der Theme-Manager verwaltet bekannte Komponenten »Blaues Theme«von der Beispielsite exportieren All-in-one: Das Innenleben einer CTO-Datei Was nicht in einem Theme enthalten ist Das»Cover Theme«: Die Beispielsite im neuen Look Über die Anpassung von Themes Sonderfall: In Artikeln eingebundene Module Im Seitenlayout eingebundene Module sind unproblematisch In Artikeln eingebundene Frontend-Module sind Inhalt Was mit in Artikeln eingebundenen Modulen schiefgehen kann Reparatur: Anpassung von in Artikeln eingebundenen Modulen Sicherheitshinweise für Contao-Themes Das potenzielle Problem Vertrauenswürdige Quellen Ein Theme prüfen Angriff von innen Fazit: Themes sind klasse

13 19 SEO: Die Optimierung für Suchmaschinen Lesbare Adressen: URLs umschreiben Content-Management-Systeme und URLs Die drei URL-Einstellungen von Contao Drei Voraussetzungen zum Umschreiben der URLs Die Rewrite-Regel zum URL-Umschreiben in der».htaccess« Contao im Unterordner: Die RewriteBase in der».htaccess« So wird s gemacht: URLs umschreiben in der Praxis Flache oder hierarchische URLs? URLs bei statischen Webseiten und bei CMSystemen Contao erzeugt von Haus aus flache URLs Hierarchische URLs in Contao Die Optimierung von Seiten Seitenname und Seitenalias im Backend von Contao Der Titel der Seite:»<title>... </title>« Die Beschreibung der Seite:»<meta name="description">« Abfangjäger: 404 und Statusmeldungen: Der Webserver schickt eine Nummer mit Seite nicht gefunden: Darf s vielleicht was anderes sein? Zugriff verweigert: Diese Seite gibt es, aber nicht für Sie Eine XML-Sitemap für Google & Co Die Google Webmaster-Tools Eine XML_Sitemap in Contao erstellen Erweiterungen zur Arbeit mit XML-Sitemaps Mitglieder: Im Frontend angemeldete Besucher Mitglieder und Benutzer: Der Unterschied Mitgliedergruppen und Mitglieder einrichten Mitgliedergruppen einrichten Mitglieder einrichten Seiten für die An- und Abmeldung erstellen Frontend-Module für die An- und Abmeldung erstellen Die Frontend-Module zur Anmeldung im Überblick

14 Ein Modul für das Anmeldeformular:»[Login-Formular]« Ein Modul zur Abmeldung:»[Automatischer Logout]« Modul für den Link zur Anmeldeseite:»[Eigener HTML-Code]« Anmeldenamen und Abmeldelink:»[Eigener HTML-Code]« Die erstellten Module einbinden und gestalten Die Frontend-Module zum An- und Abmelden in Artikeln einbinden Die Links zur An- und Abmeldung im Fußbereich einbinden Die Links und das Formular zur Anmeldung gestalten Testen, ob die An- und Abmeldung funktionieren Einen geschützten Downloadbereich einrichten Weitere Möglichkeiten zur Mitgliederverwaltung Das Modul»Passwort vergessen« Das Modul»Persönliche Daten« Die automatische Registrierung für Mitglieder Benutzer: Im Backend angemeldete Mitarbeiter Benutzerverwaltung: Die Übersicht Die Benutzergruppe»Redakteure Nachrichten« Die Benutzerin»Helen Lewis«einrichten Die Benutzergruppe»Redakteure Artikel« Die Benutzergruppe»Redakteure Artikel«einrichten Benutzer der Benutzergruppe»Redakteure Artikel«zuweisen Zugriffsrechte für Seiten und Artikel setzen Zugriffsrechte: Was mit Seite und Artikel gemacht werden darf Zugriffsrechte für die freigegebenen Seiten setzen Wartung: Die Website im Alltag Das System-Log protokolliert Aktivitäten von Contao Die Systemwartung im Überblick Systemwartung: Daten bereinigen Systemwartung: Suchindex neu aufbauen Den»Cache-Flow«in Contao kontrollieren

15 Cache as cache can: Cache gibt es in Contao und im Browser Der»Cache-Modus«von Contao in»system Einstellungen« Die»Cache-Einstellungen«in der Seitenstruktur definieren »Daten bereinigen«, um den Cache zu leeren Backups erstellen: Datenbank und Dateien sichern Die MySQL-Datenbank sichern mit der Erweiterung [BackupDB] Die Daten auf dem Webspace sichern Updates: Die Versionsnummern von Contao Das Bugfix-Release: 2.10.x Das Minor-Release: 2.x Das Major-Release: x Sollte ich eine funktionierende Contao-Website updaten? Checkliste vor einem Update Der Live Update Service: Das automatische Update Das manuelle Update per FTP Webstatistiken mit Google Analytics TEIL IX Contao für Fortgeschrittene 23 Contao und moderne Webstandards Das Web im Wandel: Der Weg zu HTML Von Layouttabellen zu CSS Von HTML über XHTML zu HTML Neuerungen in HTML5 eine vereinfachte Schreibweise Neuerungen in HTML5 komplett neue Strukturelemente Fazit: HTML5 ist die Zukunft Contao unterstützt den IE6 nicht mehr Contao und HTML HTML5 oder XHTML: Das Ausgabeformat wird im Seitenlayout definiert Alle Templates gibt es als XHTML und als HTML Das Seitentemplate»fe_page.html5«

16 23.3.4»html5shim«HTML5 für Internet Explorer 7 und 8 via JavaScript Der Problemfall: IE7 und IE8 ohne JavaScript Fazit: HTML5 ist die Zukunft, XHTML auf Nummer sicher Contao und CSS Eine kurze Geschichte von CSS Wofür man CSS3 heute schon nutzen kann Die Browser-Präfixes:»-moz-«,»-webkit-«,»-o-«und»-ms-« Conditional Comments, Media Queries und globale Variablen Interne Stylesheets und CSS Fallback für IE6 bis IE8 mit»css3 Pie« Tipps und Tricks bei der Arbeit mit Inhalten Text im Fußbereich mit dem TinyMCE pflegen Recycling: Inhalte auf mehreren Seiten wiederholen Möglichkeit 1: Für einzelne Seiten Verknüpfungen Möglichkeit 2: Für alle Seiten eines Seitenlayouts Frontend-Modul Anfahrtsskizze mit Google Maps: [dlh_googlemaps] Die Erweiterung [dlh_googlemaps] im Überblick Schritt 1: Eine Karte erstellen in»inhalte Google Maps« Schritt 2: Karten-Elemente eine Info-Sprechblase hinzufügen Schritt 3: Das Inhaltselement»Google Map«in Contao einbinden Gewusst wie: Die manuelle Ermittlung der Geo- Koordinaten Newsbeiträge mit Inhaltselementen Artikelteaser auf Übersichtsseiten Teasertexte für die drei Artikel erstellen Die Teasertexte auf der Seite»Artikel erstellen«einbinden Das HTML für die Teasertexte auf der Seite»Artikel erstellen« Mehrere Artikel auf einer Seite Methode 1: Nur ein Artikel pro Seite und Spalte

17 Methode 2: Mehrere ganze Artikel pro Seite und Spalte Methode 3: Mehrere angeteaserte Artikel pro Seite und Spalte Die Frontend-Module»Artikelliste«und»Artikelnavigation« Tipps und Tricks zur Systemverwaltung Wichtige Konfigurationsdateien von Contao Die Systemkonfiguration:»localconfig.php« Die Sprachkonfiguration:»langconfig.php« Infos zu Datenbanktabellen:»dcaconfig.php« Tipps und Tricks zum TinyMCE Ein Stylesheet für den TinyMCE:»tl_files/tinymce.css« Textbausteine im TinyMCE: Inhalte aus Vorlage einfügen Die Symbolleisten des TinyMCE anpassen Konfiguration des TinyMCE pro Benutzergruppe anpassen Layouts für Fortgeschrittene Eigene Layoutbereiche erstellen und aktivieren Eigene Seitentemplates erstellen Contao mit anderen CSS-Frameworks nutzen Mehrere Websites in einer Contao-Installation Ein Startpunkt für jede Website Mehrsprachige Website mit automatischer Sprachwahl Mehrere Domains in einer Contao-Installation Zusammenfassung: Mehrere Websites in mehreren Sprachen Die Inserttags im Überblick Inserttags für Link-Elemente Benutzereigenschaften: Inserttags für Frontend- Benutzer Umgebungsvariablen Include-Elemente Verschiedenes: Datum, und Sprachen Index

18 In diesem Kapitel erfahren Sie, warum Sie XAMPP benötigen, wie Sie es installieren und wie Sie einen Sicherheitscheck machen. Danach werden der Webserver, PHP und die Datenbank kurz vorgestellt. 3 XAMPP: Der Offline-Webspace Die Themen im Überblick: XAMPP ist Webspace auf Ihrem Rechner, Seite 55 Die Installation von XAMPP Lite (Windows), Seite 57 Der Sicherheitscheck von XAMPP, Seite 61 Der Webserver: Apache serviert Webseiten, Seite 66 PHP: Programmiersprache und Interpreter, Seite 67 MySQL serviert SQL-Datenbanken, Seite 70 XAMPP-Matrix die Komponenten im Überblick, Seite 75 XAMPP ist die Abkürzung für eine gängige Kombination von Komponenten, die beim Einsatz von Webanwendungen benötigt werden. Es wird»ksamp«oder etwas anglophiler»iks-ämp«ausgesprochen: X ist ein Platzhalter für das verwendete Betriebssystem: Linux, Windows oder Mac OS. A ist der erste Buchstabe des Webservers Apache. M steht für den Datenbankserver MySQL. PP steht für die Programmiersprachen PHP und Perl. Bevor Sie XAMPP installieren, möchte ich kurz erklären, warum Sie es überhaupt benötigen. Wenn Sie ausschließlich auf einem Online-Webspace arbeiten, können Sie dieses Kapitel getrost überspringen. 3.1 XAMPP ist Webspace auf Ihrem Rechner XAMPP ist die einfachste Möglichkeit, eine lokale Entwicklungsumgebung einzurichten. Lokal bedeutet in diesem Zusammenhang auf Ihrem Rechner und hat nichts mit einer Gaststätte zu tun. 55

19 3 XAMPP: Der Offline-Webspace Statische Webseiten: Der Webspace als Lagerhalle Beim traditionellen Webpublishing werden die Webseiten in der Regel auf dem eigenen Rechner erstellt, auf den Webspace kopiert und dann unverändert vom Webserver ausgeliefert. Da die Webseiten auf dem Webspace nicht verändert werden, spricht man von statischen Webseiten (Abbildung 3.1). Statische Webseiten Browser Internet Webserver (Apache) Webspace Abbildung 3.1 Statische Webseiten der Webspace als Lagerhalle Die Webseite ist im Moment der Anforderung durch den Browser bereits fix und fertig. Der Webspace dient als Lagerhalle zur Aufbewahrung der Webseiten, und es gibt dort nur den Webserver und die Webseiten Content-Management-System: Der Webspace als Werkstatt Ein Content-Management-System (CMS) ist ein Programm, das auf dem Webspace läuft und die Webseiten kurz vor der Auslieferung zusammenbaut. Die Webseiten liegen nicht mehr statisch auf dem Webspace, sondern werden dynamisch auf Anforderung erstellt. Der Webspace ist somit keine Lagerhalle mehr, sondern gleicht eher einer Werkstatt. In dieser Werkstatt arbeitet ein ganzes Team von Programmen daran, die Webseiten so schnell wie möglich zu erstellen und zu liefern. Statt vieler fertiger Webseiten gibt es dort nur eine Vorlage, eine Datei mit zahlreichen Platzhaltern namens index.php, die je nach Anforderung des Browsers mit verschiedenen Parametern unterschiedlich zusammengebaut wird. Zum Team gehören neben dem Webserver noch ein paar andere Mitarbeiter: PHP-Interpreter Ein Interpreter ist ein Übersetzer. Contao wurde in der Programmiersprache PHP geschrieben, und damit ein in PHP geschriebenes Programm funktioniert, muss auf dem Webspace ein PHP-Interpreter vorhanden sein. PHP arbeitet sehr eng mit dem Webserver zusammen. Content-Management-System Ein CMS wie Contao ist der Motor der Website und koordiniert die Erstellung der Webseiten, bevor der Webserver sie ausliefert. 56

20 Die Installation von XAMPP Lite (Windows) 3.2 Datenbank Viele Webanwendungen bewahren ihre Daten in einer Datenbank auf. Weit verbreitet und auch bei Contao im Einsatz ist MySQL. Abbildung 3.2 zeigt das gesamte Team im Überblick. index.php Browser Internet Webserver (Apache) P H P Contao (CMS) MySQL (Datenbank) Webspace Abbildung 3.2 Das Content-Management-System der Webspace als Werkstatt Um eine dynamisch erstellte Website offline auf dem eigenen Rechner erstellen zu können, müssen Sie einen solchen Webspace auf Ihrem Rechner simulieren, und dazu benötigen Sie außer Contao noch einen Webserver, einen PHP-Interpreter und MySQL. Ein solcher Offline-Webspace wird oft auch Entwicklungsumgebung genannt. Da es ziemlich mühsam ist, alle Komponenten einzeln zu installieren und dann auch noch zur Zusammenarbeit zu bewegen, haben die Betreiber von apachefriends.org Ihnen diese Arbeit abgenommen, ein Komplett-Paket geschnürt und es unter dem Namen XAMPP kostenlos veröffentlicht. Dieses Paket werden Sie jetzt installieren. 3.2 Die Installation von XAMPP Lite (Windows) XAMPP für Windows gibt es in einer Voll- und in einer Lite-Version. Für eine lokale Contao-Entwicklungsumgebung reicht XAMPP Lite in der etwas älteren aber problemlos funktionierenden Version völlig aus. Sie finden XAMPP Lite auf der Buch-CD unter folgendem Link bei sourceforge.net zum Herunterladen, am besten als EXE-Datei: bit.ly/xampp-lite-173 (Kurz-Link zu sourceforge.net) Falls Sie bereits eine Version von XAMPP installiert haben, prüfen Sie bitte, ob die Voraussetzungen für Contao erfüllt sind: PHP ab V5.2 und MySQL ab V4.1 (besser V5.x). Details dazu finden Sie in Kapitel 4,»Die Installation von Contao«, ab Seite