Websites mit Contao erstellen
Der perfekte Kurs für Contao-Einsteiger!
Lerne in diesem Online-Training Schritt für Schritt, wie du Websites mit Contao erstellst.
Der leichteste und schnellste Einstieg in Contao!
Schritt für Schritt zur ersten Contao-Website
Erstelle innerhalb von 2 Wochen mit nur 3 Std. Videotraining am Tag deine erste Contao-Website. Im Kurs für Einsteiger erstellen wir gemeinsam eine responsive Demo-Website mit Contao. Dabei lernst du alle wichtigen Contao-Funktionen kennen. Einzige Voraussetzung ist, dass du bereits Kenntnisse in Webdesign hast.
Verschwende keine unnötige Zeit mit unvollständigen Anleitungen im Internet, sondern lass dir alles Schritt für Schritt zeigen.
Nach diesem Videotraining bist du fit und garantiert in der Lage, eigene Websites oder Kundenprojekte mit Contao 3.5 umzusetzen.
Welche Videos sind enthalten?
Contao 3.5 für Einsteiger
Einstieg in Contao
- Das CMS Contao 8:17 Min.
- Die Projektwebsite contao.org 5:09 Min.
- Contao-Kosmos 3:10 Min.
- Hilfe und Dokumentation 4:35 Min.
- GitHub und Contao 4:14 Min.
- Offizielle Contao Demo 2:37 Min.
Hilfreiche Tools
- Der richtige Browser 6:33 Min.
- Hilfreiche Browser-AddOns 5:20 Min.
- Bildbearbeitung 3:39 Min.
- FTP-Programm zur Datenübertragung 2:12 Min.
- Editor (IDE) für CSS und PHP 7:21 Min.
- Weitere hilfreiche Tools 2:24 Min.
- Tools für Browsertests 6:53 Min.
- Serverzugriff per SSH 4:17 Min.
Contao Installation
- Anforderungen & Contao-Check 4:08 Min.
- Die richtige Contao Version wählen 3:05 Min.
- Installation - Lokal unter Windows mit XAMPP 12:51 Min.
- Installation - Lokal auf einem Mac per MAMP 11:34 Min.
- Installation und Vorteile von MAMP PRO 7:28 Min.
- Passendes Hosting für Contao finden 11:25 Min.
- Live-Server konfigurieren und vorbereiten 6:12 Min.
- Installation 1 - Live Server per FTP 4:49 Min.
- Installation 2 - Live Server per Contao Check 6:01 Min.
- Installation 3 - Live Server per Console (SSH) 4:04 Min.
- Installation Erweiterung Composer Client 4:40 Min.
- Contao Demo installieren 4:11 Min.
- Die Datei localconfig.php 4:00 Min.
Orientierung & Contao-Logik
- Aufbau von Contao (Dateistruktur) 5:08 Min.
- Login ins Contao Backend 1:27 Min.
- Unterscheidung zwischen Frontend und Backend 2:16 Min.
- Backend: Ein kurzer Überblick 11:26 Min.
- Zusammenspiel der Komponenten 13:49 Min.
Demowebsite: Das Grundgerüst
- Was haben wir vor? 2:02 Min.
- Systemeinstellungen vornehmen 4:55 Min.
- Seitenstruktur anlegen 7:37 Min.
- Theme und Layout erstellen 11:56 Min.
- Module anlegen - Teil 1 8:26 Min.
- Seitenstruktur erweitern 6:47 Min.
- Inhalte auf Startseite hinzufügen 9:27 Min.
- Footer erstellen - Teil 1 10:51 Min.
- Footer erstellen - Teil 2 6:21 Min.
- 5 Tipps - Arbeit im Backend erleichtern 10:00 Min.
Demowebsite: Die Gestaltung mit CSS
- Das CSS-Framework & der interne CSS-Editor 8:49 Min.
- So funktioniert der interne CSS-Editor 14:51 Min.
- Externes CSS einbinden 8:55 Min.
- Styling Basislayout 3:04 Min.
- Hauptnavigation 3:36 Min.
- Header-Graphik 6:17 Min.
- Boxen und Icons per Font-Awesome 7:56 Min.
- Button hinzufügen und stylen 5:23 Min.
- Footer-Styling und Social Media Profile 8:05 Min.
- Feintuning und kurzer Browsercheck 1:59 Min.
- Seitenstruktur erweitern (Unterseiten) 4:16 Min.
- Eigenes Layout für Unterseiten anlegen 3:01 Min.
- Weitere Modul für Subnavi anlegen 3:58 Min.
- Styling Subnavigation und ein kleiner Trick 3:44 Min.
- CSS erweitern und Korrekturen durchführen 5:47 Min.
Inhaltselemente von Contao nutzen
- Einstieg in die Inhaltselemente von Contao 1:29 Min.
- Überschrift als eigenes Element 3:36 Min.
- Text mit dem Rich Text Editor (RTE) erstellen 10:52 Min.
- Text um ein Bild erweitern 7:28 Min.
- HTML-Code einfügen 2:35 Min.
- Aufzählung für Listen verwenden 1:35 Min.
- Tabelle erstellen 4:13 Min.
- Code für Syntaxhighlighting von Programmcode 1:22 Min.
- Markdown als Alternative zur Texterstellung 2:17 Min.
- Akkordeon zum Strukturieren von Inhalten 8:28 Min.
- Content Slider für Bilder und andere Elemente 4:53 Min.
- Hyperlink zur Verlinkung von Seiten 5:27 Min.
- TopLink um schnell an den Seitenanfang zu gelangen 1:35 Min.
- Downloads bereitstellen 5:03 Min.
- Bild als einzelnes Element hinzufügen 4:47 Min.
- Galerie für mehrere Bilder 6:52 Min.
- Video und Audio einbinden 4:49 Min.
- YouTube-Video einbinden 2:49 Min.
- Include-Element um Elemente wiederzuverwenden 3:44 Min.
Formulare erstellen und einbinden
- Einstieg: Formulare mit Contao erstellen 1:03 Min.
- Weiterleitung für gesendete Formulare anlegen 2:28 Min.
- Formular mit dem Formulargenerator erstellen 3:48 Min.
- Formularfelder hinzufügen 4:39 Min.
- Formular als Inhaltselement auf Seite einfügen 2:52 Min.
- Formular per CSS stylen 3:15 Min.
Einsatz der unterschiedlichen Navigations-Module
- Einstieg: Navigationsmodule in Contao 0:55 Min.
- Hauptnavigation und individuelle Navi erstellen 4:38 Min.
- Breadcrumb für bessere Orientierung 4:44 Min.
- Quick-Navigation auch perfekt als mobile Navigation 4:26 Min.
- Mit der Buchnavigation Seiten blättern 3:29 Min.
- Artikelnavigation bei mehreren Artikeln nutzen 2:25 Min.
- Sitemap - Auflistung des kompletten Seitenbaums 2:07 Min.
Nachrichtenmodul für News und Blogs
- Einstieg: Nachrichten in Contao 2:02 Min.
- Newsarchiv anlegen 5:38 Min.
- Benötigte News-Module anlegen 3:57 Min.
- News-Module auf Website einbinden 4:29 Min.
- News-Menü konfigurieren und einbinden 4:32 Min.
- Newsliste im Footer einbinden 4:05 Min.
- Newsliste als Inhaltselement mit Teasertext 2:05 Min.
- Nachrichtenausgabe per CSS stylen 5:03 Min.
- Kommentare für News aktivieren 4:45 Min.
- RSS-Feed der News bereitstellen 3:20 Min.
- Bloggen und Contao 1:19 Min.
Geschützter Mitgliederbereich erstellen
- Einstieg: Geschützter Mitgliederbereich 0:57 Min.
- Login für die Anmeldung erstellen 3:01 Min.
- Mitglieder manuell anlegen 3:35 Min.
- Mitgliedergruppen erstellen 1:22 Min.
- Geschützte Seiten für Mitglieder anlegen 5:10 Min.
- Registrierung für neue Mitglieder einrichten 12:57 Min.
- Funktion: Passwort vergessen 7:27 Min.
- Änderung von Daten und Passwort für Mitglieder 5:59 Min.
- Funktion: Konto schließen 3:34 Min.
- Abmeldefunktion für angemeldete Mitglieder 2:58 Min.
- Benutzerverzeichnis für Mitglieder nutzen 4:28 Min.
- Fehlermeldung beim Zugriff auf geschützte Seiten 1:25 Min.
Termine, Events und Kalender nutzen
- Einstieg: Events in Contao 0:37 Min.
- Events im Backend verwalten 8:24 Min.
- Event-Leser zum Anzeigen der Events 2:10 Min.
- Eventliste konfigurieren 4:14 Min.
- Kalender für Events konfigurieren 4:46 Min.
- Mini-Kalender für die Sidebar 4:47 Min.
- Gestaltung von Event und Kalender per CSS 3:33 Min.
- Event-Menü-Liste konfigurieren 3:02 Min.
- RSS-Feed der Events bereitstellen 3:11 Min.
Newsletter mit Contao versenden
- Einstieg: Newsletter in Contao 2:18 Min.
- Newsletter erstellen 7:58 Min.
- Funktion: Newsletter abonnieren und kündigen 7:47 Min.
- Newsletter-Anmeldung im Footer einbinden 2:22 Min.
- Newsletterarchiv bereitstellen 5:31 Min.
- Newsletter an Mitglieder versenden 3:39 Min.
- Template für Newsletter anpassen 4:49 Min.
FAQ-Modul zur Sammlung häufiger Fragen
- Einstieg: FAQ-Modul für häufige Fragen 0:39 Min.
- Fragen und Antworten im Backend verwalten 2:46 Min.
- FAQ: Liste und Leser-Modul konfigurieren 4:14 Min.
- FAQ-Seite anlegen 2:35 Min.
Suchfunktion in die Website integrieren
- Suchfunktion bereitstellen 4:11 Min.
- Suchfeld im Header einbinden (Teil1) 5:53 Min.
- Suchfeld im Header einbinden (Teil2) 7:39 Min.
- Suche per CSS stylen 1:36 Min.
- Suchindex verstehen und beeinflussen 7:04 Min.
Sonstige Module
- Einstieg: Sonstige Module 1:48 Min.
- Auflistung von Datenbank-Tabellen im Frontend 5:45 Min.
- Flashfilm integrieren 3:51 Min.
- Zufallsbild - Perfekt als Headerbild 3:11 Min.
- RSS-Feed fremder Websites integrieren 2:29 Min.
- Artikelliste als Navigation innerhalb von Seiten 4:55 Min.
Responsive Webdesign und Contao
- Einstieg: Responsive Webdesign (RWD)
- Responsive Design und Contao 4:08 Min.
- Tools und Links für RWD 5:14 Min.
- Mobiles Layout verwenden 9:07 Min.
- CSS, MediaQueries und Mobile First 9:25 Min.
- CSS für Logo und Suchbox anpassen 5:40 Min.
- Mobile Navigation für Smartphones 11:51 Min.
- Headerimage responsive machen 6:31 Min.
- Boxen auf Startseite responsive machen 5:38 Min.
- Abstände der Texte korrigieren 7:18 Min.
- Spezielle Optimierungen für iOS-Geräte 8:50 Min.
- Testen der unterschiedlichen Viewports 3:45 Min.
Letzte Optimierungen und Qualitätssicherung
- Kleinere Anpassungen an der Demo-Website 6:40 Min.
- Favicon hinzufügen 6:32 Min.
- Optimierung des Logos für Retina Displays 7:58 Min.
- Browsercheck 8:15 Min.
- Zusätzliches Drucklayout in der print.css definieren 8:32 Min.
- Quelltext mit dem HTML-Validator prüfen 3:49 Min.
- Rechtlicher Hinweis zur Impressumspflicht 2:25 Min.
- 404 Fehlerseite anpassen 2:05 Min.
- Theme im Backend vervollständigen 1:06 Min.
- Google Analytics Code integrieren 4:24 Min.
- Nicht benötigte Erweiterungen deaktivieren 2:44 Min.
SEO-Basics um bei Google besser gefunden zu werden
- URLs für Suchmaschinen anpassen 5:07 Min.
- Seitentitel und Description anpassen 2:53 Min.
- Sitemap und Google Search Console 6:01 Min.
- URLs ohne html suffix ausgeben 2:16 Min.
Go-Live und Projektabschluss
- Umzug Installation auf Live-Server 11:08 Min.
- Contao beschleunigen durch Caching 5:04 Min.
- Benutzerrechte für Redakteure vergeben 13:57 Min.
- Projekt abgeschlossen 1:11 Min.
Dieser Kurs ist für dich geeignet, wenn du:
- Webdesigner, Front-End-Entwickler oder Hobby-Webdesigner bist.
- innerhalb kürzester Zeit Websites mit Contao erstellen willst!
- bereits Kenntnisse in Webdesign hast!
- bereits HTML kannst und das passende CMS suchst!
- schnell zum Ziel kommen willst!
- eigene Templates / Themes für Contao entwickeln möchtest.
- hilfreiche Tipps und Tricks für Contao willst!
- sofort mit Contao loslegen willst!
- von einem anderen CMS wie Joomla oder WordPress zu Contao wechselst!
Achtung, wir holen dich NICHT komplett bei null ab! Du solltest Grundkenntnisse in der Erstellung von Websites sowie in HTML und CSS haben. Wenn dir das Wissen fehlt, dann empfehlen wir dir vorher dieses Buch zu lesen.
Einen speziellen Kurs für Redakteure findest du hier.
Hier findest du Beispiele
Wähle jetzt dein Paket
Einzelkauf
149€
Nur diesen Kurs
Einmalige Zahlung - kein Abo!
Zugriff auf alle Videos in diesem Kurs
Lebenslanger Zugriff
Hilfe bei Fragen
14-Tage-Geld-zurück-Garantie
Jetzt kaufen
Premium-Mitglied
249€
All-in-One
jährliche Zahlung - jederzeit kündbar!
Zugriff auf alle Videos in diesem Kurs
Zugriff auf alle Kurse in der Academy (über 300 Videos)
Zugriff auf alle neuen Videos
Download aller Videos als mp4
Premium Support
14-Tage-Geld-zurück-Garantie
Jetzt kaufen 
14-Tage-Geld-zurück-Garantie
Teste den Videokurs in Ruhe und risikolos für 14 Tage. Wenn dir die Videos nicht helfen,
dann reicht eine kurze E-Mail und wir erstatten den vollen Betrag - ohne wenn und aber.
Häufig gestellte Fragen
Sind Vorkenntnisse nötig?
Ja, du solltest Basiswissen in HTML und CSS besitzen. Hilfreich ist auch ein Grundverständnis im Bereich Webdesign.
Was passiert nach dem Kauf?
Sofort nach dem Kauf erhältst du eine E-Mail mit deinen Zugangsdaten. Danach kannst du dich einloggen und auf alle vorhandenen Videos zugreifen.
Was benötige ich, um die Videos abzuspielen?
Du kannst die Videos auf jedem Gerät abspielen, egal ob Desktop (Windows, Mac), Tablet oder Smartphone. Es ist jedoch eine aktive Internetverbindung nötig. Zum Abspielen der Videos reicht ein aktueller Browser wie Firefox, Chrome, Safari oder Internet Explorer ab Version 9. Eine zusätzliche Software ist nicht nötig.
Können die Videos heruntergeladen werden?
Dies ist nur als Premium-Mitglied möglich. Dann findest du unter jedem Video einen Download-Button.