Außer auf ausdrücklichen Kundenwunsch wählen wir ausschließlich XHTML strict.

Die unterschiedlichen Markup-Sprachen sind ein Resultat aus der Entwicklung von den Anfängen des Internets bis heute. Die Wahl, in welcher Sprache man schreibt, ist unter anderem philosophischer Natur. Aus unserer Sicht ist XHTML strict die richtige Wahl.

Vorteile von XHTML:

=> Fehlerfreiheit

Während in HTML immer mehrere Schreibweisen eines Elements als "richtig" gelten, ist in XHTML nur eine Schreibweise richtig.

=> Zukunftsorientiert

XHTML lehnt sich im syntaktischen Aufbau an die Sprache XML an. Das XML-Format wird immer beliebter um Daten zu verwalten. Bekannteste Beispiele hierfür sind Google und Amazon. XML ist wie XHTML eine Auszeichnungssprache, mit der Dateninhalte völlig unabhängig von ihrer Form als eigenständiges, kategorisierbares Objekt gespeichert werden. Der große Vorteil ist dabei, dass dieselben Daten in unterschiedlichen Formen und Medien wiedergegeben werden können: Web, Print, Mobile Endgeräte, RSS-Feeds usw. Diese hohe Effizienz spart Zeit und Geld.

=> Hohe Browserkompatibilität

Durch die vereinheitlichte Schreibweise (Fehlerfreiheit) ist zu einem hohen Prozentsatz ein einheitliches Erscheinungsbild in den aktuellen Browsern gewährleistet.

Geschichtlicher Hintergrund

Anfänglich diente das Medium Internet lediglich dem Austausch von wissenschaftlichen Daten auf schnelle und effektive Weise. Das "Design" der damaligen Seiten war mit dem Erscheinungsbild von Word- und Excel-Dokumenten vergleichbar. Je beliebter und kommerzieller das Medium wurde, desto größer wurde auch der Wunsch nach Formatierung.

Nun kam die Formatsprache CSS hinzu. In den Kinderschuhen konnte man damit noch nicht viel mehr anfangen als Farben zu ändern. Also suchten sich die Designer Wege um ihre persönlichen Vorstellungen von Form und Farbe umzusetzen. Das geschah mit vielen unterschiedlichen Ansätzen: 20 ineinander verschachtelte Tabellen, transparente 1-Pixel-Bilder und vieles mehr. Die Konsequenzen waren aber neben sehr langen Ladezeiten auch mangelnde browserübergreifende Performance; und es war beinahe unmöglich, das Erscheinungsbild zu ändern, ohne die gesamte Seite neu schreiben zu müssen.

Glücklicherweise wurden die CSS-Möglichkeiten intensiv weiterentwickelt und gleichzeitig durch das W3C strukturiert und vereinheitlicht. Die Zeiten, in denen man HTML verunstalten mußte, um ein Design umzusetzten, sind endgültig vorbei. HTML darf pure Auszeichnungssprache sein und die Optik erledigt CSS.

Vorteile von CSS-Layouting:

=> Kurze Ladezeiten, schlanker Quellcode

=> barrierearmes Web

Da der Inhalt nicht durch ständige Design-Anweisungen im Quellcode"verunstaltet" ist, sind die Seiten in Text- oder Akustikbrowsern genau in der Struktur darstellbar, wie sie mit "normalen" Browsern angezeigt werden. Dank CSS besteht die Möglichkeit dem eingeschränkten Benutzer zusätzliche Möglichkeiten zur Verfügung zu stellen. Zum Beispiel: sich die Navigation nicht auf jeder Seite wieder aufs Neue vorlesen lassen zu müssen.

=> Suchmaschinenfreundlich

Da das Design den Inhalt nicht "verunstaltet", werden den Suchmaschinen die Seiten sinnvoll strukturiert und als Text lesbar angeboten.

=> schnelle Entwicklung-und Umsetzungszeit

=> schnelles Redesign möglich

Man könnte innerhalb weniger Sekunden auf hundert Seiten grüne Überschriften rot färben, das Logo austauschen, die Schriftart ändern und dem weißen Hintergrund ein Tapetenmuster verpassen.

=> Hohe Browserkompatibilität

Wenn man die Tücken des IE6 kennt und zu umgehen weiß. Die älteren Browser, insbesondere die alten Modelle des Internet Explorers (aktuelle Version: IE7), bereiten dem CSS-Layouter manchmal Schwierigkeiten, weil sie schlecht programmiert wurden. Ein breites Know-how muss der Designer mitbringen, sonst werden einige Browser aus der Spur springen.

PHP steckt in jedem Projekt

Wir bemühen uns generell, unseren Kunden das Leben so bequem wie möglich zu machen. Da die meisten Auftraggeber die Aktualisierung Ihrer Inhalte selbst übernehmen wollen, greifen wir hier auf PHP zurück.

=> Link-Management

Navigationen der Seite lagern wir generell in eine Datei aus, von der aus man dann schalten und walten kann. Die Links werden per Programmierung in die jeweilige Seite übernommen. Auch die Unterscheidung zwischen aktiven und inaktiven Links übernimmt PHP. Man kann innerhalb kürzester Zeit 30 Seiten hinzufügen, umbenennen oder entfernen.

=> Datei-Management

Wir zerlegen jede Seite so, dass nur noch der eigentliche Inhalt darin steht. Alles was darum passiert, wie Links, Kopfinformationen, Nebeninhalte und Fußnoten wird ausgelagert und per PHP wieder zusammengefügt. Selbst gravierende Änderungen können innerhalb kürzester Zeit umgesetzt werden.

=> Template-Management

Wenn geplant ist, dass die Inhalte der Seite sehr oft aktualisiert werden sollen (Beispiel: Teilnehmerlisten mit Bild und Beschreibung), erstellen wir eine ausgelagerte Datei, wo nur die Inhalte eingegeben werden. Die Anordnung dieser Inhalte auf der tatsächlichen XHTML-Seite übernimmt dann PHP. Sie müssen sich nur um den Inhalt kümmern.

=> Metatag-Generierung

Meta-Tags sind ein wichtiger Schlüssel in der Suchmaschinenoptimierung. Sie sollten mit dem Inhalt der Seite übereinstimmen, um gute Ergebnisse zu liefern. Wir generieren die Meta-Tags automatisch, indem wir die erste Überschrift und den ersten Absatz auslesen. Die Meta-Tags werden von uns optimal auf Ihre Seite abgestimmt, ohne dass Sie etwas tun müssen.

=> Kontaktformular

PHP macht aus Ihrer Website einen Formmailer, der Formularfelder verschickt und überprüft. Auch der Spamschutz wird von PHP unterstützt.

Was wir mit PHP noch alles können:

• => Bildergalerien
• => Zufallsgeneratoren
• => multilinguale Seiten
• => und vieles mehr...

Dazu gehören Markt- und Trendforschung ebenso wie Scribbles und Collagen. Der kommunikative Austausch ist dabei die Grundlage für die gesamte Zusammenarbeit.

Erfahrung was gut umsetzbar ist, ein Gefühl für Form und Farbe und nicht zuletzt die stete Bereitschaft die Welt zu beobachten sind gute Geister, wenn man im kreativen Bereich arbeitet. Und einmal gefasste Meinungen wieder loslassen und ändern zu können, ist mindestens ebenso wichtig. Unsere Designs sind so unterschiedlich und individuell wie unsere Kunden.

Wir wollen Sie gut kennen lernen und haben ein offenes Ohr für Ihre Bedürfnisse. So können wir beidersseits zielsicher und vertrauensvoll arbeiten.

Grafische Handwerkszeuge & Leistungen:

=> Adobe Illustrator

Erstellung von Vektorgrafiken, CI, Logos, Brandings

=> Adobe Photoshop

Webtemplates, Bildbearbeitung, Retuschen, Collagen, kreative Bildbearbeitung, Pinselbearbeitung, Muster, Icons, Favicons, Buttons, Header, und vieles mehr...

Deshalb schreiben wir Webseiten generell struktur-orientiert. Der Beginn eines jeden unserer Projekte ist die Durchstrukturierung und Reihenfolge der Inhalte, erst danach folgt das Erscheinungsbild.

Beispielhaft für strukturorientiertes Authoring:

• Überschrift 1 => Firma Mustermann <= Überschrift 1
• Überschrift 2 => - Wir machen Ihre Muster - <= Überschrift 2
• Absatz => Sie befinden sich auf der Seite Willkommen von www.firma-mustermann.de <= Absatz
• Trennlinie => --------------------------------------------- <= Trennlinie
• Überschrift 1 => Inhalte dieser Website <= Überschrift 1
• Linkliste =>
• Link 1 => Die Firma
• Link 2 => Die Angebote
• Link 3 => Kontakt
• <= Linkliste

Dieses Gebilde verstehen akustische Browser, Suchmaschinen & Textbrowser. Und da nicht die Form den Inhalt bestimmt, sind die Daten für Mensch und Maschine gleichermaßen lesbar und verständlich.

Grundsätzlich barrierefreie Bausteine

=> strukturorientiertes Authoring

barrierefreier Zugang zu Inhalten durch korrekte Markup-Sprache

=> Trennung von Inhalt & Layout

=> Tabellenfreies Layouting

=> W3C-Technologien

=> Navigation

barrierefreies Navigieren durch Vermeidung von Javascript, großzügige Linkflächen; die Möglichkeit die Navigation zu überspringen, Zusatzinformationen für Text- und akustische Browser, Textlinks.

=> Zusatzinformationen zum Kontext und zur Orientierung

=> größenverstellbare Schriften

=> Browserunabhängig

Hierbei schenken wir folgenden Browsern Beachtung: Firefox, Opera, Internet Explorer 7, Internet Explorer 6 (deckt statistisch 98% aller User ab).

=> Monitorunabhängig

Wir gehen von einer Mindestauflösung von 1024 x 768 px aus, was etwa 98% aller User abdeckt.

Mehr Barrierefreiheit

Die folgenden Punkte sind Auszüge aus den "Bedingungen für barrierefreies Webdesign", die wir im Standard-Auftrag nicht komplett umsetzen, aber können, wenn Sie es wünschen.

• Für jeden Audio- oder visuellen Inhalt sind geeignete äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die gleiche Funktion wie der originäre Inhalt erfüllen.
• Sprachliche Besonderheiten wie Wechsel der Sprache oder Abkürzungen sind erkennbar zu machen.
• Alle mit Farbe dargestellten Informationen müssen auch ohne Farbe verfügbar sein, z.B. durch den Kontext oder die hierfür vorgesehenen Elemente der verwendeten Markup-Sprache.
• Bilder sind so zu gestalten, dass die Kombinationen aus Vordergrund- und Hintergrundfarbe auf einem Schwarz-Weiß-Bildschirm und bei der Betrachtung durch Menschen mit Farbfehlsichtigkeiten ausreichend kontrastieren.
• Texte sind so zu gestalten, dass die Kombinationen aus Vordergrund- und Hintergrundfarbe auf einem Schwarz-Weiß-Bildschirm und bei der Betrachtung durch Menschen mit Farbfehlsichtigkeiten ausreichend kontrastieren.
• Es ist eine mit der Tabulatortaste navigierbare, nachvollziehbare und schlüssige Reihenfolge von Hyperlinks-, Formularkontrollelementen und Objekten festzulegen.

Javascript ist nützlich, um dem Benutzer Komfort anzubieten, den er sonst nicht hätte; zum Beispiel die sofortige Rückmeldung über fehlerhafte Formulareingaben, Syntaxhighlighting oder Infoboxen, die erscheinen, wenn man mit der Maus über bestimmte Elemente fährt.

Nach unser Ansicht hat Javascript aber nichts in der Funktionalität in einer Seite verloren. Der Haken an dieser Scriptsprache ist, dass jeder Benutzer Javascript mit einem Knopfdruck in seinem Browser ausschalten kann. Wenn dann beispielsweise eine Linkführung nicht mehr funktioniert, kann der Besucher keine einzige Unterseite mehr besuchen.