Einführung. 1 Contao und die Open-Source-Kultur 1. 2 Briefing & Projektplanung 7

Größe: px

Ab Seite anzeigen:

Download "Einführung. 1 Contao und die Open-Source-Kultur 1. 2 Briefing & Projektplanung 7"

Fanny Böhler
vor 8 Jahren
Abrufe

1 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 4 2 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 25

2.4 Zielgruppen der Website 10 2.2.5 Prozess 10 2.2.6 Prozessablauf 10 2.3 Methoden der Konzeption und Planung 11 2.3.1 Skizzen 11 2.3.2 Moodboards 12 2.2.3 Wireframes 13 2.3.4 Projektplanung mit dem Kunden 14 2.

2 2.4.3 Cache-Funktionen während der Entwicklung ausschalten Einheitliche Benennungen von Frontend-Modulen und Stylesheets Updatesichere Lösungen einbauen 26 3 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 38 4 Der Contao-Kosmos im Überblick Die Projekt-Website contao.org Wichtige Nachrichtenquellen von Contao DieProjekt-Websitecontao.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-meidung Über das Contao-Community-Forum 54

1.7 Schulung 32 3.1.8 Wartung und Backup 33 3.1.9 Updates 33 3.1.10 Vertragliches 34 3.1.11 Weitere Themen 34 3.2 Online-Tools und weiterführende Informationen zur Projektkalkulation 35 3.2.1 Die Website webkalkulator.

3 4.5.2 Über die Contao-Online-Demo Über Contao auf GitHub 54 5 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 86 6 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 101

1.10 ColorZilla 73 5.1.11 ColorPick Eyedropper 73 5.1.12 Fireshot - das Screenshot-Tool 74 5.1.13 Webpage Screenshot - Screenshots mit Chrome 74 5.2 Tools zur Bildkompression 75 5.2.1 JPEGmini 75 5.2.2 RIOT (Radical Image Optimization Tool) 76 5.

4 6.2.7 Praxistipps für den gelungenen Einsatz Ihres caroufredsel- Karussells [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 [responsivejmages] Konfiguration SpaltenseySubcolumns Historie und Ausblick Bedienung für Administratoren Tabcontrol Installation und Konfiguration Beispiele aus der Praxis Backend-Helfer ml7-sticky-backend-footer ThemeTab TinyMCE-Customizer Konfiguration Verwendung Contao-Kochbuch Individuelle Scrollbalken mit jquery 161

5.3 Modus DOM-Inject 114 6.6 EFG (Erweiterter Formulargenerator) 114 6.6.1 Was kann der EFG? 115 6.6.2 Erstellen des Formulars und Eingabe der Inserttags 115 6.6.3 Anzeige des Kontaktformulars als zweispaltige Version 119 6.

5 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-Templatesanpassen 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-lcons: Anpassung des Artikel-Templates Individuelle Social-Media-Bars erstellen Anpassen der Akkordeon-Elemente 180" 7.7 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 responsivejmages Mach mal passend - die Website responsiv machen Einbinden eines Homescreen-Icons für ein Lesezeichen auf Tablets und Smartphones Suchmaschinenoptimierung (SEO) Suchmaschinenrelevante Einstellungen Schlüsselwörter vergeben Auszeichnungen überprüfen 245

.. 171 7.3.4 Standard-Templates anpassen: Nachrichtentitel und Datum einzeilig, getrennt 172 7.3.5 Darstellung von Tag und Monat wie Kalenderblatt 172 7.3.6 Feinschliff 174 7.

6 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 265 Index 267

4 Wurde ein Sprachen-Fallback eingerichtet? 256 10.5 Validieren des Quellcodes und der CSS-Dateien 257 10.6 Interne und externe Links überprüfen 257 10.

Ähnliche Dokumente

Inhaltsverzeichnis. Contao für Webdesigner

Inhaltsverzeichnis. Contao für Webdesigner Inhaltsverzeichnis zu Contao für Webdesigner von Thomas Weitzel ISBN (Buch): 978-3-446-43781-4 ISBN (E-Book): 978-3-446-43852-1 Weitere Informationen und Bestellungen unter http://www.hanser-fachbuch.de/978-3-446-43781-4