Dynamisches Grafikbanner mit möglichst wenig TypoScript erstellen: TypoScript-Wettbewerb
Im Alltag erledigen Entwickler ihre TypoScript-Aufgaben in der Regel so, wie sie es gewohnt sind. Dieser Wettbewerb bietet die Möglichkeit, sich mal wieder intensiver mit der TypoScript-Referenz [1] zu beschäftigen und ein wenig an der effizienten Nutzung von TypoScript zu arbeiten.
Aufgabenstellung
Versuchen Sie, das unten abgebildete dynamische Banner mit so wenig TypoScript-Zeichen wie möglich zu erzeugen. Gezählt werden nur die Zeichen, ohne Leerzeichen und Leerzeilen. Beachten Sie dabei bitte auch die Rahmenbedingungen und Vorgaben.
Rahmenbedingungen
Für den Wettbewerb gelten folgende Vorbedingungen:
- TYPO3-Version 4.1.5
- Die XHTML-Ausgabe erfolgt in UTF-8
- GraphicsMagick-Version: 1.1.6
- GD-Version 2.x.x
- Freetype-Version 1.x oder 2.x
Vorgaben
Das zu erstellende Banner besteht aus einem weißen Hintergrund, einem Rand um das gesamte Banner, dem TYPO3-Logo, dem aktuellen Seitentitel sowie dem Satz „inspiring people to share“. Um die Aufgabe zu lösen, werden das TYPO3-Logo „t3logo.jpg“ und der TYPO3-Font „Share-TechMono.ttf“ bereitgestellt. Die Dateien befinden sich auf der Heft-CD und können alternativ heruntergeladen werden [2]. Das Logo „t3logo.jpg“ darf nicht verändert werden.
Die Dateien „t3logo.jpg“ und „Share-TechMono.ttf“ sollen direkt im Verzeichnis „fileadmin/“ liegen und können von dort aus per TypoScript angesprochen werden. Das Banner soll 760 Pixel breit und 175 Pixel hoch sein. Die Ausgabe soll als JPG in der Qualität „100 Prozent“ erfolgen. Die HTML-Ausgabe muss im IMG-Tag die id=“frontphoto“ tragen. Außerdem sollen der ALT-Tag und TITLE-Tag mit dem aktuellen Seitentitel gefüllt werden.
<img xsrc="t3logo.jpg" width="760" height="175" id="frontphoto" alt="seitentitel" title="seitentitel" />
Listing 1
Die in dieser Abbildung angegebenen Größen, Abstände, Farben und Schriften sollen bei dem Wettbewerb verwendet werden.
Als weiteres dynamisches Element soll unter dem Logo immer der aktuelle Seitentitel ausgegeben werden.
Die genauen Maße und Abstände finden sich in der oberen Abbildung.
Teilnehmen und Gewinnen
Weitere Informationen, die benötigten Dateien und aktuelle
Diskussionen zu dem Wettbewerb finden Sie auf fi-ausbilden.de [1], dem Weblog des Autors. Ihre Ergebnisse können Sie per E-Mail an typoscript@t3n.yeebase.com schicken. Einsendeschluss ist der 31. März 2008. Der Gewinner wird per E-Mail benachrichtigt und erhält eine schicke Trainingsjacke aus dem offiziellen TYPO3-Shop [3]. Darüber hinaus wird das Ergebnis in der nächsten T3N-Ausgabe vorgestellt.
Thomas Esders beschäftigt sich beruflich und privat seit einigen Jahren mit TYPO3. In seinem Blog schreibt er über die Themen SEO und TYPO3. Unter anderem stellt er hier kostenlos Templates von Andreas Viklund als TYPO3-Templates zur Verfügung.
Bitte beachte unsere Community-Richtlinien
Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.
Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.
Dein t3n-Team