Joomla 1.0.x Template Tutorial
| Beitragsseiten |
|---|
| Joomla 1.0.x Template Tutorial |
| Was ist ein Template? |
| Localhost Design Prozess |
| Tabellenfreies Design |
| Templatekomponenten |
| CSS Layout |
| Module |
| Menüs |
| Spalten ausblenden |
| Anhang |
| Alle Seiten |
Dies ist die Übersetzung des hervorragenden Tutorials Joomla Template Tutorial von Barrie North (www.compassdesigns.net). @Barrie: Thank you very much for your kind permission.
Alle Originaldokumente können auf der Website des Autoren heruntergeladen werden, ein PDF des Tutorial und das kostenlose Template nach Registrierung.
Wo es sinnvoll erschien, wurden die englischen Ausdrücke beibehalten. Ebenso wurden die Originalbilder mit den englischen Beschriftungen verwendet Wo nötig wurden Links aktualisiert.
Fehlermeldungen und Verbesserungsvorschläge für diese Übersetzung bitte an den Autoren
Joomla Template Tutorial
Als Teil des offiziellen Joomla Dokumentations Programmes haben wir ein Joomla Template Tutorial entwickelt. Wie auch bei dev.joomla.org ist es in verschiedenen Formaten wie Word, PDF und HTML erhältlich. Dieses Tutorial führt Sie durch die Schritte der Entwicklung eines Templates, das ein von Dan Cedarholm (simplebits.com) entwickeltes CSS benutzt.
Joomla ist ein Open Source Content Management System (CMS), das frei verfügbar ist und von einer großen Community unterstützt wird. Wir entwickeln hier ein Template, das Cascading Style Sheets (CSS) benutzt, um ein tabellenfreies Layout zu erzeugen. Dies ist deshalb sinnvoll, weil es einfacher nach den Standards des World Wide Web Consortium (W3C) validiert werden kann. Dieses Template lädt tendenziell schneller, ist leichter zu warten und schneidet in Suchmaschinen besser ab. Wir diskutieren diese Themen später im Detail.
Dieses Tutorial ist in folgende Kapitel aufgeteilt
- Was ist ein Joomla Template
Welche Funktionen werden von einem Joomla Template übernommen und was ist der Unterschied zwischen einem Template ohne Inhalte (Content) und einem Template, dem Inhalte hinzugefügt werden. - Local Host Design Prozess
Wie unterscheidet sich der Design Prozess von der Entwicklung einer statischen X(HTML) Webseite - W3C und tabellenfreies Design
Die Folgen eines tabellenfreien Designs in Joomla in Bezug auf W3C Standards, Usability und Accessibility - Die Templatekomponenten
Welche Bestandteile sind in einem Joomla Template enthalten und welche Funktionen haben sie. - CSS um ein Layout zu erzeugen
Die Entwicklung eines 3-spaltigen Layouts mit CSS unter Verzicht auf Tabellen - Das Joomla CSS
Eine Einführung in die Verwendung der in Joomla zu benutzenden Standard CSS-Styles. - Module
Wie werden Module platziert und ihr Style verändert. Erklärung von Techniken für den Aufbau abgerundeter Ecken (Round Corners). - Menüs
Entwicklung schlanker CSS Menüs mit dem Aussehen eines in Javascript programmierten Menüs - Spalten verstecken
Wie werden Spalten angezeigt bzw. versteckt, besonders wenn keine Inhalte in diesen ausgegeben werden - Anhang A: Tipps und Tricks:
Variable Seitenbreiten, Round Corners, Text Resizer und mehr