Im Laufe des Buches erstellen Sie Schritt für Schritt diese Beispielsite. Zuerst lernen Sie in Kapitel 1 und 2 Contao kennen und installieren das System (Kapitel 3 bis 4). Ab Kapitel 5 wird dann die Beispielsite gebaut:  

• Kapitel 5: "Ein kurzer Rundgang im Backend"
• Kapitel 6 "Die erste Website mit Contao"
• Kapitel 7 "Contao und CSS: Interne Stylesheets"
• Kapitel 8: "Externe Stylesheets und CSS-Framework" 
• Kapitel 9 "Navigationen erstellen in Contao"
• Kapitel 10 und 11 widmet sich der Arbeit mit Inhaltselementen
• In Kapitel 12 und 13 erstellen Sie Formulare und eine Suchfunktion
• Kapitel 14 bis 16: Die Erweiterungen "Nachrichten", "Kalender", "FAQ" und "Newsletter" 
• Kapitel 17 "Die Startseite gestalten"

In den folgenden Kapiteln geht es dann hauptsächlich um die Systemverwaltung:

• Kapitel 18 "Der Theme-Manager in Aktion"
• Kapitel 19 "Die Optimierung für Suchmaschinen"
• Kapitel 20 "Mitglieder: Im Frontend angemeldete Besucher"
• Kapitel 21 "Benutzer: Im Backend angemeldete Mitarbeiter"
• Kapitel 22: "Wartung: Die Website im Alltag" 

Den Abschluss bilden drei Kapitel für Fortgeschrittene: 

• Kapitel 23 "Contao und moderne Webstandards"
• Kapitel 24 "Tipps und Tricks bei der Arbeit mit Inhalten"
• Kapitel 25 "Tipps und Tricks zur Systemverwaltung" 

Die Startseite mit eigenem Layout

Die Startseite enthält in der Hauptspalte zwei Artikel, wobei Artikel in Contao nichts mit einem Artikel im journalistischen Sinne zu tun hat. In Contao ist ein Artikel ein "Bereich auf einem Bildschirm", der Inhaltselemente enthält, in denen wiederum der eigentliche Inhalt liegt.

Auf der Originalstartseite der Beispielsite im Buch hat der erste Artikel einen Teaser, der zweite enthält Inhaltselemente mit den neuesten Nachrichten, den nächsten Terminen und diesem Inhaltselemente "Text". "Die neuesten Nachrichten" und "Die nächsten Termine" sind Module, die das "Newsarchiv" bzw. den Terminkalender anzapfen und in Kurzform ausgeben. Um die beiden Module nebeneinander zu stellen, werden die Inhaltselemente gefloatet. Damit dieses Inhaltselement "Text" unterhalb der beiden Module steht, wurde einfach ein Inhaltselement mit einem clearenden <br /> eingefügt. 

Die Sidebar in der rechten Spalte enthält bei den Lesetipps ein individuelle Navigation als Dropdown, ein Modul mit einem Zufallsbild, einen Minikalender sowie ein Modul zum Abonnieren des Newsletter.