Inhaltsverzeichnis. Contao für Webdesigner

Transkript

1 Inhaltsverzeichnis zu Contao für Webdesigner von Thomas Weitzel ISBN (Buch): ISBN (E-Book): Weitere Informationen und Bestellungen unter sowie im Buchhandel Carl Hanser Verlag München

2 Inhalt Einführung XI 1 Contao und die Open-Source-Kultur Zum Begriff Open Source TANSTAAFL oder There ain t no such thing as a free lunch Contao und Open Source Engagieren und einmischen: Ihr Beitrag zur Open-Source-Kultur Briefing & Projektplanung Briefing Projektplanung Grundüberlegungen Anforderungen an eine Website Umfang einer Website Zielgruppen der Website Prozess Prozessablauf Methoden der Konzeption und Planung Skizzen Moodboards Wireframes Projektplanung mit dem Kunden Frameworks als (Rapid-)Prototyping-Tool Projektplanung intern/mit Dienstleistern Werkzeuge für die Projektverwaltung Best Practices Updates ausführen Fehlermeldungen während der Entwicklung einschalten

3 VI Inhalt Cache-Funktionen während der Entwicklung ausschalten Einheitliche Benennungen von Frontend-Modulen und Stylesheets Updatesichere Lösungen einbauen Checkliste für die Projektkalkulation Fragenkatalog für ein Projekt Projektbegleitende Themen Konzeption Inhalte und Formate Funktionen Dokumentation Suchmaschinenoptimierung (SEO) Schulung Wartung und Backup Updates Vertragliches Weitere Themen Online-Tools und weiterführende Informationen zur Projektkalkulation Die Website webkalkulator.com Die iphone-app Web Fee Contao-Konferenz 2013: Session zur Projektplanung und Kalkulation Der Contao-Kosmos im Überblick Die Projekt-Website contao.org Wichtige Nachrichtenquellen von Contao Die Projekt-Website contao.org Das Contao-Community-Forum Contao auf Facebook Contao auf Google Contao auf Twitter Die Contao Association Weitere Informationsquellen Hilfe bei Problemen mit Contao Das Contao-Community-Forum Wie formuliere ich mein Problem? Das Unterforum Bezahlte Unterstützung (Kleine Aufträge) Das Unterforum Contao-Stellenangebote Weitere Hilfequellen Das Contao-Wiki IRC-Chat Contao-Partner Fehlersuche und -meldung Über das Contao-Community-Forum

4 Inhalt VII Über die Contao-Online-Demo Über Contao auf GitHub Hilfreiche Tools für Webdesigner Browser-PlugIns und -AddOns Web Developer Toolbar Firebug für den Firefox-Browser Developer Tools für den Firefox-Browser Developer Tools für den Chrome-Browser CacheStatus Quick Locale Switcher GridFox Gridder Contao-Tools ColorZilla ColorPick Eyedropper Fireshot das Screenshot-Tool Webpage Screenshot Screenshots mit Chrome Tools zur Bildkompression JPEGmini RIOT (Radical Image Optimization Tool) Tools für responsive Tests Screencheck Responsive Site View Responsive Inspector Adobe Edge Inspect Weitere Test-Tools Das Online-Tool Sauce Labs Das Online-Tool BrowserStack Contao-Erweiterungen eine Auswahl Das Newsletter-System Avisota Funktionsumfang Übersicht Ausblick auf Avisota Basis-Version von Avisota Feature-Complete-Version von Avisota [dk_caroufredsel] Möglichkeiten von caroufredsel Implementation in Contao Installation und Einrichtung Konfiguration und Einbindung caroufredsel mit Inhaltselementen einsetzen caroufredsel als Modul einsetzen

5 VIII Inhalt Praxistipps für den gelungenen Einsatz Ihres c aroufredselkarussells [dk_masonry] Möglichkeiten der Erweiterung Masonry Installation und Einrichtung Beispiel [dk_mmenu] Installation und Einrichtung Möglichkeiten der Erweiterung mmenu Beispiel [easy_themes] EasyThemes Modus Kontextmenü & MouseOver Modus Backend-Module Modus DOM-Inject EFG (Erweiterter Formulargenerator) Was kann der EFG? Erstellen des Formulars und Eingabe der Inserttags Anzeige des Kontaktformulars als zweispaltige Version Isotope ecommerce Überblick über die Funktionen Beispielhafte Umsetzungen/Referenzen MetaModels Was MetaModels kann Die MetaModels-Demo Überlegungen und Anregungen zum Einsatz von MetaModels Ausblick [responsive_images] Konfiguration Spaltenset/Subcolumns Historie und Ausblick Bedienung für Administratoren Tabcontrol Installation und Konfiguration Beispiele aus der Praxis Backend-Helfer m17-sticky-backend-footer ThemeTab TinyMCE-Customizer Konfiguration Verwendung Contao-Kochbuch Individuelle Scrollbalken mit jquery

6 Inhalt IX 7.2 Integration von Icon-Fonts Installation der Icon-Fonts in Contao Anwenden der Icon-Fonts Icon-Fonts in TinyMCE verwenden Nicht alle Icons eines Icon-Fonts nutzen Anpassung der Nachrichten-Templates: Datum und Uhrzeit Standard-Templates ansehen Standard-Templates anpassen Standard-Templates anpassen: Nachrichtentitel und Datum einzeilig Standard-Templates anpassen: Nachrichtentitel und Datum einzeilig, getrennt Darstellung von Tag und Monat wie Kalenderblatt Feinschliff Ausgabe der Syndikations-Icons: Anpassung des Artikel-Templates Individuelle Social-Media-Bars erstellen Anpassen der Akkordeon-Elemente Beispiele für den Einsatz von Inserttags, Mehrsprachigkeit iflng Praxisbeispiel Beispielprojekt: Die Erstellung einer Website Aufbau der Website Anlegen der Seitenstruktur Seitenlayout anlegen Weitere Vorbereitungen treffen Icon-Fonts einbinden Frontend-Module anlegen CSS anlegen und einsetzen Fixierter Header Die Erweiterung dk_caroufredsel Weitere Inhaltselemente anlegen Akkordeon anlegen Kontaktadresse und -formular erstellen Sticky Footer Icon-Fonts einbauen Die Erweiterung responsive_images Mach mal passend die Website responsiv machen Einbinden eines Homescreen-Icons für ein Lesezeichen auf Tablets und Smartphones Suchmaschinen optimierung (SEO) Suchmaschinenrelevante Einstellungen Schlüsselwörter vergeben Auszeichnungen überprüfen

7 X Inhalt 9.4 URLs umschreiben Eine Sitemap in Contao erzeugen Die Sitemap bei Google anmelden Webstatistiken Google Analytics in Contao verwenden Piwik in Contao verwenden Checkliste für die Website-Veröffentlichung Contao in einem Unterverzeichnis Anpassung in den Einstellungen und der.htaccess-datei Wurden suchmaschinenrelevante Einträge vorgenommen? Wurde ein Sprachen-Fallback eingerichtet? Validieren des Quellcodes und der CSS-Dateien Interne und externe Links überprüfen Adressen im Backend kontrollieren Testen der Webseiten mit den gängigsten Browsern Workflow zum Abschluss eines Projektes Eine Sammlung von Code-Snippets erstellen Contao maßgeschneidert individuelle Anpassung von Websites Einzelne Sprachlabels anpassen Anpassung des Sprachlabels Weiterlesen Einzelne DCA-Werte anpassen HTML-Tags im Seitentitel erlauben HTML-Tags in Überschriften erlauben Felder der Mitgliederregistrierung anpassen Index