Sprungnavigation: Startseite [Mac:ctrl+alt+0] Navigation [Mac:ctrl+alt+1] Inhalt [Mac:ctrl+alt+2] Kontakt [Mac:ctrl+alt+3] Sitemap [Mac:ctrl+alt+4]

Individuelle und interaktive Websites im Zürcher Oberland and all over the world.

Standards

+/-

Meine Websites erfüllen folgende Standards:

■ Das World Wide Web Consortium (kurz W3C) ist seit 1994 das Gremium zur Standardisierung der ...weiter

Techniken im World Wide Web.

Sie stellen einen Testseite mit Hinweisen auf Fehler zur Überprüfung des Codes zur Verfügung.

Sie können dort auch selber irgendeine URL eingeben und überprüfen lassen, ob sie fehlerfrei programmiert ist. Das ist der Blick unter die Haube einer Website.

Ein fehlerfreier Code gibt die Gewährleistung, dass die Website auf allen Browsern und Ausgabegeräten sauber dargestellt wird. Die Erfüllung dieser Standards ist deshalb eine Selbstverständlichkeit.

Testsite vom W3C

close [X]

■ Barrierefrei Testsite Wave, weshalb? ...weiter

Barrierefrei ist nicht nur für blinde Menschen gedacht. Klar, ich habe Gerd Bingemann kennengelernt - ein blinder Pianist - und er hat mir gezeigt, wie er mit einem Screenreader das Internet nützen kann. Das war der Beweggrund, um mich für barrierefreie Websites zu interessieren.

Neueste Technik heisst auch, Inhalt und Darstellung programmiertechnisch zu trennen. Das gehört auch ins barrierefreie Webdesign. Über die Jahre entdeckte ich: meine Websites sind bei google recht weit oben. Die Erklärung ist einleuchtend: Die Crawler von google und Co. sehen auch nichts. Barrierefrei lohnt sich also doppelt.

Mit dieser Site erhält man Hinweise, wie barrierefrei eine Website ist.

Wave - Testsite für Barrierefrei

close [X]

■ Responsives Webdesign ...weiter

Responsive heisst (gut) reagieren. Ja, auf was denn? Eine Website wird heute von allen möglichen Endgeräten aufgerufen. Nicht nur meist von den mobilen Geräten, sondern auch von grossen Fernsehdisplays. Dazwischen liegen noch die Tablets und überall soll die Website gut lesbar und bedienbar sein. Das ist responsives Webdesign. Testen Sie: Ziehen Sie dieses Browserfenster einmal ganz gross und einmal ganz klein. Auf dem Smartphone: kippen; landscape oder portrait-Ansicht.

close [X]

■ Eindeutige Navigation ...weiter

Die Navigation ist dynamisch und es ist jederzeit ersichtlich, wo ein User sich gerade befindet. Die ausgewählte Seite ist in der Navigation immer markiert.

close [X]

■ Ausdruck ...weiter

Der Ausdruck soll nicht die ganze Website enthalten. Was im Ausdruck enthalten sein soll, lässt sich individuell einstellen. Unwichtige Elemente wie das top oder die Navigation kann im Ausdruck ausgeblendet werden. Testen Sie: Was sehen Sie noch, wenn Sie diese Seite ausdrucken wollen?

close [X]

■ Usability ...weiter

Das ist eine meiner Stärken. Usabilty meint die "Benutzerfreundlichkeit" einer Site. Hier sehen Sie es beispielsweise bei der Navigation. Durch die Selektion sehen Sie immer, wo Sie sich gerade befinden oder durch das Zeichen » werden Sie informiert, dass hier noch Umermenus sind. Bei meinen Programmierungen oder Formularen spüren Sie den Unterschied besser. Ziel ist es, mit möglichst wenigen Mausklicks schnell und verständlich ans Ziel zu kommen.

Beispiel: Umzugs-Formular

close [X]

Meine Websites werden mit folgender Technik erstellt:

  • php
  • mysql
  • CSS
  • html5
  • javascript

Techniken

+/-