Websites erstellen mit Contao 3 - Installation, Konfiguration, Administration, Responsive Webdesign, HTML5, Erweiterungen, Theme Manager, SEO u.v.m.
von: Peter Müller
Galileo Press, 2012
ISBN: 9783836220101
Sprache: Deutsch
662 Seiten, Download: 33408 KB
Format: PDF, auch als Online-Lesen
geeignet für:
Mehr zum Inhalt
Websites erstellen mit Contao 3 - Installation, Konfiguration, Administration, Responsive Webdesign, HTML5, Erweiterungen, Theme Manager, SEO u.v.m.
| Auf einen Blick | 4 | ||
| Inhalt | 6 | ||
| Geleitwort zur dritten Auflage von Thomas Weitzel | 24 | ||
| Geleitwort zur ersten Auflage von Leo Feyer | 26 | ||
| Vorwort zur dritten Auflage | 28 | ||
| 1 Das ist Contao | 32 | ||
| 1.1 Contao ist ein Content-Management-System | 32 | ||
| 1.2 Die Website zum Programm: »contao.org« | 35 | ||
| 1.3 Ein paar Highlights von Contao | 36 | ||
| 1.4 Die Community im Web: »contao-community.de« | 39 | ||
| 2 Schnelldurchlauf: So funktioniert Contao | 42 | ||
| 2.1 Das Frontend ist die Website | 43 | ||
| 2.2 Das Backend ist die Verwaltungsabteilung | 44 | ||
| 2.3 Die Seitenstruktur ist das Fundament der Website | 46 | ||
| 2.4 Themes bestimmen das Aussehen der Site | 47 | ||
| 2.5 Module erzeugen den Quelltext für das Frontend | 48 | ||
| 2.6 Jede Seite hat ein Seitenlayout | 49 | ||
| 2.7 Seitenlayouts verbinden die Seiten mit Stylesheets | 51 | ||
| 2.8 Jeder Artikel gehört zu einer Seite | 53 | ||
| 2.9 Ein Artikel besteht aus Inhaltselementen | 54 | ||
| 2.10 Das Backend ist für Redakteure sehr übersichtlich | 56 | ||
| 2.11 Zusammenfassung - so tickt Contao | 57 | ||
| 3 Der Offline-Webspace: XAMPP und MAMP | 58 | ||
| 3.1 Der Webspace auf Ihrem Rechner | 58 | ||
| 3.2 Windows: Offline-Webspace mit XAMPP | 60 | ||
| 3.3 OS X: Offline-Webspace mit MAMP | 64 | ||
| 3.4 Der Webserver: Apache serviert Webseiten | 67 | ||
| 3.5 PHP: Programmiersprache und Interpreter | 69 | ||
| 3.6 MySQL serviert SQL-Datenbanken | 72 | ||
| 3.7 phpMyAdmin verwaltet die Datenbanken von MySQL | 74 | ||
| 4 Die Installation von Contao | 78 | ||
| 4.1 Vorbereitung | 78 | ||
| 4.2 Offline: Contao auf Ihrem Rechner installieren | 79 | ||
| 4.3 Die Demo »Music Academy« offline installieren | 90 | ||
| 4.4 Online: Contao im Web installieren | 92 | ||
| 4.5 »Safe Mode Hack«: der FTP-Modus von Contao | 100 | ||
| 4.6 Hilfe bei sonstigen Installationsproblemen | 103 | ||
| 4.7 Umzug: von XAMPP und MAMP auf den Online-Webspace | 104 | ||
| 4.8 Know-how: Dateiberechtigungen - das 1 ° 1 zu 644 | 107 | ||
| 5 Ein kurzer Rundgang im Backend | 114 | ||
| 5.1 Überblick: das Backend | 114 | ||
| 5.2 Das Backend-Modul »System N Einstellungen« | 119 | ||
| 5.3 Der Dateimanager: »System N Dateiverwaltung« | 122 | ||
| 5.4 Der Erweiterungskatalog: Erweiterungen installieren | 127 | ||
| 6 Die erste Website mit Contao | 130 | ||
| 6.1 »No root page found« - die Seitenstruktur erstellen | 131 | ||
| 6.2 »No layout specified« - Theme und Seitenlayout erstellen | 137 | ||
| 6.3 Frontend-Module für den Kopf- und den Fußbereich | 141 | ||
| 6.4 Der erste Artikel und zwei Inhaltselemente | 144 | ||
| 6.5 Ein Frontend-Modul für die Navigation: »Nav - Main« | 151 | ||
| 6.6 Ein kurzer Blick in den Quelltext | 155 | ||
| 6.7 Templates erstellen das HTML für den Quelltext | 157 | ||
| 6.8 Das Contao-Prinzip: altogether now | 162 | ||
| 7 Contao und CSS: Webseiten gestalten | 164 | ||
| 7.1 Übersicht: Contao und CSS | 164 | ||
| 7.2 Der CSS-Editor von Contao: »Themes N Stylesheets« | 166 | ||
| 7.3 Das erste Stylesheet | 173 | ||
| 7.4 Grundlegende Gestaltung für die Beispielsite | 183 | ||
| 7.5 Tipps zur Arbeit mit internen Stylesheets | 193 | ||
| 7.6 Arbeiten mit externen Stylesheets | 198 | ||
| 8 Das CSS-Framework von Contao | 202 | ||
| 8.1 Das CSS-Framework von Contao im Überblick | 202 | ||
| 8.2 XHTML, HTML5 und Contao | 204 | ||
| 8.3 Die HTML-Struktur: das Seitentemplate »fe_page« | 208 | ||
| 8.4 Der Kern des CSS-Frameworks: »layout.css« | 214 | ||
| 8.5 Der CSS-Reset von Contao im Detail | 220 | ||
| 8.6 Das »Responsive Grid« von Contao | 222 | ||
| 8.7 Contao und CSS3 | 228 | ||
| 9 Navigationen erstellen in Contao | 232 | ||
| 9.1 So funktioniert Contao: Seiten, Module und Artikel | 232 | ||
| 9.2 Die Navigationsmodule von Contao im Überblick | 233 | ||
| 9.3 Die Seitenstruktur der Beispielsite erweitern | 235 | ||
| 9.4 Eine vertikale Navigation mit zwei Ebenen | 237 | ||
| 9.5 Eine horizontale Dropdown-Navigation | 243 | ||
| 9.6 Horizontale und vertikale Navigation zusammen | 250 | ||
| 9.7 Meta-Navigation: eine »Individuelle Navigation« | 251 | ||
| 9.8 Sitemap: das Inhaltsverzeichnis der Website | 256 | ||
| 9.9 Weitere Navigationsmodule im Überblick | 261 | ||
| 10 Inhaltselemente für Texte und Bilder | 266 | ||
| 10.1 Artikel und Inhaltselemente im HTML-Quelltext | 267 | ||
| 10.2 Das Inhaltselement »Überschrift«: »ce_headline« | 268 | ||
| 10.3 Das Inhaltselement »Text«: »ce_text« | 271 | ||
| 10.4 Das Inhaltselement »Text« mit einem Bild erweitern | 276 | ||
| 10.5 Das Inhaltselement »Bild«: »ce_image« | 283 | ||
| 10.6 Das Inhaltselement »Galerie«: »ce_gallery« | 288 | ||
| 10.7 Das Inhaltselement »Top-Link«: »ce_toplink« | 297 | ||
| 10.8 Syndikation: Drucken, PDF, Facebook, Twitter und G+ | 301 | ||
| 11 Weitere nützliche Inhaltselemente | 304 | ||
| 11.1 Das Inhaltselement »Tabelle«: »ce_table« | 304 | ||
| 11.2 Das Inhaltselement »Akkordeon«: »ce_accordion« | 312 | ||
| 11.3 Externe Videos auf Webseiten einbinden | 321 | ||
| 11.4 Das Inhaltselement »Video/Audio« | 325 | ||
| 11.5 Weitere Inhaltselemente im Überblick | 327 | ||
| 12 Kontakt: der Formulargenerator von Contao | 334 | ||
| 12.1 Ein Kontaktformular für die Beispielsite erstellen | 334 | ||
| 12.2 Das Kontaktformular gestalten | 346 | ||
| 12.3 Formulardaten auf der Seite »Vielen Dank« ausgeben | 351 | ||
| 12.4 Formularfelder: die Feldtypen im Formulargenerator | 352 | ||
| 13 Suchfunktion: die Beispielsite durchsuchen | 366 | ||
| 13.1 Die Suchfunktion im Überblick | 366 | ||
| 13.2 Teil 1 - die Seite »Suchen« erstellen | 367 | ||
| 13.3 Teil 2 - ein einfaches Suchformular im Kopfbereich | 375 | ||
| 13.4 Alternative zu Teil 2 - ein flexibleres Suchformular | 380 | ||
| 13.5 Die Syntax der Suchfunktion im Überblick | 386 | ||
| 14 Bloggen: die Erweiterung »Nachrichten« | 388 | ||
| 14.1 Übersicht: die Zutaten für das Nachrichtensystem | 389 | ||
| 14.2 Das »Newsarchiv«: Beiträge erstellen | 390 | ||
| 14.3 Teaser und Beiträge im Frontend ausgeben | 396 | ||
| 14.4 HTML und CSS: Teaser und Beiträge gestalten | 404 | ||
| 14.5 Bilder zu Teasern und Beiträgen hinzufügen | 409 | ||
| 14.6 RSS-Feeds zum Abonnieren der Beiträge erstellen | 412 | ||
| 14.7 Interaktion mit Besuchern: die Kommentarfunktion | 415 | ||
| 14.8 Navigation: Beiträge monatsweise auswählen | 421 | ||
| 14.9 Know-how: Nachrichten, Modultypen und Templates | 428 | ||
| 15 Die Erweiterungen »Events« und »FAQ« | 432 | ||
| 15.1 Terminverwaltung: die Erweiterung »Events« | 433 | ||
| 15.2 Einen Veranstaltungskalender erstellen | 434 | ||
| 15.3 Der noch ungestaltete Kalender im Überblick | 439 | ||
| 15.4 HTML und CSS: den Kalender gestalten | 441 | ||
| 15.5 Die FAQ-Erweiterung: häufig gestellte Fragen | 447 | ||
| 16 Die Erweiterung »Newsletter« | 452 | ||
| 16.1 Das Backend-Modul »Newsletter« | 453 | ||
| 16.2 Newsletter im Frontend anzeigen | 458 | ||
| 16.3 Newsletter im Frontend abonnieren und kündigen | 461 | ||
| 17 Startseite und Sidebar gestalten | 466 | ||
| 17.1 Ein neues Seitenlayout für die Startseite | 467 | ||
| 17.2 Newsbeiträge und Termine auf der Startseite | 469 | ||
| 17.3 Sidebar: ein zufällig ausgewähltes Bild | 475 | ||
| 17.4 Sidebar: der Minikalender | 477 | ||
| 17.5 Sidebar: Lesetipps als Dropdown-Menü | 481 | ||
| 17.6 Sidebar: Newsletter abonnieren | 483 | ||
| 18 Mobile Webseiten | 486 | ||
| 18.1 Die Besonderheiten von mobilen Webseiten | 486 | ||
| 18.2 Die Beispielsite auf kleinen Bildschirmen | 488 | ||
| 18.3 »Themes N Frontend-Module«: Navigation für mobile Seiten | 492 | ||
| 18.4 »Themes N Seitenlayout«: Layouts für mobile Seiten | 494 | ||
| 18.5 »Themes N Stylesheet«: mobile Seiten gestalten | 499 | ||
| 18.6 Suchfunktion und Kleinigkeiten | 509 | ||
| 19 Der Theme-Manager | 514 | ||
| 19.1 Ein Theme bestimmt das Aussehen der Website | 514 | ||
| 19.2 Einige Quellen für Contao-Themes | 518 | ||
| 19.3 Die »Music Academy«: Beispielsite im neuen Look | 522 | ||
| 19.4 Über die Anpassung von Themes | 525 | ||
| 19.5 Sicherheitshinweise für Themes (nicht nur für Contao) | 528 | ||
| 20 SEO: die Optimierung für Suchmaschinen | 530 | ||
| 20.1 Lesbare Adressen: URLs umschreiben | 531 | ||
| 20.2 Flache oder Ordner-URLs - Contao kann beides | 539 | ||
| 20.3 Seitenalias, Seitentitel und Seitenbeschreibung optimieren | 542 | ||
| 20.4 Abfangjäger: 404 und 403 | 548 | ||
| 20.5 Eine XML-Sitemap für Google & Co. | 553 | ||
| 21 Mitglieder: im Frontend angemeldete Besucher | 556 | ||
| 21.1 Mitglieder und Benutzer: der Unterschied | 556 | ||
| 21.2 Mitgliedergruppen und Mitglieder einrichten | 558 | ||
| 21.3 Seiten für die An- und Abmeldung erstellen | 559 | ||
| 21.4 Frontend-Module für die An- und Abmeldung erstellen | 561 | ||
| 21.5 Die erstellten Module einbinden und gestalten | 564 | ||
| 21.6 Einen geschützten Downloadbereich einrichten | 569 | ||
| 21.7 Weitere Möglichkeiten zur Mitgliederverwaltung | 573 | ||
| 22 Benutzer: im Backend angemeldete Mitarbeiter | 578 | ||
| 22.1 Benutzerverwaltung: die Übersicht | 578 | ||
| 22.2 Die Benutzergruppe »Redakteure - Nachrichten« | 579 | ||
| 22.3 Die Benutzerin »Helen Lewis« einrichten | 584 | ||
| 22.4 Die Benutzergruppe »Redakteure - Artikel« | 588 | ||
| 22.5 Zugriffsrechte für Seiten und Artikel setzen | 590 | ||
| 23 Wartung: die Website im Alltag | 594 | ||
| 23.1 Das »System-Log« schreibt mit | 594 | ||
| 23.2 Die »Systemwartung« im Überblick | 595 | ||
| 23.3 Den »Cache-Flow« in Contao kontrollieren | 599 | ||
| 23.4 Backups erstellen: Datenbank und Dateien sichern | 601 | ||
| 23.5 Updates: die Versionsnummern von Contao | 603 | ||
| 23.6 Der »Live Update«-Service: das automatische Update | 606 | ||
| 23.7 Das manuelle Update per FTP | 608 | ||
| 23.8 Webstatistiken mit Google Analytics und Piwik | 610 | ||
| 24 Tipps und Tricks bei der Arbeit mit Inhalten | 614 | ||
| 24.1 Text im Fußbereich mit dem TinyMCE pflegen | 614 | ||
| 24.2 Recycling: Inhalte auf mehreren Seiten wiederholen | 616 | ||
| 24.3 Die Erweiterung für Google Maps: [dlh_googlemaps] | 619 | ||
| 24.4 Artikelteaser auf Übersichtsseiten | 623 | ||
| 24.5 Mehrere Artikel auf einer Seite | 627 | ||
| 25 Tipps und Tricks zur Systemverwaltung | 632 | ||
| 25.1 Wichtige Konfigurationsdateien von Contao | 632 | ||
| 25.2 Tipps und Tricks zum TinyMCE | 635 | ||
| 25.3 Layouts für Fortgeschrittene | 640 | ||
| 25.4 Mehrere Websites in einer Contao-Installation | 643 | ||
| 25.5 Die Inserttags im Überblick | 647 | ||
| Index | 654 |