Joomla

Template

Linux

Suchmaschinenoptimierung

Finden

Countries

64%		GERMANY
21.3%		UNITED STATES
6.6%		SWITZERLAND
2.6%		AUSTRIA
1.3%		ISRAEL

Design von der Idee bis zur Fertigstellung

Geschrieben von: Martina Major

Sonntag, 16. August 2009 um 13:25 Uhr

Es gibt für Joomla jede Menge fertige Designs (Templates), die z.B. auf http//:www.joomlaos.de angeschaut und heruntergeladen werden können. Die meisten Templates sind kostenlos. Je nach Vorgabe des Autors sind im Template Backlinks zur Homepage des Autors vorhanden. Oft dürfen diese ggf. gegen Zahlung ein geringen Entgeltes auch entfernt werden. Anpassungen sind fast immer erlaubt. Vor dem Download das Kleingedruckte lesen ist Pflicht.

Wenn es aber doch ein ganz individuelles Design sein soll, dann bleibt nur selbermachen übrig, oder wenn sehr viel Geld übrig ist, kann man auch einen Programmierer beauftragen.

Zunächst brauchen wir mal eine Idee!

Idee

Vista-Like mit gläsernen Buttons und Symbolleisten, animiertes Logo / Banner oben links, mit Farbverlauf von oben nach unten, der eigentliche Inhalt zentriert mit einen Schatten drum rum.

Fußzeile unterhalb vom Inhalt mit Informationen zum Homepagebetreiber.

Zunächst wird das Ganze mal skizziert, d.h. nicht unbedingt Maßstabsgetreu und farbecht:

Entwurf für eigenes Template - Vista-Like

Wie die Skizze gemacht wird ist ganz egal, ob mit Bleistift, Bunstift und Zeichenblock oder auch mit einem Zeichenprogramm am Computer ist egal. Hauptsache man kann erkennen, wie das fertige Design einmal aussehen soll.

Daraus ergeben sich folgende Aufgaben

Aufgaben - Design

Hintergrund (Verlauf)
Schatten um den Inhalt (allerdings mit dem Hintergrund verschmelzend)
Logo / Banner
gläserne Menüleiste (oben)
gläsernes Menü (Links)
keine leere Flecken (dyn. Anpassung für Seiten, die keine Module Links und / oder Rechts haben)
gläserne Fusszeile
Inputfelder und Buttons
Überschriften
Schriftart, -größe und -farbe
Eigenschaften Bilder (Rahmen, Hintergrund)

Aufgaben - Barrierfreiheit / Browsertest

Anzeige in reinen Textbrowsern
Prüfung der Lesbarkeit, bei Handycaps (z.B. rot / grün Farbblindheit)
gleiches Design in verschiedenen Browsern (Internet Explorer 7 und 8, Firefox, Safari (MAC), Opera ...

Voraussetzungen

Entwicklungsumgebung (lokal), vorzugsweise Xampp und Joomla 1.5, die aktuelle Version mit Beispieldaten installieren.
Gimp oder ein anderes Bildbearbeitungsprogramm für die Grafiken und
sehr viel Geduld!

Ablauf

Basis für das Template erstellen

Zuletzt aktualisiert am Montag, 17. August 2009 um 11:15 Uhr

Martina Major

- Webdesign nach dem Baukastenprinzip