Joomla!-templates Entwickeln: Design Und Implementierung - Ãœberzeugende Vorlagen Für Das Open-source-cms

Einleitung......Page 6 Anmerkungen......Page 7 Dateien zum Buch......Page 8 Widmung......Page 9 Inhalt......Page 10 Template......Page 14 Sinn und Zweck eines Templates......Page 15 1.2 Wieso werden Templates eingesetzt?......Page 17 1.3 Die Standard-Templates von Joomla......Page 18 2.1 Lokaler Webserver mit XAMPP......Page 20 2.1.1 XAMPP für Windows (XP, Vista, Windows 7)......Page 21 2.1.2 XAMPP für Mac (OS X)......Page 28 2.1.3 XAMPP für Linux (Ubuntu)......Page 32 2.2 Die Testumgebung einrichten......Page 35 2.3 Die Installation von Joomla......Page 38 3.1 Das Blanko-Template......Page 48 3.2 Sprachdateien......Page 50 3.3.1 template.css......Page 51 3.3.3 editor.css......Page 53 3.3.4 Zehn Praxistipps zum besseren Codieren mit CSS......Page 54 3.3.5 Hacks für den Internet Explorer......Page 61 3.5 Favicon......Page 63 3.6 Overrides......Page 64 3.7.1 Grafi kformate......Page 66 3.7.3 Transparenz......Page 67 3.7.4 Der PNG-Fix......Page 68 3.8 Index......Page 69 3.8.1 Zugriffsschutz......Page 70 3.8.2 Dokumenttyp (Doctype)......Page 71 3.8.4 Header-Informationen......Page 72 3.8.6 Browserweiche......Page 73 3.8.7 Inhalt und Struktur......Page 74 3.10 Offline......Page 82 3.11 Parameter......Page 87 3.11.1 Definition eines Parameters......Page 88 3.11.2 Standardparametertypen......Page 91 3.11.3 Einstellungen speichern......Page 95 3.11.4 Einstellungen verwenden......Page 96 4.1 Farben ändern......Page 98 4.2 Bilder austauschen......Page 106 4.3 Neue Modulposition......Page 108 4.4 Neue Typografi e......Page 112 5.2.1 Logo als Ausgangspunkt......Page 114 5.2.2 Schrifttyp für das Logo......Page 115 5.2.3 Textur für den Hintergrund......Page 116 5.2.4 Bilder für den Inhalt......Page 117 5.3 Anleitung......Page 119 6.1 Ein Blick auf das Screendesign......Page 150 6.1.1 Der Header......Page 153 6.1.2 Content......Page 154 6.2 Die Modulpositionen festlegen......Page 155 6.3 Die Parameter bestimmen......Page 156 6.4 Die Bilder erstellen......Page 157 6.4.1 Der Hintergrund......Page 158 6.4.2 Das Menü......Page 160 6.4.3 Elemente des Inhalts......Page 168 6.4.4 Der Footer......Page 182 6.5 Die Installationsroutine festlegen......Page 183 6.6.1 Namen ändern......Page 188 6.6.3 Vorschaubild und Favicon erstellen......Page 189 6.6.4 Das Template als Standard auswählen......Page 190 6.7 Blindtexte, Menüs und Module anlegen......Page 191 6.7.1 Blindtexte schreiben......Page 192 6.7.2 Menüs anlegen......Page 194 6.7.3 Module verwalten......Page 196 6.8 Den Index programmieren......Page 206 6.9 Das Modul-Chrome codieren......Page 218 6.10 Die Cascading Style Sheets defi nieren......Page 220 6.10.1 Reset & Start......Page 222 6.10.2 Layout......Page 225 6.10.3 Menüs......Page 231 6.10.4 Sofortkontakt......Page 238 6.10.5 Slideshow......Page 240 6.10.6 Weitere Angebote......Page 243 7.1 Auflösung der Browser......Page 246 7.2 W3C-Validator......Page 249 7.3.1 Browser Collection......Page 251 7.3.2 Unterschiedliche Betriebssysteme......Page 253 7.3.3 Screenshots......Page 254 7.4 Ladezeit der Website......Page 256 A Verzeichnisstruktur vonJoomla......Page 258 B Template-Befehle......Page 260 C.1 Editor......Page 264 C.3 Browser......Page 265 C.4 Firefox-Erweiterungen......Page 266 C.5 Bildbearbeitung......Page 267 C.7 Werkzeuge......Page 268 C.8 Onlinetools......Page 269 C.9 Nachschlagewerke......Page 270 D Abkürzungen und Begriffe......Page 272 Index......Page 278 Das Praxisbuch für Webdesigner Eine Joomla!-Standardwebseite ist schnell erstellt. Aber wenn es an die optische Gestaltung mittels Templates geht, ist Know-how gefragt. Der erfahrene Webdesigner Alexander Schmidt erklärt, wie ein Joomla!-Template aufgebaut ist, und zeigt, wie Sie mit Photoshop ein eigenes Screendesign entwickeln und in Joomla! umsetzen - passend für alle gängigen Browsertypen. - Joomla!-Templates verstehen und anpassen Joomla!-Templates sind einfach aufgebaut. Schon nach kurzer Zeit bekommen Sie einen Überblick, welche Datei welche Aufgabe hat, und verstehen, wie die einzelnen Dateien zusammenhängen. Darüber hinaus erfahren Sie, wie Sie vorhandene Templates mit einfachsten Mitteln an Ihre Wünsche anpassen, indem Sie zum Beispiel Farben oder Schriftarten verändern oder Module umstellen. - Von der Idee zum Screendesign Für ein komplett selbst gestaltetes Template benötigen Sie ein stimmiges Screendesign. Der Autor zeigt Schritt für Schritt, wie sich eine solche Vorlage mit Adobe Photoshop erstellen lässt. Er gibt Tipps für die Gestaltung von Menüs, Hintergründen und Gliederungselementen sowie zum Einbinden von Fotos und Logos. - Umsetzung des Screendesigns Um das Screendesign in Joomla! umzusetzen, muss es in handliche Einzelteile zerlegt werden. Das Buch zeigt Ihnen, wie Sie die einzelnen Bestandteile aus dem Gesamtdesign herauslösen und den Layout-Zonen im Joomla!-Template zuordnen. Sie erfahren, wie Sie mit den CSS-Dateien umgehen müssen und wo Sie welche Daten ablegen. Darüber hinaus verrät Alexander Schmidt, wie Sie die Module des Templates aktivieren. - Optimierung für alle Browsertypen Ältere Versionen des Internet Explorers sind dafür berüchtigt, Webseiten nicht standardkonform darzustellen. Dieses Buch zeigt, wie Sie den Eigenheiten des Microsoft-Browsers ein Schnippchen schlagen. Der Autor wartet mit Hacks und Tipps auf, die auch auf dem Internet Explorer eine tadellose Darstellung Ihrer Webseite garantieren