Nina Gerling ist Webdesignerin im Berliner-Brandenburger Raum und begeisterte Mitstreiterin im Contao-Team. Sie administriert die Contao-Community und ist Autorin des Buchs Contao für Redakteure. Peter Müller war nicht zum ersten Mal in der Technikwürze und ist sicher durch seine Buchreihe Little Boxes vielen Webdesignern ein Begriff. Sein neues Buch Websites erstellen mit Contao (mit Hardcover und Lesebändchen) wird im Podcast vorgestellt und Peter lässt es sich nicht nehmen, den Titelsong der Technikwürze auf seiner Gitarre zu präsentieren.

Contao, ein wirklich durchdachtes Open-Source-CMS, hieß bis zum Sommer 2010 noch TypoLight. Diese Namenswahl ließ jedoch immer wieder auf ein abgespecktes Typo3 bzw. auf ein Light-CMS mit wenigen Funktionalitäten schließen. Weit gefehlt! Contao ist ein Content Management System, das alle bekannten CMS-Features bietet, den Anspruch weitgehend barrierefrei zu sein hat und durch viele Plugins praktisch beliebig erweiterbar ist. Es hat den Ruf, sich aus allen großen Content Management Systemen das beste heraus gepickt zu haben und von den Redakteuren sehr leicht bedienbar zu sein.

Ich werde es mit großer Sicherheit demnächst ausprobieren und ein kleineres Projekt damit umzusetzen. Vielleicht gehöre ich ja zu den glücklichen Gewinnern eines der Bücher oder eines Videos, die in der Technikwürze 173 verlost werden. Falls nicht, dann muss ich wohl meine Weihnachtswünsche noch einmal überdenken… Meine künftigen Erfahrungen mit Contao gibts dann möglicherweise hier unter dem entsprechenden Tag.

Unter anderem wurden die folgenden Contao-Bücher in dieser Technikwürze-Sendung ausführlich vorgestellt und hinterließen bei mir einen sehr guten Eindruck:

<img src="tomaten-und-kraeuter.jpg" alt="Tomaten und Kräuter" />

Der alt-Text sollte lediglich bei sinnvollen Bilddateien – also nicht bei grafischen Layout-Elementen der Webseite – mit Inhalt befüllt werden. Das heißt nicht, dass auf das alt-Attribut verzichtet werden kann (es ist ein Pflicht-Attribut), sondern es wird lediglich leer gelassen.

<img src="listen-icon.gif" alt="" />

Der Grund, dass hier nicht "Listen-Icon rot" als Alternative hinterlegt wird, ist, dass bei der Nichtausgabe der Grafikdatei nun immer "Listen-Icon rot" als alternativer Text angezeigt bzw. vorgelesen werden würde. Auf das alt-Attribut kann aber auch nicht verzichtet werden. Die Vorstellung, dass mir mein Screenreader mehrfach den Dateinamen "listen-icon.gif" nennt – und das ist bei einem fehlenden alt-Attribut der Fall – ginge mir ziemlich auf den Nerv! Also: Layout-Elemente einer Webseite bekommen einen leeren alt-Tag!

Was schreibt man in den alt-Tag (ja ich weiß, es ist kein Tag)? Am besten sind es nur 2-5 Worte, die kurz den Inhalt des Bildes wieder geben. Gute Beispiele sind sicherlich: "Bundeskanzlerin Merkel beim Skispringen", "Tomaten und Kräuter" oder "Hundehaufen in der Köthener Innenstadt". Schlecht hingegen: "Auf dem Foto ist die Bundeskanzlerin Merkel beim Skispringen", "Bild: Tomaten und Kräuter" oder "Hier sehen Sie eine Nahaufnahme eines ganz besonders großen Hundehaufens, welchen ich vor ein paar Tagen in der Köthener Innstadt fotografiert habe und mit Photoshop …". Kurz und knackig die Bildaussage wiedergeben, das reicht völlig aus und erfüllt den Zweck des alt-Attributs.
Warum das alt-Attribut Pflicht ist, wir übrigens hier bestens erklärt.

Kommen wir zum title-Attribut. Eigentlich findet dies seinen nützlichen Verwendungszweck bei Links, zum Beispiel in der Navigation einer Webseite. Das title-Attribut wird in einigen Browsern als bevorzugtes, erklärendes Element eingesetzt. So bei Screenreadern, die ihren Nutzern das title-Attribut anstatt des Link-Textes bzw. des alt-Attributs des grafischen Links vorlesen. Bei Standard-Links, wie "Kontakt" und "Impressum" macht das nicht viel Sinn, wohl aber bei Links, die mit "Home" (Title: "Startseite"), "weiter" (Title: "Vollständiger Beitrag zum Thema Tomaten und Kräuter") oder "hier klicken" (Title: "Download der PDF-Datei Tomaten-Kräuter") bezeichnet sind. Bei Links dienen sie somit einer weiteren inhaltlichen Beschreibung und sollten auch hierfür ihre Verwendung finden.

Für den Download einfach <a href="tomaten.pdf" title="Download der PDF-Datei Tomaten-Kräuter">hier klicken</a>.

Bei Bildern werden die title-Attribute gern zur Anzeige der Tool-Tipps verwendet. Beim Überfahren der Grafik mit der Maus wird dem sehenden Besucher der hinterlegte Text zum Bild angezeigt – zumindest bei halbwegs standardkonform arbeitenden Browsern ist das der Fall. Bei meinem Tomaten-Bild weiter oben ist dies "Gartentipps für Tomaten und Kräuter". Der Besucher bekommt so ganz nebenbei ein paar weitere Informationen zum Bild. Die Suchmaschinen-Robots im übrigen auch…

Dieser Text sollte auch nicht zu lang sein; eine zweizeilige Anzeige ist hier sicher schon zu viel! Der Title kann – wenn das auch aus SEO-Sicht nicht 100%ig elegant gelöst ist – als Hilfe-Text angesehen werden. So zum Beispiel der Tool-Tipp: "Zum Vergrößern Bild anklicken" oder "Link zu einer Webseite zum Thema Tomaten und Kräuter".

Eine Kombination aus alt- und title-Attribut macht in vielen Fällen Sinn, auch bei Bildern. Daran denken, dass alt ein Pflicht- und title ein Kann-Attribut ist. Bei Links, die nicht selbsterklärend sind, gehört ein beschreibendes title-Attribut dazu, ansonsten kann es hier auch leer gelassen werden.

Zu Bildern gleich noch ein kleiner SEO-Tipp: Auch der Name der Grafikdatei ist für die Suchmaschinen-Robots ein kleiner Baustein zur Ermittlung des Rankings. Die 15 Sekunden Zeit vor dem Hochladen einfach nehmen und den Namen der Datei ändern. Mit "bild01.jpg" kann Google nicht viel anfangen; "tomaten.jpg" ist hier auf jeden Fall die bessere Wahl.

# Piwik
page.wrap (
 | <script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://analytics.example.org/" : "http://analytics.example.org/");
document.write(unescape("%3Cscript src=’" + pkBaseURL + "piwik.js’ type=’text/javascript’%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", XX);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://analytics.example.org/piwik.php?idsite=XX" style="border:0" alt=""/></p></noscript>
)

# GoogleAnalytics
page.wrap (
 | <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src=’" + gaJsHost + "google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-XXXXXXX-X");
pageTracker._trackPageview();
} catch(err) {}</script>
)

Bitte daran denken, dass die eigenen Ids für "XX" bei Piwik bzw. für "UA-XXXXXXX-X" bei GoogleAnalytics eigesetzt werden müssen. Bei Piwik ist natürlich auch die eigene URL zur Analyse-Seite anzupassen. Ich wollte es nur erwähnt haben…

Die selbst erstellten WordPress-Themes YAML-Coffee-Theme und das YAML-Green-Theme dürften vielen bekannt sein und bieten sich nicht nur für Einsteiger in das Geflecht aus YAML und WordPress an. Sehr ausführlich – einschließlich Video – wird auf die Einstellmöglichkeiten eingegangen und einige Tipps mit auf dem Weg gegeben. Die Themes sind unter der CC-A 2.0-Lizenz veröffentlicht und können somit privat und kommerziell verwendet werden.

Die Tipps & Tricks zum Erstellen eines eigenen WordPress-Themes sollten für alle, die sich damit befassen, zum Pflichtprogramm gehören. Das Tutorial beschäftigt sich in mehreren Abschnitten mit dem "Wie wird aus einer HTML-Seite ein Theme?" und gibt neben Code-Bausteinen und PHP-Funktionen auch zahlreiche CSS-Formatierungen mit auf den Designer-Weg.

Aktuell gibt es die folgenden neuen Beiträge auf Dynamic Internet und können dort vollständig gelesen und kommentiert werden:

dynamicinternet: Wir machen Ihr Web dynamisch!

• Die TwentyEleven Navigation mit Social Icons erweitern

• Nebenwirkungen von WordPress 3.2

• WordPress: Videos im Textwidget

• Nächste Woche Xtreme One 1.2

• Post Formats � was ist der richtige Weg?

• WordPress Artikel-Datum

• WordPress post_class erweitern

• Warum ein WordPress Theme niemals Daten speichern sollte

• Xtreme One goes HTML5

• Making of xtreme-theme.com

Natürlich fehlt es auch nicht an der Dokumentation, ein FAQ-Bereich hält die entsprechenden Antworten parat und das Forum dient mit mehreren Tausend Beiträgen als Wissensbasis der WordPress-Gemeinde.

In typischer Weblog-manier wird die Community im hauseigenen Blog informiert und die letzten 100 hinzugefügten Seiten lassen sich auf der Blogmap wieder finden.
Der eigene Weblog kann hier auch registriert werden und taucht nach der Freischaltung im WordPress Deutschland Verzeichnis auf. Das Verzeichnis ist kategorisiert – zu jedem Eintrag gibt es weitere Informationen, eine Bewertungs- und Kommentarmöglichkeit, Feeds, eine Karte mit der Herkunft und ein paar kleine Tools. Besucht mich doch dort einfach mal …

WordPress Deutschland Blog:

• WordPress Magazin #7

• Buchvorstellung: WordPress 3 � Das Umfassende Handbuch

• WP Meetups im neuen Gewand

• WordPress 3.3.1 DE-Edition und Upgradepaket

• WordPress 3.3.1 veröffentlicht

• Update im Pluginverzeichnis

• Wir wünschen euch Frohe Festtage

• WordPress Plugin Repository jetzt mit Plugin Banner

• Spende des WordCamps

• WordPress für Android 2.0 veröffentlicht

Der produktive Einsatz eines vorgefertigten Templates ist denkbar einfach. Die Dateien werden ins eigene Themes-Verzeichnis (/wp-content/themes/) auf dem Webserver geladen und können anschließend im WordPress-Backend unter Themes aktiviert werden. Ein Blick in eine meist vorhandene Readme-Datei schadet sicherlich nicht …

Aktuelle Templates und Neuigkeiten:

:

Die Dr. Web Bücher 3, 4 und 5 werden kostenlos als PDF zum Download angeboten. Das sollte sich jeder, der sie nicht bereits in gedruckter oder elektronischer Form in seinen eigenen vier Wänden beherbergt, schnellstens nachholen.

DrWeb.de » Magazin: Online-Magazin für Webworker, Seitenbetreiber & Online-Marketer

• 5 Ideen wie Sie wiederkehrende Arbeitsschritte & Marketingprozesse gewinnbringend im Internet automatisieren! Ein Gastbeitrag von Robert Nabenhauer.

• Wachstum durch Facebook-Gewinnspiele: Wie Sie über Facebook virale Gewinnspiele & eine schnell wachsende Fangemeinde aufbauen

• Wie Sie aufmerksamkeitsstarke Prelaunch-, Launch- und Relaunch-Szenarien aufbauen und dabei Viralität, Spannung & Kaufkraft erzeugen

• Wie Sie waschechte Iphone-Apps mit PhoneGAP entwickeln, um am lukrativen App-Markt mitzumischen

• Wie Sie Ihr Shop-Sortiment so präsentieren, dass der Kunde in Zukunft mehr findet und eher kauft! Ein Gastbeitrag von Nicolas Schmidt-Voigt.

• 11 faszinierende BuddyPress-Plugins, um kostenlos aus WordPress ein soziales Netzwerk zu zaubern

• Die Vorboten einer neuen Internet-Industrie! Ein exklusiver Rückblick & Blick hinter die Kulissen der Clickbank-Exchange 2011 in New York.

• Die Geschichte “viraler Wellen” im Internet! So spielen Sie den Trumpf der Videopersonalierung im Viral Marketing aus…

• Frische Projektplanung! 7 einfache Lösungen um Projekte, Aufgaben & Ressourcen zeitsparend Online zu managen

• 21 einsatzbereite Admin-Templates für Ihre nächsten Softwareprodukte, Mitgliedsbereiche & Kundenprojekte

O’Reilly Verlag: deutsche Neuerscheinungen: Deutschsprachige Neuerscheinungen der letzten drei Monate.

• Hackerbrause – kurz & geek

Hackerbrausen sind koffeinhaltige Erfrischungsgetränke, die auf keiner Hackerkonferenz, auf keinem Entwicklerkongress und bei keinem Hackerspace-Treffen fehlen dürfen. Hackerbrausen sind schon längst fester Bestandteil der Geek-Kultur. Hackerbrausen machen Geeks hellwach.

Wie kam Club-Mate, die bekannteste Hackerbrause, in die deutsche Hackerszene? Welchen Anteil hatten freie Getränkevertriebskollektive an der Verbreitung dieser Getränke? Und wer brachte das Getränk in die USA? Dies und noch vieles mehr wird in Hackerbrause kurz&geek beschrieben. Die Geschichte der Hackerbrausen ist eine Geschichte der Hackerbewegung der letzten 15 Jahre.

Hackerbrause kurz&geek erklärt die Wirkung von Koffein und Zucker im Körper und wägt die gesundheitlichen Risiken ab, die mit dem Hackerbrausen-Konsum verbunden sein können. Wie Mate, die in vielen Hackerbrausen verwendet wird, auf ganz besondere Weise getrunken werden kann, wird detailliert beschrieben. Cola, die wirkliche Geschichte von Cola und eine Bewertung von Energydrinks dürfen ebenfalls nicht fehlen. Viele Hackerbrausen werden geschmacklich miteinander verglichen.

Zahlreiche Getränke- und Kochrezepte im Buch laden zum Selbermachen ein.

Erscheinungstermin: Dezember

• Jenkins – kurz & gut

Ein wichtiger Bestandteil moderner, agiler Softwareentwicklung ist die kontinuierliche Integration von Code-Änderungen in die existierende Software (Continuous Integration, CI). Während Programmierer früher monatelang an neuen Modulen bastelten, um sie dann zu einem bestimmten Stichtag ins System zu spielen (und nur allzu oft daran zu scheitern), lässt sich mit modernen CI-Tools jede kleine Programmänderung sofort integrieren, automatisch testen und im Anschluss an verschiedenen Stellen installieren.

Jenkins (früher Hudson) ist eine solche Plattform, die Entwicklern die nahtlose Integration ihres neuen Codes ermöglicht. Insbesondere, weil Jenkins so hervorragend mit anderen populären Entwicklungswerkzeugen wie Ant, Maven, Subversion und JUnit zusammenarbeitet, ist es für viele professionelle Softwareentwickler das CI-Tool der Wahl. Jenkins – kurz & gut gibt dieser Zielgruppe alle nötigen Informationen kompakt und strukturiert an die Hand, um dieses Werkzeug effektiv im Arbeitsalltag einsetzen zu können. Erscheinungstermin: Januar

• Online-Shops mit OXID eShop

OXID eShop gehört hierzulande neben Magento und xt:Commerce zu den beliebtesten eCommerce-Systemen. Es beeindruckt durch seine sehr gute Code-Basis, ist im Vergleich zu Magento relativ leicht zu bedienen und eignet sich hervorragend für Online-Shops mittlerer Größe.

Dieses Buch richtet sich an Shop-Betreiber, die mit der Community Edition ihren Shop aufbauen wollen und behandelt die Installation, Konfiguration sowie alle wichtigen Aspekte, um den Shop den eigenen Anforderungen gemäß einzurichten. Erscheinungstermin: Januar

• Praxiskurs Netzwerkgrundlagen

Dieses kompakte Buch richtet sich an Studenten, angehende Netzwerktechniker und Admins, die sich mit den Netzwerkgrundlagen vertraut machen wollen. Es bietet einen soliden Überblick über die verschiedenen Protokolle, ihr Zusammenspiel und behandelt auch Sicherheitsaspekte und Hardware-Fragen. Darüber hinaus hat der Autor Praxisaufgaben zusammengestellt, mit denen Sie überprüfen können, ob Sie alle Konzepte verstanden haben und ob das Erlernte auch sitzt. Erscheinungstermin: Dezember