Die Diakonie Mitteldeutschland beauftragte uns mit der Gestaltung Ihres Flyers zum Projekt: “Kindern Urlaub schenken”. Darin sollte ein Überweisungsträger mit den entsprechenden Daten zum Projekt abgebildet sein, der auch in der Praxis verwendbar sein sollte.

Schritt 1:

Ich ging zu meiner Hausbank, um mich zu informieren, ob ich einen „Spendenüberweisungsträgervordruck” bekommen könnte und wie ich diesen in Zusammenhang mit der Einbindung in einen Flyer verwenden muß.

Da saß eine junge Frau, die mir gern auf meine ungewöhnlichen Fragen Antwort geben wollte und auch tat. Jedoch waren diese sehr unbefriedigend. Vordrucke solcher Art gibts nicht. (?) Wenn es welche gäbe, würde diese Bank sie aufgedruckt auf einen Flyer nicht akzeptieren. (?) Jetzt war ich aber schlauer… Es muß so etwas geben, sonst würden es andere nicht ebenso handhaben.

Ich nahm also einen normalen Vordruck mit Durchschlag/Quittung mit, um ihn gegebenenfalls einzuscannen und in Photoshop^® oder Illustrator^® nachzubearbeiten, damit er den Vorstellungen des Kunden entspricht. Doch zuvor mailte ich meine Erfahrungen des Tages unserem Auftraggeber. Dieser verwies mich an die Konkurrenz. Da hat man auch einen Flyer mit Überweisungsträger erstellt und sich nicht um die Bedenken der Bank gekümmert.

Gut, das wollte ich auch tun. Netterweise bekam ich den „alten” Flyer und damit eine vektorisierte Vorlage eines solchen Überweisungsträgers zugeschickt. Juhu! Dankeschön!

Schritt 2:

Das Internet hilft auch weiter. Zum Thema fand ich zumindest heraus, dass man sich bei…

• … FORMblitz eine Vorlage gegen Entgeld herunterladen kann um diese für eigene Zwecke zu nutzen und: Ausfüllen am PC und Ausdrucken möglich!.
• Komplette Vorlagen bei Avery-Zweckfom, Artikel-Nr.:2816 gibt es auch.
• Noch einiges zum Thema findet man bei DTP-Praxis

Doch das alles nützte mir für unser Projekt überhaupt nichts.

Zwischenfazit:

Die Bankdamen haben keine Ahnung von solchen Dingen, sind noch dazu unvermögend, mich an kompetente Ansprechpartner zu verweisen. Sie sollten sich doch eigentlich freuen, wenn jemand wie ich nach so etwas fragt, es geht doch um Ihre Kundschaft.

Schritt 3:

Also machte ich mich ganz unbescholten ans Werk und setzte die Bilder, Texte und das Formular in ein Layout entsprechend des Kundenwunsches für einen Faltflyer ca. DIN lang (die Breite des Überweisungsträgers weicht etwas ab). Dabei ist ganz wichtig, dass die Rückseite eines Überweisungsträgers nicht bedruckt sein darf.

Am Abend zog ich noch meine Schwiegermutter (als Katalogexpertin :-) zu Rate, um herauszufinden, welches Papier diverse Unternehmen verwenden, da ein Flyer in 80g oder 90g Papierstärke nicht besonders wertig erscheint. Am nächsten Tag überbrachte sie mir einige Beispiele. Diese waren sich alle sehr ähnlich und erschienen in einer Stärke von schätzungsweise 90-100g auf mehr oder weniger weißem Naturpapier.

Hm… das stellte mich nicht zufrieden. Ich mußte herausfinden, bis zu welcher Stärke eine Bank diese Überweisungsträger akzeptiert bzw. was mir die Druckerei bei solch geringer Papierstärke auf normalem Offsetpapier empfehlen kann.

Nach der Abnahme des Layouts und Versand der Datei in die Druckerei machte ich mich auf dem Weg zum Andruck. Wir hatten uns nach einigen Überlegungen gegen ein teures Spezialpapier für Überweisungsträger (90g) entschieden und begannen auf 100g Offset weiß zu drucken. Die Brillanz der Bilder und Farbflächen reicht nicht an die eines auf entsprechendem Standard 135g oder 170g Flyerpapier gedruckten Dokumentes, ist aber akzeptabel. Da ich sehr dezente Flächenfarben lebhaften Bildern gegenüberstellte, hatte ich die Befürchtung, dass die Bilder jeweils auf Vorder- oder Rückseite durchscheinen könnten. Aber dies war nicht der Fall. Und ich war für’s Erste erleichtert.

Ergebnis:

So, nun ist der Flyer gedruckt und verteilt, und ich habe ein positives Feedback vom Kunden erhalten, dass der Versand an unterschiedliche Einrichtungen reibungslos verlief und die Qualität des Flyers im Endergebnis überzeugt.

Ich warte nun nur noch auf meine Probeexemplare vom Auftraggeber, denn ich möchte es mir nicht nehmen lassen, selbst mal mit dem Flyer in die Bank zu stürmen und den einen oder anderen Euro zu spenden – nur um zu sehen, ob’s geht.

Die Arbeit daran kann durch die Verwendung externer Editoren enorm vereinfacht werden.

Heute wurde die von area42 – Agentur & Systempartner entwickelte TypoScript Entwicklungsumgebung SweeTS – delicious TypoScript Development als Addon für den unter Windows und Linux (per Wine) lauffähigen Editor PSPad veröffentlicht. Beide Pakete sind für den Interessierten kostenlos erhältlich. SweeTS beinhaltet dabei einige sehr interessante Features wie

• syntax highlighting and autocomplete for TypoScript
• code explorer
• dialogue macros for easy creation of code objects (path menu, content rendering, admin panel, user config, XHTML header, searchbox and more)
• TypoScript templates
• TypoScript CHM help file including the references and documentations
• online links to tutorial sites, communities and official Typo3 sites
• a TYPO3 skin

Wer lieber mit UltraEdit oder vi/vim/gvim arbeitet, findet bei der TUGLE hilfreiche Verweise für Syntax Highlighting des TypoScript-Codes.

Und auch Mac Nutzern wird ähnliches durch ein entsprechendes Bundle für den phantastischen Universaleditor TextMate zur Verfügung gestellt.

Wie nutzt man diese Tools?

Innerhalb des TypoScript-Setups des Templates einer TYPO3-Installation kann man auch eine externe Datei, welche TS enthält, referenzieren. Dies erreicht man durch folgende Angabe:

<INCLUDE_TYPOSCRIPT:source="file:fileadmin/Pfad/zur/Datei">

Diese Datei läßt sich nun im vom Entwickler präferierten Editor lokal bearbeiten und dann ganz einfach per FTP herauf-/herunterladen. Sinnvollerweise schaltet man während der Entwicklung der Website den TYPO3-Cache ab (TS-Code: page.config.no_cache = 1).

Initiiert wurde dies vom Unternehmernetzwerk Campus Merseburg (UCM) der Hochschule Merseburg (FH).

Mit dieser Extension kann man innerhalb weniger Minuten im TYPO3-CMS ein Tippspiel für die FIFA-Weltmeisterschaft erstellen. Sämtliche Gruppen und Mannschaften samt Flaggen sind bereits eingetragen und mit den offiziellen Informationsseiten der FIFA verlinkt.

Nach der Installation muß nur noch eine Nutzergruppe festgelegt werden und die (Tipp-)Spiele können beginnen.

atnex^xt folgt dem Aufruf von Dustin Diaz und beteiligt sich am „First Annual Naked Day: April 05”. Den verschiedenen weltweiten Zeitzonen geschuldet, ist unsere Webseite auch heute am 04. April schon „nackt”.

Das Ziel der Aktion ist es zu zeigen, daß eine sauber in (X)HTML geschriebene Webseite auch ohne die grafische Formatierung durch CSS durchaus benutzbar (usable) und zugänglich (accessible) sein kann. Dabei geht es unter anderem auch um eine sinngerechte Anordnung der Elemente der Website, eben in der Reihenfolge, in welcher die Seite ohne CSS-Layout angezeigt wird. Denn auch ohne Design sollte eine Website für den Betrachter erfassbar und begreifbar sein!

Auf diese Art und Weise wird auch deutlich, „mit welchen Augen” zum Beispiel Suchmaschinen, wie unter anderem Google, die Internetpäsenz sehen. Denn jene sind blind – sie können kein „Design” erkennen. Für sie ist es egal, welche grafische Aufmachung eine Internetseite hat, es zählt einzig und allein Inhalt. Dieser sollte klar strukturiert sein, wie ein gutes Buch, in Kapitel, Überschriften, Absätze und weitere Formatierungen (Listen, Zitate, etc.).

Die Verwendung all dieser Formatierungen ist auch im Internet, in HTML, möglich. Deswegen soll man diese auch nutzen, nicht nur in syntaktischer sondern auch semantischer Hinsicht! Leider ist das auf vielen Webseiten noch nicht der Fall.

Sie fragen sich vielleicht: „Wenn man ein Design einfach abschalten kann, ohne daß inhaltlich etwas verloren geht, kann man dann genauso einfach ein anderes einschalten?” Ja, das funktioniert! Dieser recht angenehme Nebeneffekt der Trennung von Inhalt und Layout kann Ihnen sogar helfen, Geld zu sparen. Zum Beispiel wenn Sie sich zu einem Redesign Ihrer alten Website entschließen! Im Idealfall müssen nur verhätnismäßig wenige Zeilen Code in den CSS-Dateien (Cascading Stylesheets) geändert werden, um Ihre Website in neuem Glanz erstrahlen zu lassen.

atnex^xt hält sich schon seit langem an die Standards (X)HTML, CSS und deren sinnvolle Anwendung. Somit ist allen geholfen – Ihnen als unseren Kunden, Ihren Webseitenbesuchern, Ihren Ergebnissen in den Suchmaschinen und uns, weil sauberer Code auch unsere Arbeit enorm erleichtert…

Nachtrag: Der 05. April 2005 ist vorbei, atnexxt.de wieder mit CSS-Design aufrufbar. Wenn Sie wissen wollen, wie unsere Internetpräsenz ohne eingeschaltes CSS aussieht, wählen Sie in der folgenden Liste den entsprechenden Punkt:

• Carrington Mobile Twenty Eleven Twenty Ten WordPress Classic WordPress Default WordPress Default DE-Edition WordPress Mobile Edition Theme atnexxt atnexxt_ohne_CSS

Drupal ist ein CMS, das als Community-CMS konzipiert wurde. Es beinhaltet sehr viele Möglichkeiten, um mit einer Website eine Community, eine Gemeinschaft der Besucher, technisch zu unterstützen. In der Basiskonfiguration sind Foren, Weblogs sowie Kommentarfunktionen enthalten.
Drupal bietet die Möglichkeit, aus vielen verschiedenen Themes, also Designs, zu wählen oder ein eigenes zu erstellen, um seine eigenen Ideen der Gestaltung umsetzen zu können. Realisiert werden die Themes über PHPTemplate, ein System das die aus PHP und HTML-Code bestehenden Templates in das drupal-System integriert.

Erweiterung von Themes

Diese Gestaltung von eigenen Layouts stößt an ihre Grenzen, wenn man Erweiterungen, die so genannten Module benutzt. Gestalterisch läßt sich mittels CSS das Erscheinungsbild der Komponenten ändern, aber wenn es darum geht, bestimmte Texte auszutauschen oder den Code des Moduls oder einer bestimmten Drupal-Funktion zu ändern, muß etwas Hand angelegt werden. Diese Möglichkeit bietet PHPTemplate durch das Überschreiben von Template-Funktionen. Ich möchte am Beispiel des Event-Moduls erläutern, wie das Überschreiben dieser Funktionen ermöglicht wird.

Überschreiben von Theme-Funktionen

Das Event-Modul stellt eine Funktion bereit, die eine Liste der nächsten fünf Termine anzeigt. An dieser Liste waren einige Dinge zu ändern, so sollte zum Beispiel die Beschreibung der Terminart wegfallen. Dies direkt im Modul zu ändern ist zwar möglich, aber man steht vor Problemen, wenn das Modul auf einen neueren Stand gebracht wird, da dann die Änderung wieder manuell nachgetragen werden muss. Also nutzen wir die Funktion zum Überschreiben von Templatefunktionen.

Ermitteln der Funktion, die die Ausgabe gestaltet

Die originale Funktion, die die Liste erzeugt liegt in /modules/event/event.theme und trägt den Namen event_upcoming_item(). Der Funktionname ist wichtig, um diese Funktion selbst überschreiben zu können.

Erstellen der Basisdatei

Um eine Funktion überschreiben zu können, benötigt man im Verzeichnis des benutzten Themes eine Datei namens template.php. Dies ist die Basisdatei, in ihr werden die Funktionen definiert, die überschrieben werden sollen.

Erstellen der Basisfunktion

Diese Anweisung ist relativ einfach, man erstellt eine Funktion mit dem Namen phptemplate_ und ergänzt den Namen der Originalfunktion, den wir weiter oben ermittelt haben. Die komplette Funktion:

function phptemplate_event_upcoming_item( $node )
{
	return _phptemplate_callback( 'event_upcoming_item', array( $node ) );
}

Der Parameter, mit dem die Funktion aufgerufen wird, in userem Fall $node, muß natürlich dem originalen Parameter entsprechen. Der Aufruf der Funktion _phptemplate_callback() erfolgt mit dem originalen Funktionsnamen und einem Array, das den für die Funktion nötigen Parameter enthält.
Diese Datei mit der Funktion ist die Basis zum Überschreiben, die Funktion, die das eigentliche Überschreiben übernimmt, erstellen wir jetzt.

Erstellen der Überschreibungsfunktion

Die eigentliche Funktion zum Überschreiben wird in einer Datei plaziert, die wiederum den Namen der Originalfunktion trägt, in unserem Beispiel event_upcoming_item.tpl.php. In dieser Datei wird nun eine Funktion _phptemplate_event_upcoming_item( $node ), die mit dem entsprechenden Parameter aufgerufen wird. In die Funktion kopiert man der Einfachheit halber die Originalfunktion und verändert diese dann nach Bedarf.

Zu Beachten

Ab dem Moment der Erstellung der Überschreibungsfunktion reagiert PHPTemplate auf diese und nutzt sie auch zum erzeugen der Darstellung. Zum Abschalten der neu erstellten Funktion reicht das Auskommentieren des betreffenden Blocks in der template.php.

Überschreiben von Theme-Funktionen

Das Überschreiben von Themefunktionen ist ein mächtiges Werkzeug, mit dem man eine vom drupal-System völlig unabhängige Darstellung von Modulen erzeugen kann. Durch die einfache Integration eigener Funktionen kann man eine Seite, die mit drupal erzeugt wird, nach seinen Vorstellungen gestalten.

weiterlesen:

Literatur

Das Buch zu drupal von Hagen Graf beschreibt das Erstellung und Verwalten einer Webseite mit drupal.

Weblinks

• drupal.org: Die drupal-eigenen Theme-Funktionen (Englisch)
• drupalcenter.de: Die deutsche Gemeinschaft der drupal-Benutzer (Deutsch)

„Die Bürger.Stiftung.Halle und das Kino Lux rufen deshalb die Bürgerinnen und Bürger noch einmal auf, ihre privaten Filmarchive zu durchsuchen!”

Es ist nun auch möglich sehr alte Aufnahmen einzureichen, welche im Büro der BÜRGER.STIFTUNG.HALLE abgegeben werden können.

„Wer diese Bilder sieht, erinnert sich oder versteht, was der Saalestadt einst den Beinamen „Diva in Grau” einbrachte – und warum der ihr heute längst nicht mehr gerecht wird.”

• weitere Informationen zur Fortsetzung der HallRolle

Was ist ein 404er, was kann man dagegen tun und wie haben wir es auf atnexxt.de gelöst?

Was ist ein 404:

Man landet auf dieser Seite, wenn man entweder eine falsche URL eingegeben hat, eine Suchmaschine veraltete Links enthält oder ein Link innerhalb der Webseite ist falsch gesetzt.

Und der Name? Das ist der HTTP-Statuscode, den ein Webserver an Ihren Browser gesendet hat. 404 heißt schlicht und einfach: Not Found.

Was sollte eine 404-Seite enthalten:

Man kann einem Seitenbenutzer weiterhelfen, anstatt ihn vor die Tatsache zu stellen, das er hier nicht mehr weiterkommt. Eine 404-Seite sollte dem Nutzer zeigen, dass ein Fehler aufgetreten ist und ihm Möglichkeiten bieten, sein Ziel zu erreichen. Man kann und sollte zumindest ein Suchfeld unterbringen, weitere Möglichkeiten sind eine Artikelliste oder ein Archiv.

Die Seite sollte, wenn möglich, innerhalb des üblichen Seitendesigns realisiert werden. Warum? Meist ist der Nutzer nicht schuld, das die Seite nicht vorhanden ist und wenn doch, dann hat er sich nur vertippt. Einen solchen kleinen Fehler sollte eine Webseite „verzeihen” können.

404 in htaccess:

Eine eigene Fehlerseite kann sehr leicht erreicht werden. Man leitet einfach in einer .htaccess-Datei im Hauptverzeichnis (root) des Webservers die Fehlermeldung des Servers auf eine eigene Seite um:


ErrorDocument 404 http://www.domainname.de/die-eigene-404-Seite


Damit kann man jede Seite erreichen, die man auf dem Webserver verfügbar hat und kann damit eine 404er erzeugen, die dem Nutzer mehr hilft als ein schulterzuckendes: Nicht gefunden.

404 mit wordpress:

WordPress, unsere Webseitenverwaltung der Wahl, macht es uns relativ einfach. Wir leiten dafür in der .htaccess die Fehlerseite auf unsere Suchseite um. Dadurch kann jeder, der auf der 404-Seite (bei uns heißt sie: „Sie suchen etwas”) gelandet ist, problemlos dorthin gelangen, wohin er ursprünglich wollte und wir haben nur eine zentrale Seite, die gepflegt werden muss.

Auf der Seite selbst befindet sich zentral ein Link auf die Startseite sowie die verschiedenen Möglichkeiten, das Archiv zu durchsuchen.

weiterlesen:

• A list apart: The perfect 404 (Englisch)
• Erstellung einer 404-Seite mit Apache (Englisch)
• 404 mit MS Internet Information Server (IIS) (Englisch)
• W3C: Status Code Definitions (Englisch)

In der ersten Antragsrunde wurden aus über 40 eingereichten Mikroprojekten acht zur Förderung ausgewählt. In der neuen Runde steht noch die Hälfte der Gelder für weitere Projekte zur Verfügung.

Weitere Informationen finden Sie unter: los-halle.de: Aufruf zur 2. Antragsrunde Landes – LOS.

Die neuen Figuren sollen nun in Bronze gegossen werden, was sie wohl haltbarer machen dürfte.

Nähere Informationen gibt es bei der MZ. Spenden können Sie nach wie vor direkt auf der Homepage der Bürger.Stiftung.Halle.

Update:Die Arbeitsgemeinschaft hallescher Wohnungsunternehmen wird zu jedem gespendeten Betrag noch einmal die gleiche Summe dazu geben. Spenden Sie jetzt…