Thorsten Konigorski

Ich hatte in den letz­ten Mona­ten die Ehre, die Web­seite des Unter­neh­mens­be­ra­ters und Musik­ma­na­gers Dr. Anselm Hart­mann zu gestal­ten. Anselm Hart­mann ist ein außer­ge­wöhn­li­cher Mensch und Künst­ler, er hatte als euro­pa­weit täti­ger Päd­agoge Lei­tungs­po­si­tio­nen in Aachen, Porto und Feld­kirch inne, bevor er sich als Con­sul­tant selb­stän­dig machte. Ich ver­danke ihm viel — für meine künst­le­ri­sche Tätig­keit nicht weni­ger als das Wesent­li­che. Daher war es mir eine Freude, ihm — nun weni­ger als Musi­ker denn als Neti­zen — beim Webauf­tritt behilf­lich zu sein. Ein Feed­back zu der neuen Inter­net­seite ist posi­tiv wie nega­tiv will­kom­men, gerne über die Kom­men­tar­funk­tion oder per eMail an epost (ätt) die­se­do­main­hier.

Auf­gabe

Mir stellte sich die Auf­gabe eines Rede­signs, das den beste­hen­den Schrift­zug “hartmann.consultant e.U.” mit­ein­be­zieht und die Imple­men­tie­rung in ein cms, das die War­tung der Seite auch dem html–Unkun­di­gen ermöglicht.

Die bis Ende Okto­ber beste­hende alte Web­prä­senz (Screen­shot) war mit­hilfe eines wysi­wyg–Edi­tors erstellt wor­den. Sie zeigte aller­dings dem­ent­spre­chend typi­sche Schwä­chen, z.B. unse­man­ti­scher, nicht­va­li­die­ren­der und redun­dan­ter Quell­code, ein Haupt­menü, das aus der ange­streb­ten Flucht hin­aus­lief und eine nicht strin­gend durch­ge­zo­gende Menü­struk­tur (hier zu sehen).

Die neue Seite

In mei­ner Vor­stel­lung sollte das neue Lay­out schlicht sein und klar struk­tu­riert. Aus­ge­hend vom Farb­schema der alten Seite erhielt die neue Seite ein sich auf wenige Grau– und Blau­töne beschrän­ken­des Farb­spek­trum (Huch! Das Rot für die Feh­ler­mel­dung des Kon­takt­for­mu­lars hat in der Tat Signalwirkung :-)).

Anders als z.B. für Salicional.de, des­sen Lay­out sich bis zu einer bestimm­ten Breite an das jeweilge Brow­ser­fens­ter anpaßt, ent­schied ich mich bei Hartmann-​​Consultant für ein fixes Lay­out, das eine feste Gesamt­sei­ten­breite von 900px vor­sieht. Selbst wenn dann der View­port ins­be­son­dere bei sehr brei­ten Bild­schir­men nicht opti­mal genutzt wird, erschien mir diese Lösung für das zukünf­tige Publi­zie­ren siche­rer, da bei­spiels­weise keine Maxi­malbrei­ten für Bil­der etc. beach­tet wer­den müs­sen. Die Seite glie­dert sich in einen groß­zü­gi­gen Kopf­be­reich mit Sprach­wahl– und jeweils zuge­hö­ri­gem Haupt­menü, einer Haupt­in­halts– und einer Seitenspalte.

Das css ergab keine grö­ße­ren (im Fall der micro$oft-Browser: keine uner­war­te­ten) Pro­bleme hin­sicht­lich der brow­ser­über­grei­fen­den Dar­stel­lung. Jeden­falls war dies so in den Platt­for­men, die ich tes­ten konnte. Die Seite unter­stützt auch den IE abwärts bis zur 6er Reihe. Ledig­lich im iPhone gab es Schwie­rig­kei­ten: Zwei abso­lut posi­tio­nierte Ele­mente in der Sei­ten­leiste über­lapp­ten sich. Die­ses Pro­blem ist nun durch Zuwei­sung eines Extra­style­s­heets gelöst.

Beim Markup-​​Coding (hier: XHTML 1.0 Strict) lag das Augen­merk auf einen seman­ti­schen, vali­den und knap­pen Quellcode.

Drei vor­her beste­hende Ein­zel­sei­ten mit nur sehr kur­zen Tex­tin­hal­ten wur­den in die Sei­ten­leiste ver­legt und mit­hilfe des JavaScript-​​Frameworks jQuery in ein „Akkor­deon” ver­packt. Das dazu benutzte Plu­gin ver­ur­sachte mir einige Kopf­schmer­zen; die anfangs geschal­tete “default”-Konfiguration
$('#seitenblock').accordion({header:'h2', active:'.selected'});
brachte repro­du­zier­bar jeden IE7 zum Absturz. Der genaue Grund ist mir letz­lich unklar, ich biete daher der­zeit für diese Brow­ser­gruppe eine Ersatz­funk­tio­na­li­tät an.

Auf der Suche nach einem pas­sen­den cms galt es, zwi­schen gewünsch­ter Ein­fach­heit und den Erfor­der­nis­sen sei­tens der Fami­lie Hart­mann abzu­wä­gen. Ich ent­schied mich für Text­pat­tern. Ein sol­ches „klei­nes” cms ist in mei­nen Augen voll­kom­men aus­rei­chend, für die­sen Zweck hier gra­dezu ideal. Als ganz am Ende der Wunsch nach einem rotie­ren­den „News”-System kam, war ich froh, dafür kein Extra­mo­dul wie bei ande­ren, grö­ße­ren Sys­te­men instal­lie­ren zu müs­sen. Das wun­der­bare Word­press war mir dann aber doch etwas zu „blog­cen­tric”, und das Ver­la­gern des kom­plet­ten php–Codes aus den Bau­stei­nen und Sei­ten­vor­la­gen, wie es Text­pat­tern, oder aber auch Movable Type vor­sieht, kam mir für die­ses Pro­jekt sehr ent­ge­gen. Letz­te­res hatte mir an ande­rer Stelle erheb­li­che Install­ti­ons­pro­bleme berei­tet, wäh­rend ich aller­dings das Backend dem­je­ni­gen von Text­pat­tern ein­deu­tig vorziehe.

Die Seite ist auf Ser­vern der Tele­kom Aus­tria gehos­tet, deren Business-​​Support ich für einen Mas­sen­hos­ter über­ra­schend schnell und fle­xi­bel emp­fand. Es gilt noch, einige klei­nere Css-​​Korrekturen vor­zu­neh­men, den­noch: seit dem 1. Novem­ber hat die Seite www.hartmann-consultant.at nun ihr neues Gesicht.