Mit Contao Webseiten erfolgreich gestalten

Format: PDF

In diesem Buch führt Sie Diplom-Designer und TYPOlight-Profi Thomas Weitzel durch alle Schritte des Entwurfs und Designs einer TYPOlight-basierten Website. Sie lernen zunächst Techniken und Tools für Planung und Entwicklung kennen, arbeiten sich in TYPOlights CSS-Framework ein und erfahren dann anhand zweier Praxisprojekte detailliert, wie Sie eine Website von A bis Z mit TYPOlight gestalten. Checklisten und Tipps & Tricks leisten wertvolle Hilfe bei der erfolgreichen Veröffentlichung der Website.

(aus der Einleitung)

Dieses Buch soll Ihnen den Einstieg und die erfolgreiche Umsetzung Ihrer Websites in TYPOlight ermöglichen. Sie finden Praxisbeispiele zu den Themen Navigation, Darstellung von Bildergalerien sowie den Aufbau von zwei Websites, die Ihnen Schritt für Schritt die Erstellung einer Website zeigen. Dieses Buch ersetzt nicht die Auseinandersetzung mit CSS und das Allgemeinwissen über Webdesign. Mit einem Grundwissen zu CSS und der Bereitschaft, Neues dazu zu lernen, ist die Umsetzung Ihrer Websites mit TYPOlight jedoch hervorragend zu meistern.

Das Kapitel 1, Konzeption und Planung der Website, beschäftigt sich mit Themen „vor der Umsetzung“ einer Website. Es zeigt Methoden und Herangehensweisen, wie erste Gedanken, konzeptionelle Ideen und Ansätze auf unterschiedliche Weise für die spätere Umsetzung einer Website erstellt werden können. Dazu gehören Techniken wie Wireframes, Moodboards und Mockups, die zeigen, wie die Überlegungen visualisiert werden können. Die einzelnen Techniken werden Ihnen detailliert erläutert und geben einen Einblick in die Arbeit und den Entwicklungsprozess vor der konkreten Umsetzung einer Website mit TYPOlight. Wie so oft gilt auch hier: Die genaue Beschreibung des Problems/der Aufgabenstellung ist Teil der Lösung.

In Kapitel 2, Hilfstools bei der Webentwicklung, lernen Sie Werkzeuge kennen, die Sie bei der Entwicklung einer Website erfolgreich unterstützen. Dazu zählen in erster Linie Erweiterungen – AddOns – für den Browser Firefox.

Wenn Sie sich schon etwas mit TYPOlight beschäftigt haben, dann sind die nächsten vier Kapitel für Sie interessant.

In Kapitel 3, Das CSS-Framework von TYPOlight, erfahren Sie mehr über das CSS-Framework von TYPOlight. Neben dem grundlegenden Aufbau des CSS-Frameworks bekommen Sie Einblicke, wie Sie auf unterschiedliche Weise CSS-Dateien erstellen, bearbeiten und verwalten können.

In Kapitel 4, Navigationen in TYPOlight erstellen, lesen Sie, wie Sie Navigationen in TYPOlight realisieren. Anhand von Praxisbeispielen erfahren Sie unter anderem, wie Sie eine horizontale und vertikale Navigation erstellen und diese einsetzen.

Ergänzend lesen Sie in Kapitel 5, Menüs mit Spritegrafiken erstellen, was Spritegrafiken sind und wie Sie grafische Menüs damit erstellen und in TYPOlight verwenden.

Das Kapitel 6, Unterschiedliche Bilder pro Seite anzeigen, zeigt Ihnen Möglichkeiten auf, wie Sie dynamisch für einzelne Webseiten unterschiedliche Bilder einbinden. Zwei Methoden – die Verwendung von CSS und der Einsatz von Insert-Tags – werden vorgestellt.

Wenn Sie gerne anhand einer Beispiel-Website TYPOlight besser kennen lernen möchten, dann lesen Sie das größte Kapitel 7, Aufbau einer Website mit TYPOlight. Am Beispiel einer fiktiven Website für einen Fotografen lernen Sie den kompletten Ablauf der Umsetzung nach der Installation vonTYPOlight. Kurz: vom Briefing bis zur fertigen Website. Dabei werden Einstellungen von TYPOlight, der Aufbau der Seitenstruktur, das Erstellen des Seitenlayouts sowie das Anlegen von Artikeln und der benötigten Module detailliert erklärt. Hier erfahren Sie mehr darüber, wie Sie Bilder präsentieren und mit welcher Methode Sie individuelle Schriften für Elemente verwenden können.

Im Anschluss daran finden Sie im Kapitel 8, Arbeiten mit Rastern (Grids), den Aufbau einer Website unter Einsatz eines Rastersystems (Grids). Sie lernen, wie Sie Inhalte durch die Verwendung des Rastersystems strukturieren und diese mehrspaltig darstellen können. Grids erleichtern den kontrollierten Aufbau einer Website und führen zu einem registerhaltigen Erscheinungsbild. Anders ausgedrückt: Eine Website folgt klaren Regeln im Aufbau und in der Struktur.

In Kapitel 9, Suchmaschinenoptimierung, erfahren Sie mehr über die Möglichkeiten, wie Sie Ihre Website mit TYPOlight für Suchmaschinen einstellen und ergänzen. Dazu zählt auch das Erstellen einer Sitemap-Datei und deren Anmeldung bei den Google Webmaster Tools.

In Kapitel 10, Veröffentlichung einer Website, erhalten Sie eine Checkliste, mit der Sie wichtige Punkte vor der Veröffentlichung einer Website überprüfen können. Dazu gehören Themen wie Browsertests, Validierung Ihrer Website und das Überprüfen von Einstellungen in TYPOlight.

Am Ende des Buches finden Sie in Kapitel 11, Tipps & Tricks zu TYPOlight, noch einige nützliche Tipps & Tricks zur Anpassung von Funktionen in TYPOlight: vom updatesicheren Anpassen einzelner Texte des CMS TYPOlight bis zur individuellen Einstellung des WYSIWYG-Editors.

Die Website zum Buch unter http://www.think-typolight.de/ liefert Ihnen weiterführende Links und Informationen zu den im Buch genannten Themen.

Inhaltsverzeichnis

Leseprobe