Templates für Joomla! 2.5 und 3.x Design und Implementierung
:
Andreas Lehr, Alexander Schmidt
:
Templates für Joomla! 2.5 und 3.x Design und Implementierung
:
Franzis
:
9783645201803
:
1
:
CHF 17.60
:
:
Internet
:
German
:
320
:
Wasserzeichen/DRM
:
PC/MAC/eReader/Tablet
:
PDF
Joomla! bietet Webdesignern eine Fülle von Möglichkeiten. Denn Templates für Joomla! können unterschiedliche Designs für die Startseite und die Folgeseiten haben. Alexander Schmidt und Andreas Lehr zeigen Ihnen, wie Sie ein komplettes Website-Template erstellen, das alle Register von Joomla! zieht. Sie erfahren, wie Sie das Screendesign mit Photoshop erstellen und es dann mit HTML, PHP und CSS in ein Joomla!-Template umsetzen. Moderne Templates Demonstriert wird außerdem, wie Sie das Template durch eine Foto-Slideshow ergänzen und Social Media wie Twitter in die Vorlage integrieren. Die Autoren haben Ihr Template dabei nicht nur für die Version 2.5, sondern auch für die neuesten Versionen 3.x getestet und angepasst, sodass Sie hier auch für zukünftige Entwicklungen des CMS auf der sicheren Seite sind. Die Grundlage: Ein Blanko-Template Zuerst zeigen die Autoren, wie Sie ein Blanko-Template realisieren. Ein solches Template bildet die perfekte Ausgangsbasis für alle Designprojekte. Sie lernen dabei den Aufbau von Joomla!-Templates kennen und können jederzeit auf dieses Grundgerüst zurückgreifen, das bereits alle grundlegenden PHP- und Stylesheet-Dateien enthält. So verlieren Sie keine Zeit, wenn Sie ein neues Template-Projekt angehen. Von der Idee zum Screendesign Um ein Template zu gestalten, brauchen Sie ein stimmiges Webdesign. In einem umfangreichen Tutorial zeigen Ihnen die Autoren, wie Sie in Adobe Photoshop eine solche Vorlage erstellen. Alexander Schmidt und Andreas Lehr demonstrieren, wie Sie die Benutzerführung entwerfen und optische Blickfänge in Form von Fotos sowie eine Slideshow integrieren. Sie erfahren, wie Sie die einzelnen Zonen des Templates wie den Header, den Footer und den Content-Bereich stimmig gestalten und wie Sie eine Folgeseite entwerfen, die zum Stil des Front-Templates passt. Das Screendesign als Template umsetzen + Responsive Webdesign
Alexander Schmidt ist Web-Entwickler und Joomla!-Coach. Er leitet und organisiert Seminare für die Nutzung des populären Content-Management-Systems. Schon seit mehreren Jahren realisiert Schmidt Internetauftritte, die auf Joomla! basieren. Darüber hinaus hat er sich darauf spezialisiert, Designvorlagen in hochwertige Joomla!-Templates umzusetzen, die den modernen Webstandards genügen. Alexander Schmidt lebt in Bad Nauheim. Andreas Lehr ist Designer für Screen- und Printmedien. Neben DTP und Grafik kümmert er sich als Frontend-Webworker mit Vorliebe um gelungenes CSS. Seit 2006 ist er selbstständig im Auftrag von Agenturen und für eigene Kunden tätig.
Templates für Joomla! 2.5und 3.x
1
Einleitung
5
Inhaltsverzeichnis
7
1 Joomla-Templates
11
1.1 Was ist ein Joomla-Template?
11
1.2 Wieso werden Templates eingesetzt?
13
1.3 Die Standard-Templates von Joomla
14
2 Blank Template
17
2.1 index.php (mini)
19
2.2 templateDetails.xml (mini)
21
2.3 Cascading Stylesheets
23
2.4 index.php (blank)
31
2.5 Parameter
42
2.6 Fehlerseite
46
2.7 Offline-Seite
48
2.8 Druckversion
51
2.9 Overrides
52
2.10 Bilder
53
2.11 JavaScripts
54
2.12 Sprachdateien
55
2.13 Photoshopdateien
56
3 Erstellung eines Screendesigns
57
3.1 Vorüberlegung
57
3.2 Vorbereitung
58
3.3 Hintergrundfl ächen
61
3.4 Logo
65
3.5 Navigation
71
3.6 Suche
71
74
71
3.7 Die blaue Fläche
76
3.8 Key Visual
76
81
76
3.9 Button
89
3.10 Hintergrund ergänzen
94
3.11 Content
98
3.12 Textebenen
100
3.13 Rechte Spalte
103
3.14 Footer
111
3.15 Folgeseite
119
3.16 Key Visuals
130
3.17 Content
137
4 Vom Layout zum Template
143
4.1 Layout analysieren
143
4.2 Bilder exportieren
148
4.3 Die Datei templateDetails.xml bearbeiten
179
4.4 Das Template programmieren
185
4.5 Sprachdateien verfassen
211
4.6 Template installieren
212
4.7 Template einrichten
216
4.8 Stylesheets definieren
238
5 Prüfen und validieren
271
5.1 Auflösung der Browser
271
5.2 W3C-Validator
274
5.3 Darstellung in Browsern
276
5.4 Ladezeit der Website
279
A Joomla-Verzeichnisstruktur
281
B Joomla-Template-Befehle
283
C Programme
287
C.1 Editor
287
C.2 FTP-Client
288
C.3 Browser
288
C.4 Browser-Tools
289
C.5 Bildbearbeitung
290
C.6 Emulatoren
290
C.7 Werkzeuge
291
C.8 Online-Tools
292
C.9 Nachschlagewerke
292
D Abkürzungen und Begriffe
295
E Upgrade
299
F Bootstrap
303
Index
315