Joomla 1.5 Template Tutorial
Seite 8 von 8
Schlußwort
In diesem Tutorial haben wir vier Beispiele für ein Template erarbeitet, dabei wurde die Komplexität und die Anzahl an Features erhöht.
- Moderne Webseiten trennen den Inhalt von der Darstellung, indem CSS (Cascading Style Sheets) benutzt werden. In Joomla! übernimmt das Template die Trennung der Darstellung von den Inhalten.
- Wenn Sie ein Template entwickeln, benötigen sie ein lauffähiges Joomla!, um Änderungen durchzuführen und deren Ausgabe sofort zu sehen
- Ein valides Template zu erzeugen sollte ein Weg, nicht das Ziel darstellen. Ein Template sollte so zugänglich (accessible) wie möglich für Menschen und Suchmaschinenrobots erstellt werden. Es geht nicht um ein Abzeichen für ein valides Markup.
- Ein grundlegendes Template lädt nur die Module und den mainbody (Komponente). Layout und das Design sind Aufgabe des CSS, nicht von Joomla!.
- Modernes Webdesign nutzt CSS und nicht Tabellen, um Elemente zu positionieren. Es ist schwer zu lernen, aber es lohnt sich. Es gibt viele (nicht Joomla! bezogene) Quellen, hier Ihnen eine Hilfe zu geben.
- Joomla! gibt spezifische Elemente, id's und classes aus, welche durch CSS gestyled werden können.
- Joomla! 1.5 ermöglicht es, die Ausgabe von Modulen komplett anzupassen, es kann aber auch die "eingebaute" Augabe verwendet werden. Diese Optionen nennen sich "module chrome".
- Für die Menüausgabe sind am besten die Optionen bulleted oder flat list. Darauf aufbauend können verschiedene Anleitungen im Web verwendet werden.
- Elemente wie Spalten oder Modulpositionen können versteckt (oder zusammengefaltet) werden, wenn dort keine Ausgabe von Inhalten erfolgt. Dies erfolgt durch conditional PHP Anweisungen, welche mit CSS Styles verbunden sind.
- Ein produktives Joomla! Template zu entwickeln ist eine Frage des grafischen Designs und des Stylings durch CSS, weniger eines besonderen "Joomlawissens"
- Joomla! 1.5 bietet neue Features für Templates, welche es ermöglichen, den Code und die Präsentation einer Joomla! Webseite vollständig zu kontrollieren.
Links
- www.compassdesigns.net/tutorials/joomla-tutorials/installing-joomla-doctype-and-the-blank-joomla-template.html
- www.upsdell.com/BrowserNews/stat_trends.htm#res
- www.compassdesigns.net/joomla-blog/general-joomla/what-makes-a-good-designer.html
- www.brainjar.com/css/positioning/
- http://leftjustified.net/journal/2004/10/19/global-ws-reset/
- www.thenoodleincident.com/tutorials/typography/template.html
- www.stopdesign.com/log/2004/09/03/liquid-bleach.html
- www.meyerweb.com/eric/thoughts/2004/09/03/sliding-faux-columns/
- http://css.maxdesign.com.au/listamatic/index.htm
- http://css.maxdesign.com.au/listamatic/vertical10.htm
- http://dev.joomla.org/component/option,com_jd-wp/Itemid,33/p,210/
- http://forum.joomla.org/index.php/topic,101825.msg535479.html#msg535479
- www.joomlashack.com
- http://positioniseverything.net/easyclearing.html
- http://www.quirksmode.org/css/clearing.html
- http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
- www.alistapart.com/articles/slidingdoors/
- www.fiftyfoureleven.com/sandbox/weblog/2004/jun/doors-meet-sprites/
Hits: 46316
Trackback(0)
Kommentare (11)

rifl
said:
|
Auch von meiner Seite vielen Dank für das Tutorial, mit welchem ich so eben mein erstes Tabellenfreies Joomla-Design kreiert habe. Weiter so!! mfg |
Andreas K.
said:
| Super Arbeit, hat mir sehr geholfen und ich werde jetzt wohl tiefer ins CSS Design einsteigen. Vielen Dank! |
Jens
said:
| .. es ist wohl gut aufgebaut, blos ich schnalle es nicht.... wollte alles "nachbauen" machen ich setzte wohl am falschen Hebel an, ist das jetzt eine Änderung des bestehenden Templates oder was neues... ich raffe das nicht ! |
sn
said:
|
herzlichen dank für deine tolle arbeit und übersetzung. so viele gute tipps und übersichtlich aufbereitet. richtig gut! sn |
Daniel K.
said:
|
Super Sache! Hat mir unheimlich geholfen, nun Templates für Joomla 1.5 zu entwickeln. Dickes Lob von meiner Seite! =0) |
Kommentar schreiben
You can add your comment here
